:root{--bg:#e8eee9;--surface:#f7faf7;--ink:#17221d;--muted:#56665d;--line:#cbd6cf;--felt:#1f3b33;--felt-ink:#eef5f0;--cell:#2a4b42;--cell-line:#18302a;--star:#4f7468;--tile:#f3e6c4;--tile-edge:#cdb98a;--tile-ink:#2b2112;--fresh:#ffe7a3;--last:#d9f1e4;--last-ring:#4cc896;--gold:#c98a1c;--accent:#2f7a63;--accent-ink:#fff;--good:#2f7a63;--bad:#b5402e;--perk:#3b7a55;--item:#3d6ea8;--sq-l2:#3d6f8f;--sq-l3:#2d4f86;--sq-m3:#9a4a5a;--sq-x2:#a3611c;--mult:#b5402e;--font:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Bricolage Grotesque", "Rubik", system-ui, sans-serif;--r-xs:4px;--r-sm:8px;--r:10px;--r-lg:16px;--r-pill:99px;--shadow-sm:0 2px 6px #0003;--shadow:0 6px 18px #00000045;--shadow-lg:0 8px 24px #0000004d;--z-pop:15;--z-sheet:20;--z-notice:30;--z-popover:35;--z-drag:40;--z-fx:45;--z-bar:60;--gold-ink:#1d1405;--gold-on-dark:#ffd98a;--gold-bright:#f2c94c;--pop-red:#c8341f;--pop-yellow:#ffd23f;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--sheet-pad:var(--space-lg);--head-gap:var(--space-md);--section-gap:var(--space-xl);--tap:44px;--card-pad:var(--space-md);--card-gap:var(--space-md);--text-xs:12px;--text-sm:14px;--text:16px;--text-lg:20px;--text-xl:28px;--text-icon:24px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1613;--surface:#17201c;--ink:#e5ece7;--muted:#93a39a;--line:#2a3832;--felt:#132820;--felt-ink:#e5ece7;--cell:#1d372f;--cell-line:#0c1813;--star:#3c5f53;--tile:#eedfba;--tile-edge:#b49b65;--tile-ink:#251b0b;--fresh:#ffdf8c;--last:#d3eddf;--last-ring:#5fd6a6;--gold:#e0a33a;--accent:#6cc3a4;--accent-ink:#0b1a14;--good:#6cc3a4;--bad:#f08a74;--perk:#79c398;--item:#84aee0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sq-l2:#2c5670;--sq-l3:#233f6c;--sq-m3:#7a3a48;--sq-x2:#87500f;--mult:#b5402e}}:root[data-theme=dark]{--bg:#0f1613;--surface:#17201c;--ink:#e5ece7;--muted:#93a39a;--line:#2a3832;--felt:#132820;--felt-ink:#e5ece7;--cell:#1d372f;--cell-line:#0c1813;--star:#3c5f53;--tile:#eedfba;--tile-edge:#b49b65;--tile-ink:#251b0b;--fresh:#ffdf8c;--last:#d3eddf;--last-ring:#5fd6a6;--gold:#e0a33a;--accent:#6cc3a4;--accent-ink:#0b1a14;--good:#6cc3a4;--bad:#f08a74;--perk:#79c398;--item:#84aee0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sq-l2:#2c5670;--sq-l3:#233f6c;--sq-m3:#7a3a48;--sq-x2:#87500f;--mult:#b5402e}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{font-family:var(--font);font-size:var(--text);-webkit-font-smoothing:antialiased;line-height:1.45}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:800;line-height:1.1}a{color:var(--accent)}button{font:inherit;cursor:pointer;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r-sm);padding:var(--space-sm) var(--space-lg);justify-content:center;align-items:center;gap:var(--space-sm);min-height:44px;font-weight:500;text-decoration:none;display:inline-flex}.btn.small{min-height:34px;padding:var(--space-sm) var(--space-sm);font-size:var(--text-sm)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.btn.big{font-size:var(--text);padding:var(--space-lg) var(--space-xl)}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:default}.pill{font-size:var(--text-sm);padding:var(--space-2xs) var(--space-sm);border-radius:var(--r-pill);background:var(--line);color:var(--ink);letter-spacing:.02em;font-weight:700;display:inline-block}.pill.turn{background:var(--gold);color:var(--gold-ink)}:where(.link,.mini-player,.round,.zbtn,.btn.small,.menu-btn,.catalog-nav a,.tab,.brand,.section-link a,.seg>button,.pills>button){position:relative}:is(.link,.mini-player,.round,.zbtn,.btn.small,.menu-btn,.catalog-nav a,.tab,a.brand,.section-link a,.seg>button,.pills>button):after{content:"";inset:min(0px, calc((100% - var(--tap)) / 2));position:absolute}select,input:not([type=checkbox],[type=radio]){min-height:var(--tap)}.cell{left:calc(3px + var(--x) * (var(--cell-size) + 2px));top:calc(3px + var(--y) * (var(--cell-size) + 2px));width:var(--cell-size);height:var(--cell-size);background:var(--cell);border-radius:var(--r-xs);place-items:center;display:grid;position:absolute}.cell.star:after{content:"";aspect-ratio:1;background:var(--star);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:48%}.tile{border-radius:var(--r-xs);background:var(--tile);color:var(--tile-ink);box-shadow:inset 0 -2px 0 var(--tile-edge);font-weight:700;font-size:calc(var(--cell-size,40px) * .58);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;place-items:center;display:grid;position:absolute;inset:0}.tile .v{font-size:calc(var(--cell-size,40px) * .25);font-weight:500;position:absolute;top:2%;right:7%}.sqmark{z-index:2;pointer-events:none;border:2px solid var(--sq);border-radius:var(--r-xs);position:absolute;inset:0}.sqmark i{font-style:normal;font-weight:700;font-size:calc(var(--cell-size,40px) * .24);background:var(--sq);color:var(--felt-ink);letter-spacing:-.02em;border-radius:2px 0 4px;padding:2px 3px 3px 2px;line-height:1;position:absolute;top:-1px;left:-1px}.sqmark.sq-L2{--sq:var(--sq-l2)}.sqmark.sq-L3{--sq:var(--sq-l3)}.sqmark.sq-M3{--sq:var(--sq-m3)}.sqmark.sq-X2{--sq:var(--sq-x2)}.tile.blank{color:color-mix(in srgb, var(--tile-ink) 55%, transparent)}.tile.last{background-color:var(--last);outline:2px solid var(--last-ring);outline-offset:-2px}.tile.fresh{background:var(--fresh);box-shadow:inset 0 -2px 0 var(--tile-edge), 0 0 0 2px var(--gold);cursor:grab;z-index:1}:is(.tile,.rtile,.bt):is(.gold,.hot,.prism){box-shadow:inset 0 var(--edge-y,-3px) 0 var(--tile-edge), var(--ring,0 0 #0000), var(--ember,0 0 #0000), var(--halo,0 0 #0000)}.tile:is(.gold,.hot,.prism){--edge-y:-2px}:is(.tile,.rtile,.bt).gold{--ring:inset 0 0 0 calc(1px + var(--g,2) * .5px) var(--gold), 0 0 calc(max(0, var(--g,2) - 2) * 4px) color-mix(in srgb, var(--gold) 80%, transparent)}.tile.qu{font-size:calc(var(--cell-size,40px) * .44);letter-spacing:-.04em}.tile.multi{font-size:calc(var(--cell-size,40px) * .34);padding-top:calc(var(--cell-size,40px) * .06);letter-spacing:-.06em}:is(.tile,.rtile,.bt):is(.e-glass,.e-steel,.e-lucky,.e-coin,.e-lead){background-image:var(--l-glass,none), var(--l-coin,none), var(--l-lucky,none), var(--l-steel,none), var(--l-lead,none)}:is(.tile,.rtile,.bt).e-glass{--l-glass:linear-gradient(135deg, #ffffffe6 0 9%, transparent 9% 17%, #fff9 17% 21%, transparent 21%), linear-gradient(150deg, rgb(111 205 242/calc(.45 + var(--gl,2) * .15)) 0%, rgb(111 205 242/calc(.15 + var(--gl,2) * .1)) 35%, transparent calc(40% + var(--gl,2) * 7%));--tile-edge:#2a86b0}:is(.tile,.rtile,.bt).e-coin{--l-coin:radial-gradient(circle at 100% 0%, rgb(232 172 40/calc(.55 + var(--co,2) * .15)) 0, rgb(255 222 130/calc(.25 + var(--co,2) * .15)) 32%, transparent calc(44% + var(--co,2) * 7%))}:is(.tile,.rtile,.bt).e-lucky{--l-lucky:radial-gradient(circle at 0% 100%, rgb(63 160 86/calc(.55 + var(--lu,2) * .15)) 0, rgb(108 199 122/calc(.2 + var(--lu,2) * .15)) 34%, transparent calc(46% + var(--lu,2) * 7%));--tile-edge:#2f7d43}:is(.tile,.rtile,.bt).e-steel{--l-steel:linear-gradient(160deg, transparent calc(42% - var(--st,2) * 2%), rgb(255 255 255/calc(.45 + var(--st,2) * .15)) 46%, rgb(157 179 199/calc(.25 + var(--st,2) * .15)) 54%, transparent calc(60% + var(--st,2) * 2%)), repeating-linear-gradient(180deg, rgb(120 145 170/calc(.1 + var(--st,2) * .06)) 0 1px, transparent 1px 3px);--tile-edge:#56708a}:is(.tile,.rtile,.bt).e-lead{--l-lead:linear-gradient(170deg, rgb(calc(149 - var(--ld,2) * 12) calc(154 - var(--ld,2) * 12) calc(164 - var(--ld,2) * 12) / .9), rgb(calc(104 - var(--ld,2) * 12) calc(109 - var(--ld,2) * 12) calc(119 - var(--ld,2) * 12) / .95));--tile-edge:#393d45;color:#eef0f3}.wild-face{font-size:1.15em;line-height:1}.morph-letter{animation:.38s cubic-bezier(.3,1.4,.5,1) .12s backwards morph-in;display:inline-block}.morph-star{pointer-events:none;opacity:0;place-items:center;font-size:1.15em;animation:.38s ease-in morph-out;display:grid;position:absolute;inset:0}@keyframes morph-in{0%{opacity:0;transform:scale(.3)rotate(-40deg)}}@keyframes morph-out{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.2)rotate(180deg)}}@media (prefers-reduced-motion:reduce){.morph-letter,.morph-star{animation:none}}.tile.fresh:not([data-landing]) :is(.morph-letter,.morph-star){animation:none}:is(.tile,.rtile,.bt).e-wild:after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:conic-gradient(#e0533d,#e8b23a,#57a866,#3d8fd6,#8a5bd0,#e0533d);padding:2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.tile.fresh:is(.e-glass,.e-steel,.e-lucky,.e-coin,.e-lead){outline:2px solid var(--gold);outline-offset:-2px}.pips{pointer-events:none;flex-direction:row-reverse;line-height:1;display:flex;position:absolute;bottom:4%;right:4%}.pip{--pip:1.15em;width:var(--pip);height:var(--pip);color:#fff;text-shadow:0 1px #00000059;box-shadow:0 0 0 1.5px var(--tile), 0 1px 2px #00000059;border-radius:50%;place-items:center;font-size:9px;font-style:normal;font-weight:700;display:grid}.pip+.pip{margin-right:-.3em}.tile .pips{font-size:0}.tile .pip{font-size:calc(var(--cell-size,40px) * .18)}.bt.big .pip{font-size:11px}.p-glass{background:#4fa7d1}.p-steel{background:#6f7a83}.p-lucky{background:#3f9a52}.p-coin{background:#c99418}.p-lead{background:#464a52}.p-wild{background:conic-gradient(#e0533d,#e8b23a,#57a866,#3d8fd6,#8a5bd0,#e0533d)}.tile.pixie{box-shadow:inset 0 -2px 0 var(--tile-edge), 0 0 0 2px #b6f5ffb3, 0 0 10px #b6f5ff80}.tally{z-index:var(--z-drag);pointer-events:none;flex-direction:column;align-items:center;gap:6px;animation:.16s ease-out backwards fade-in;display:flex;position:fixed}.tally-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;height:56px;display:grid}.tally-row>.chips{justify-self:end}.tally-row>.mult{justify-self:start}.tbox{isolation:isolate;border-radius:var(--r);text-align:center;min-width:2.6em;line-height:1.1;font-family:var(--display);font-variant-numeric:tabular-nums;color:#fff;will-change:transform;backface-visibility:hidden;padding:4px 12px;font-weight:800;position:relative;transform:translateZ(0);box-shadow:0 3px #0000004d,0 6px 18px #00000040}.tbox:before,.tbox:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;position:absolute;inset:0}.tbox.chips{background:linear-gradient(#4a8fd0,#2c5f9a)}.tbox.mult{background:linear-gradient(#d0503c,#8f2a22)}.tbox.mult:before{opacity:var(--heat,0);background:linear-gradient(#ff7a3d,#a8331f);transition:opacity .3s ease-out;box-shadow:0 0 28px #ff7a3dcc}.tbox:after{opacity:0;z-index:1;mix-blend-mode:soft-light;background:#fff}.tx{color:#fff;text-shadow:0 2px 4px #00000080;font-size:22px;font-weight:700}.tally-label{border-radius:var(--r-pill);color:#fff;max-width:100%;min-height:1.6em;font-size:var(--text);text-align:center;text-wrap:balance;background:#0000008c;padding:4px 10px;font-weight:700}.tally-word{font-family:var(--display);letter-spacing:.02em;font-size:18px;animation:.42s cubic-bezier(.2,.9,.3,1.3) backwards tally-word}@keyframes tally-word{0%{opacity:0;transform:scale(.6)}}.tally-label:empty{visibility:hidden}.tally-score{line-height:1;font-family:var(--display);color:var(--gold);-webkit-text-stroke:3px #00000073;paint-order:stroke fill;text-shadow:0 4px 0 #00000040, 0 0 24px color-mix(in srgb, var(--gold) 60%, transparent);flex-direction:column;align-items:center;font-weight:800;display:flex}.tally.big .tally-score{color:#ff8a3d;text-shadow:0 4px #00000040,0 0 32px #ff6a2a}.tally-score small{-webkit-text-stroke:0;color:#fff;text-shadow:0 1px 3px #0009;margin-top:4px;font-size:17px}.ups{pointer-events:none;z-index:1;line-height:1;position:absolute;inset:0}.ups .up{position:absolute;left:4%}.ups .up-m{bottom:5%}.ups .up-x{top:5%}.up{letter-spacing:-.02em;color:#fff;border-radius:var(--r-pill);text-shadow:0 1px #0000004d;padding:.14em .34em .12em;font-style:normal;font-weight:700;box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff59}.up-m{background:linear-gradient(180deg, #ffb347 0%, #f2672e 55%, var(--pop-red) 100%);box-shadow:0 0 6px #ff78328c,0 1px 2px #0000004d,inset 0 1px #fff6}.up-x{background:linear-gradient(100deg,#ff6b6b,#ffb547 25%,#7bd88f 50%,#57a8ff 75%,#b07cff);box-shadow:0 0 6px #a08cff80,0 1px 2px #0000004d,inset 0 1px #ffffff73}.tile .ups{font-size:calc(var(--cell-size,40px) * .18)}.rtile .ups,.bt .ups{font-size:9px}.bt.big .ups{font-size:11px}:is(.tile,.rtile,.bt).hot{--ember:inset 0 calc(-10px - var(--h,2) * 2px) calc(12px + var(--h,2) * 2px) -8px rgb(255 110 40/calc(.35 + var(--h,2) * .1)), 0 0 calc(4px + var(--h,2) * 2px) rgb(255 120 50/calc(.15 + var(--h,2) * .1))}:is(.tile,.rtile,.bt).prism:before{content:"";border-radius:inherit;pointer-events:none;--band:calc(.12 + var(--p,2) * .08);background:linear-gradient(125deg, transparent 22%, rgb(255 107 107/var(--band)) 32%, rgb(255 213 71/var(--band)) 40%, rgb(123 216 143/var(--band)) 48%, rgb(87 168 255/var(--band)) 56%, rgb(176 124 255/var(--band)) 64%, transparent 74%);mix-blend-mode:multiply;position:absolute;inset:0}:is(.tile,.rtile,.bt).prism{--halo:0 0 0 calc(var(--p,2) * .5px) #b07cff73, 0 0 calc(4px + var(--p,2) * 2.5px) rgb(120 160 255/calc(.15 + var(--p,2) * .1))}:is(.tile,.rtile,.bt).gold.prism:before{inset:calc(1px + var(--g,2) * .5px);border-radius:calc(var(--r-xs) - 1px)}.rtile.prism:before{background-size:220% 100%;animation:4s ease-in-out infinite alternate prism-shift}@keyframes prism-shift{0%{background-position:0 0}to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.rtile.prism:before{animation:none}}.tile.fresh:is(.gold,.hot,.prism){outline:2px solid var(--gold);outline-offset:-2px}body{font-size:var(--text)}.btn.small{font-size:var(--text);min-height:40px}.wrap{max-width:1040px;padding-left:max(var(--space-lg), env(safe-area-inset-left,0px));padding-right:max(var(--space-lg), env(safe-area-inset-right,0px));margin:0 auto}.brand{font-family:var(--display);letter-spacing:-.01em;font-size:22px;font-weight:800}.hero{background:var(--felt);color:var(--felt-ink);padding-top:env(safe-area-inset-top,0px)}.hero-inner{gap:var(--space-2xl);padding-block:var(--space-lg) var(--space-3xl);display:grid}.nav{justify-content:space-between;align-items:center;display:flex}.ghost-btn{color:var(--felt-ink);border-color:color-mix(in srgb, var(--felt-ink) 35%, transparent);background:0 0}.hero h1{letter-spacing:-.02em;max-width:14ch;font-size:clamp(34px,7vw,60px);font-weight:800}.lede{font-size:var(--text-lg);max-width:52ch;color:color-mix(in srgb, var(--felt-ink) 82%, transparent);margin:var(--space-lg) 0 var(--space-xl)}.cta-row{gap:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.hint{font-size:var(--text);color:color-mix(in srgb, var(--felt-ink) 70%, transparent)}.hero .btn.primary{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.stage{gap:var(--space-sm);flex-direction:column;justify-self:center;width:100%;min-width:0;max-width:440px;margin:0;display:flex}.hero-inner>*{min-width:0}.stage-players{gap:var(--space-sm);display:flex}.sp{min-width:0;padding:var(--space-sm) var(--space-md);border-radius:var(--r);background:color-mix(in srgb, var(--felt-ink) 10%, transparent);border:1px solid color-mix(in srgb, var(--felt-ink) 18%, transparent);font-size:var(--text);flex:1;justify-content:space-between;align-items:baseline;display:flex}.sp b{font-family:var(--display);font-weight:800;font-size:var(--text-lg);font-variant-numeric:tabular-nums}.sp[data-who=you]{border-color:var(--gold)}.stage-felt{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--r-lg);background:var(--cell-line);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 12px #00000059}.stage-frame{border-radius:var(--r-sm);background:var(--cell-line);justify-items:center;width:100%;display:grid;position:relative}.stage .board{position:relative}.stage .tile{cursor:pointer;touch-action:manipulation}.stage .tally{z-index:3;opacity:0;width:100%;padding-inline:8px;transition:opacity .2s;position:absolute;top:10px;left:0}.stage.tallying .tally,.stage.done .tally{opacity:1}.stage .tally .tally-word,.stage .tally .tally-score{display:none}.stage .tally.landed .tally-word,.stage .tally.landed .tally-score{display:flex}.stage .tally.landed .tally-label:not(.tally-word),.stage .tally-score small:empty{display:none}.stage-rack{gap:var(--space-xs);grid-template-columns:repeat(7,minmax(0,1fr)) minmax(0,1.15fr);align-items:end;width:100%;display:grid}.rs{aspect-ratio:1;border-radius:var(--r-xs);background:#0003;position:relative}.stage-bag{aspect-ratio:.9;background:radial-gradient(circle at 40% 35%,#b98d58,#7d5631 70%);border-radius:40% 40% 30% 30%/30% 30% 45% 45%;display:grid;position:relative;box-shadow:inset 0 -4px #00000040}.stage-bag:before{content:"";border-radius:var(--r-xs);background:#4e3218;height:3px;position:absolute;top:12%;left:22%;right:22%}.stage-bag>.tile{inset:15%}.stage-banner{z-index:4;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--r);box-shadow:var(--shadow-lg);font-size:var(--text);align-items:center;display:none;position:absolute;bottom:10px;left:10px;right:10px}.stage-banner b{font-family:var(--display);font-size:var(--text);display:block}.stage-banner em{opacity:.85;font-style:normal}.stage-banner small{color:var(--gold);font-size:var(--text-sm);display:block}.stage-banner.medal,.stage-banner.poke,.stage-banner.boss{display:flex}.stage-banner.medal{border:2px solid var(--gold);color:#fff8e6;background:linear-gradient(160deg,#2b4a40,#1a2f29)}.stage-banner .coin{background:radial-gradient(circle at 40% 35%,#ffe9a6,#f2c94c 60%,#c99a1e);border-radius:50%;flex:none;width:40px;height:40px;animation:.9s ease-out .15s both coin-flip;box-shadow:inset 0 0 0 3px #fff2bf88}@keyframes coin-flip{0%{transform:rotateY(0)scale(.5)}70%{transform:rotateY(540deg)scale(1.1)}to{transform:rotateY(720deg)}}.stage-banner.poke{background:var(--pop-yellow);color:#5c1a0e;border:2px solid var(--pop-red);align-items:flex-start;gap:var(--space-2xs);flex-direction:column;display:flex}.stage-banner.boss{border:2px solid var(--bad);color:#ffe6df;align-items:flex-start;gap:var(--space-2xs);background:linear-gradient(160deg,#3a1714,#241010);flex-direction:column}.stage-banner.boss b{color:#ff9a85}.poke-shot{z-index:60;pointer-events:none;background:var(--pop-yellow);color:var(--pop-red);font-family:var(--display);box-shadow:0 0 0 3px var(--pop-red), 0 6px 14px #00000059;border-radius:50%;padding:8px 10px;font-size:16px;font-weight:800;position:fixed}.stage-caption{font-size:inherit;color:color-mix(in srgb, var(--felt-ink) 70%, transparent)}@media (min-width:860px){.hero-inner{grid-template-columns:1.3fr 1fr;align-items:center}.nav{grid-column:1/-1}}main{padding-block:var(--space-3xl);flex-direction:column;gap:56px;display:flex}main h2{margin-bottom:var(--space-xl);font-size:clamp(24px,4vw,32px)}main h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}main p{max-width:62ch;margin:0}.steps ol{gap:var(--space-xl);counter-reset:s;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.steps ol{gap:var(--space-2xl) 40px;grid-template-columns:repeat(2,1fr)}}.steps li{counter-increment:s;padding-left:var(--space-3xl);position:relative}.steps li:before{content:counter(s);background:var(--tile);width:34px;height:34px;color:var(--tile-ink);border-radius:var(--r-sm);box-shadow:inset 0 -2px 0 var(--tile-edge);place-items:center;font-weight:700;display:grid;position:absolute;top:-2px;left:0}.steps p,.kinds p{color:var(--muted)}.kinds{gap:var(--card-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.kinds article{padding:var(--card-pad);border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}.kinds article:first-child{--k:var(--item)}.kinds article:nth-child(2){--k:var(--perk)}.kinds article:nth-child(3){--k:var(--gold)}.kinds article:nth-child(4){--k:var(--muted)}.kinds article:nth-child(5){--k:var(--item)}.kinds article:nth-child(6){--k:var(--perk)}.kinds:not(.extras) h3:before{content:"";width:10px;height:10px;margin-right:var(--space-sm);vertical-align:.08em;background:var(--k);border-radius:50%;display:inline-block}.fine{gap:var(--space-md);flex-direction:column;display:flex}.final{padding:var(--space-2xl);border-radius:var(--r-lg);background:var(--felt);color:var(--felt-ink);justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.final h2{margin:0}.final .btn.primary{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.foot{padding-block:var(--space-sm) calc(var(--space-2xl) + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:var(--text)}.ss{align-items:center;gap:var(--space-md) var(--space-xl);padding:var(--space-xl) var(--space-xl);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);color:var(--ink);grid-template-columns:auto 1fr auto;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.ss:hover{border-color:color-mix(in srgb, var(--ink) 35%, transparent);transform:translateY(-2px)}.ss-logo{width:150px;height:auto;display:block}.ss-copy{gap:var(--space-2xs);color:var(--muted);display:grid}.ss-copy b{color:var(--ink);font-family:var(--display);font-weight:800;font-size:var(--text)}.ss-go{white-space:nowrap;font-weight:700}.ss:hover .ss-go{text-decoration:underline}@media (max-width:640px){.ss{grid-template-columns:1fr}.ss-logo{width:140px}}.section-link{margin:calc(var(--space-sm) * -1) 0 var(--space-lg)}.kinds.extras article{padding-top:56px;position:relative}.doodle{gap:var(--space-xs);transition:transform .25s cubic-bezier(.3,1.6,.5,1);display:flex;position:absolute;top:14px;left:16px}.kinds.extras article:hover .doodle,.kinds.extras article:active .doodle{transform:translateY(-4px)rotate(-6deg)scale(1.12)}.d-tiles i{-webkit-user-select:none;user-select:none;border-radius:var(--r-xs);background:var(--tile);width:26px;height:26px;color:var(--tile-ink);box-shadow:inset 0 -2px 0 var(--tile-edge);place-items:center;font-size:16px;font-style:normal;font-weight:700;display:grid}.d-hearts i{color:#d0503c;font-size:22px;font-style:normal}.kinds.extras article:hover .d-hearts i,.kinds.extras article:active .d-hearts i{animation:.7s ease-out both heart-up}.d-hearts i:nth-child(2){animation-delay:80ms!important}.d-hearts i:nth-child(3){animation-delay:.16s!important}@keyframes heart-up{0%{transform:none}50%{transform:translateY(-10px)scale(1.3)}to{transform:none}}.d-poke{padding:var(--space-xs) var(--space-sm);background:var(--pop-yellow);color:var(--pop-red);font-family:var(--display);box-shadow:0 0 0 2px var(--pop-red);border-radius:50%;font-size:14px;font-weight:800}.d-medal{background:radial-gradient(circle at 40% 35%,#ffe9a6,#f2c94c 60%,#c99a1e);border-radius:50%;width:32px;height:32px;box-shadow:inset 0 0 0 3px #fff2bf88}.kinds.extras article:hover .d-medal,.kinds.extras article:active .d-medal{animation:.8s ease-out coin-flip}@media (prefers-reduced-motion:reduce){.doodle,.kinds.extras article:hover .doodle{transition:none;transform:none}.kinds.extras article:hover .d-hearts i,.kinds.extras article:hover .d-medal{animation:none}}.fx{pointer-events:none;z-index:50;width:100%;height:100%;position:fixed;inset:0}.fx-text{pointer-events:none;z-index:51;white-space:nowrap;font:800 1em/1 var(--display);-webkit-text-stroke:5px #0006;paint-order:stroke fill;will-change:transform, opacity;position:fixed}.stage .cell.star:has(.tile):after{display:none}