:where(h1,h2,h3,h4){text-wrap:balance}:where(p,li,dd,dt,figcaption,blockquote){text-wrap:pretty}:root{--ink: #17181a;--ground: #ece9e4;--ground-2: #e2ded8;--white: #ffffff;--green: #8cd446;--green-deep: #1e9b5a;--green-soft: #ddf3c4;--yellow: #ffc61a;--yellow-deep: #d99a00;--yellow-soft: #fff0b3;--orange: #ff9a1f;--blue: #1f7fdb;--blue-deep: #0f5fb0;--sky: #cfecf3;--slate: #4a5874;--grey: #8e939b;--danger: #e5484d;--line: none;--bg: var(--ink);--panel: rgba(255, 255, 255, .95);--panel-solid: var(--white);--paper: var(--white);--paper-ink: var(--ink);--paper-rule: rgba(23, 24, 26, .1);--border: rgba(23, 24, 26, .16);--text: var(--ink);--muted: var(--slate);--accent: var(--blue);--brand: var(--green);--brand-deep: var(--green-deep);--sale: var(--yellow);--warn: var(--yellow-deep);--good: var(--green-deep);--led: #9df0bd;--radius: 16px;--shadow: 0 8px 22px rgba(23, 24, 26, .18);--hud-font: "Figtree", "Avenir Next", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--sign-font: "Unbounded", "Arial Black", "Avenir Next", "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--hud-font);touch-action:none;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}canvas#game-canvas{display:block;width:100%;height:100%}.hud{position:fixed;inset:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));font-variant-numeric:tabular-nums;user-select:none}.hud.hidden{display:none}.hud-panel{background:var(--panel);color:var(--ink);border:var(--line);border-radius:var(--radius);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:10px 12px}.hud-timer{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);text-align:center;min-width:164px;padding:8px 10px 7px;background:linear-gradient(180deg,#2c2d31,var(--ink))}.hud-timer .till{background:#0a1410;border-radius:8px;padding:5px 14px 3px;box-shadow:0 0 0 1px #9df0bd24 inset,0 6px 18px #00000080 inset}.hud-timer .time{font-family:var(--mono);font-size:40px;font-weight:700;line-height:1;letter-spacing:1px;color:var(--led);text-shadow:0 0 14px rgba(157,240,189,.55)}.hud-timer .time.urgent{color:#ff5a6e;text-shadow:0 0 16px rgba(255,90,110,.7);animation:pulse 1s ease-in-out infinite}.hud-timer .round{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--grey);margin-top:5px}@keyframes pulse{50%{opacity:.55}}.hud-list{--hand: "Patrick Hand", "Bradley Hand", "Segoe Print", "Marker Felt", "Comic Sans MS", cursive;--rule: 34px;position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));width:375px;height:auto;display:flex;flex-direction:column;padding:26px 16px 12px 44px;color:#22304a;font-family:var(--hand);border:none;border-radius:4px 4px 6px 6px;overflow:visible;backdrop-filter:none;transform-origin:bottom left;background:linear-gradient(90deg,transparent 33px,rgba(214,69,80,.55) 33px,rgba(214,69,80,.55) 35px,transparent 35px),repeating-linear-gradient(180deg,transparent 0 calc(var(--rule) - 1px),rgba(84,130,196,.32) calc(var(--rule) - 1px) var(--rule)) 0 58px / 100% calc(100% - 58px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(180deg,#fffdf6,#f6efdc);box-shadow:0 1px #0000000f,0 12px 28px #03060c73,inset 0 -18px 30px #aa8c5014}.hud-list .spiral{position:absolute;top:-16px;left:14px;right:14px;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='34' viewBox='0 0 26 34'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23676d75'/%3E%3Cstop offset='.45' stop-color='%23eef1f4'/%3E%3Cstop offset='1' stop-color='%235a6068'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='13' cy='26' rx='4.2' ry='3.6' fill='%233b3226' opacity='.85'/%3E%3Cpath d='M9.5 26 C9.5 12 9 4 13 4 C17 4 16.5 12 16.5 26' fill='none' stroke='url(%23m)' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x 0 0 / 26px 34px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.25));pointer-events:none}.hud-list h3{margin:0 0 2px;padding:0 0 2px;font-family:var(--hand);font-size:27px;font-weight:400;line-height:1;letter-spacing:.5px;color:var(--blue-deep);background:none;transform:rotate(-1.5deg);transform-origin:left center;text-decoration:underline wavy rgba(31,127,219,.55);text-decoration-thickness:1.5px;text-underline-offset:6px}.list-body{flex:none;padding:4px 0 var(--rule);overflow:hidden}.list-row{display:flex;align-items:center;gap:8px;font-family:var(--hand);font-size:21px;font-weight:400;line-height:1;height:var(--rule);padding:0;transition:opacity .3s;transform:rotate(var(--tilt, 0deg));transform-origin:left center}.list-row .icon{width:30px;height:30px;flex:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));transform:rotate(-4deg)}.list-row .swatch{width:12px;height:12px;margin:0 8px;border-radius:3px;flex:none}.list-row .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row .name em{font-style:normal;font-weight:400;font-size:17px;color:#5b6781;margin-left:3px}.list-row.done{opacity:.5}.list-row .name{position:relative}.list-row.done .name:after{content:"";position:absolute;left:-4px;right:-6px;top:52%;height:2.5px;border-radius:2px;background:#c81e28d9;transform:rotate(-1.8deg);transform-origin:left center}.list-row.just-done{animation:list-done .6s ease-out}.list-row.just-done .name:after{animation:pen-strike .32s cubic-bezier(.3,.7,.4,1) both}@keyframes pen-strike{0%{transform:rotate(-1.8deg) scaleX(0)}to{transform:rotate(-1.8deg) scaleX(1)}}@keyframes list-done{0%,55%{opacity:1}}.list-row.carrying .name{color:#b35a07}.list-row .tag{margin-left:auto;flex:none;font-family:var(--sign-font);font-size:8.5px;font-weight:900;letter-spacing:.8px;color:var(--ink);background:var(--sale);text-transform:uppercase;padding:3px 6px;border-radius:4px;transform:rotate(-3deg);box-shadow:0 1px #0003}.list-row .tick{margin-left:auto;font-size:28px;color:var(--green-deep);font-weight:700}.list-row .sold-out{margin-left:auto;flex:none;font-family:var(--sign-font);font-size:8.5px;font-weight:900;letter-spacing:.8px;color:#fff;background:var(--danger);padding:3px 6px;border-radius:4px;transform:rotate(4deg);box-shadow:0 1px #00000040;animation:sold-out-in .35s cubic-bezier(.2,1.6,.4,1) both}.list-row.sold .name{color:#8a93a6}@keyframes sold-out-in{0%{transform:rotate(-20deg) scale(2.2);opacity:0}}.list-row .sold-out.leaving{animation:sold-out-leave .7s cubic-bezier(.5,-.4,.8,.6) forwards}@keyframes sold-out-leave{0%{transform:rotate(4deg);opacity:1}30%{transform:rotate(-8deg) translateY(-4px) scale(1.15);opacity:1}to{transform:rotate(40deg) translate(60px,-40px) scale(.6);opacity:0}}.list-row.restocked{animation:restock-flash .4s ease-in-out 4 alternate;border-radius:6px}@keyframes restock-flash{0%{background:#ffde4a00}to{background:#ffde4ad9}}.list-row.wanted{height:calc(var(--rule) * 2);flex-wrap:wrap;align-content:center;row-gap:2px}.list-row .wanted-by{flex-basis:100%;padding-left:38px;font-size:18px;font-weight:700;color:var(--danger);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:rotate(-1deg)}.list-row .wanted-by .chip{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 4px 0 0;vertical-align:1px;box-shadow:0 0 0 1.5px #00000059}@media(prefers-reduced-motion:reduce){.list-row .sold-out,.list-row .sold-out.leaving,.list-row.restocked,.list-row.just-done,.list-row.just-done .name:after,.hud-list .basket-count b.bump{animation-duration:.01s}}.hud-list .basket-count{display:flex;align-items:baseline;justify-content:space-between;margin:4px 0 0;padding-top:4px;border-top:2px dashed rgba(34,48,74,.25);font-family:var(--hand);font-size:19px;color:#5b6781}.hud-list .basket-count b{display:inline-block;font-size:28px;color:#22304a;transform-origin:60% 70%}.hud-list .basket-count b.bump{animation:basket-tap .32s cubic-bezier(.2,1.6,.4,1)}@keyframes basket-tap{40%{transform:scale(1.3) rotate(-6deg)}}@media(max-width:1400px),(max-height:820px){.hud-list{transform:scale(.8)}}@media(max-width:1100px),(max-height:640px){.hud-list{transform:scale(.62)}}.hud-scores{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));min-width:210px;padding:7px 8px;background:#fff;border-color:#00000014;color:#1a1e25}.hud-scores .score-row .rank{color:#7a8394}.hud-scores .bot{color:#7a8394;border-color:#0000002e}.hud-scores .score-row.me{background:var(--sky);color:var(--blue-deep)}.hud-scores .score-row.bump .pts,.hud-scores .score-row .gain{color:#1f9a55}.score-row{position:relative;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:4px 6px;border-radius:8px}.score-row+.score-row{margin-top:2px}.score-row .rank{width:14px;font-family:var(--sign-font);font-weight:900;font-size:11px;color:var(--muted);text-align:center}.name-tag{--slant: .6em;--edge: 0px;position:relative;z-index:0;display:inline-block;box-sizing:border-box;max-width:100%;padding:.1em calc(var(--slant) + .5em) .14em .5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-weight:800;color:var(--on, var(--ink));text-shadow:none}.name-tag:before,.name-tag:after{content:"";position:absolute;z-index:-1;clip-path:polygon(0 0,100% 0,calc(100% - var(--slant)) 100%,0 100%)}.name-tag:before{inset:0;background:var(--who, var(--sale))}.name-tag:after{inset:var(--edge) calc(var(--edge) * 1.6) var(--edge) var(--edge);background:var(--who, var(--sale))}.score-row .who{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot{font-size:8.5px;font-weight:800;letter-spacing:.8px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:1px 4px;margin-left:4px;vertical-align:1px}.score-row .pts{font-family:var(--sign-font);font-weight:900;font-size:15px;min-width:2ch;text-align:right}.score-row.me{background:var(--sky);color:var(--blue-deep)}.score-row.bump .pts{animation:bump .5s cubic-bezier(.2,1.6,.4,1);color:var(--good)}.score-row .gain{position:absolute;right:4px;top:-2px;font-family:var(--sign-font);font-size:12px;font-weight:900;color:var(--good);animation:gain 1.1s ease-out forwards;pointer-events:none}@keyframes bump{40%{transform:scale(1.45)}}@keyframes gain{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-6px,-18px)}}.hud-bottom{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.hud-dash{display:flex;align-items:stretch;gap:8px}.hud-meters{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:240px;padding:9px 14px 11px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.meter{width:100%;height:14px;border-radius:8px;background:var(--ground-2);border:var(--line);overflow:hidden}.meter .fill{height:100%;width:0%;border-radius:0 5px 5px 0;background:var(--accent);transition:width 60ms linear}.meter.boost{position:relative}.meter.boost .fill{background:#8d99a8}.meter.boost[data-tier="1"] .fill{background:#6fd3ff}.meter.boost[data-tier="2"] .fill{background:#ffa23a}.meter.boost .tick{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#1418208c;pointer-events:none}.meter.boost.tier-up{animation:tier-up .22s ease-out}@keyframes tier-up{0%{transform:scale(1.18);filter:brightness(1.6)}to{transform:scale(1);filter:brightness(1)}}.meter.boost.full{animation:shake .09s linear infinite;transform:scale(1.06)}.meter.boost.full .fill{background:linear-gradient(90deg,#f72585,#ff8fe0);box-shadow:0 0 16px #ff4fd8}@keyframes shake{0%,to{margin-left:-3px}50%{margin-left:3px}}.meter.wobble{height:8px}.meter.wobble .fill{background:linear-gradient(90deg,#ffd166,#f72585)}.meter-label{font-size:9px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.basket-count{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.basket-count b{font-family:var(--sign-font);color:var(--text);font-size:16px;margin-left:3px}.hud-powerup{width:104px;text-align:center;padding:10px 8px 9px;background:var(--panel);color:var(--text);border:var(--line);box-shadow:var(--shadow)}.hud-powerup.arrived{animation:sticker .45s cubic-bezier(.2,1.7,.4,1)}@keyframes sticker{0%{transform:scale(.4) rotate(-18deg)}}.hud-powerup.empty{color:var(--muted);opacity:.6}.hud-powerup .icon{height:40px;line-height:40px;font-size:22px}.hud-powerup .icon img{width:40px;height:40px}.hud-powerup .name{font-family:var(--sign-font);font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--ink);margin-top:2px}.hud-powerup.empty .name{color:var(--muted)}.hud-powerup .key{font-size:9px;font-weight:700;margin-top:4px;opacity:.8}.hud-powerup .key kbd{font-family:var(--mono);background:var(--yellow);color:var(--ink);border:0;box-shadow:0 2px 0 var(--yellow-deep);border-radius:4px;padding:0 5px}@media(max-height:640px){.hud-bottom,.hud-list{bottom:max(12px,env(safe-area-inset-bottom))}.hud-meters{width:240px;gap:3px;padding:6px 12px 7px}.hud-meters .meter{height:9px}.basket-count{font-size:10px}.basket-count b{font-size:13px}.hud-powerup{padding:6px 6px 5px}.hud-powerup .icon,.hud-powerup .icon img{height:28px;width:28px;line-height:28px;margin:0 auto}}.hud-bottom.scanning .hud-dash{display:none}.hud-combo{display:none;text-align:center;padding:8px 14px 10px}.hud-combo.active{display:block}.hud-combo .label{font-family:var(--sign-font);font-size:10px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.hud-combo .keys{display:flex;gap:8px;justify-content:center}.hud-combo .key{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;font-size:18px;color:var(--text);background:var(--white);border:var(--line);box-shadow:0 3px 0 var(--ground-2);transition:background 80ms,color 80ms,transform 80ms}.hud-combo .key .arrow{display:grid;width:22px;height:22px}.hud-combo .key svg{width:22px;height:22px}.hud-combo .key.hit{background:var(--green);color:var(--ink);box-shadow:0 1px 0 var(--green-deep);transform:translateY(2px) scale(.94)}.hud-combo.broken{animation:comboShake .4s linear;border-color:var(--danger)}.hud-combo .key.miss{animation:keyMiss .4s ease-out}@keyframes keyMiss{0%,40%{background:var(--danger);color:#fff}}.hud-combo.done{animation:comboDone .3s ease-out}@keyframes comboShake{0%,to{transform:translate(0)}15%,55%{transform:translate(-10px)}35%,75%{transform:translate(10px)}}@keyframes comboDone{50%{box-shadow:0 0 0 4px var(--green),var(--shadow)}}.hud-channel{width:320px;text-align:center;display:none;background:var(--green);box-shadow:0 4px 0 var(--green-deep),var(--shadow)}.hud-channel.active{display:block}.hud-channel .label{font-family:var(--sign-font);font-size:11px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink);margin-bottom:6px}.hud-channel .meter{background:var(--white)}.hud-channel .meter .fill{background:repeating-linear-gradient(90deg,var(--green-deep) 0 10px,#2bb36a 10px 20px);transition:none}@keyframes feedIn{0%{opacity:0;transform:translate(-18px)}}.hud-victory{position:absolute;top:50%;right:7vw;width:min(42vw,560px);transform:translateY(-50%);text-align:center;pointer-events:none}.hud-victory .line{font-family:var(--sign-font);font-size:clamp(40px,5.6vw,84px);font-weight:800;line-height:1.04;letter-spacing:-1px;color:var(--sale);text-shadow:0 6px 0 var(--yellow-deep),0 16px 36px rgba(23,24,26,.28);overflow-wrap:anywhere}.hud-victory.on .line{animation:slam .5s cubic-bezier(.2,1.8,.4,1)}.hud-victory .who{color:var(--who, #fff)}.hud-rush{position:fixed;inset:0;display:none;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .12s linear;-webkit-mask-image:radial-gradient(ellipse 62% 62% at 50% 54%,transparent 58%,#000 100%);mask-image:radial-gradient(ellipse 62% 62% at 50% 54%,transparent 58%,#000 100%)}.hud-rush.on{display:block}.hud-rush:before,.hud-rush:after{content:"";position:absolute;left:50%;top:54%;width:170vmax;height:170vmax;margin:-85vmax 0 0 -85vmax;background:repeating-conic-gradient(#fff0 0deg 3.1deg,#fff9 3.3deg 3.6deg,#fff0 3.9deg 9deg);animation:rushLines .21s steps(3) infinite}.hud-rush:after{background:repeating-conic-gradient(#fff0 0deg 6.4deg,#ffffff61 6.7deg 7.4deg,#fff0 7.8deg 13deg);animation:rushLines .34s steps(4) infinite reverse}@keyframes rushLines{to{transform:rotate(31deg)}}@media(prefers-reduced-motion:reduce){.hud-rush{display:none!important}}.hud-lineup{position:fixed;inset:0;display:none;overflow:hidden;pointer-events:none;user-select:none}.hud-lineup.on{display:block}.hud-lineup .cell{position:absolute;left:0;top:0;box-sizing:border-box;overflow:hidden;border:3px solid #f7f5f1;container-type:size;will-change:transform}.hud-lineup .flash{position:absolute;inset:0;background:#fff;opacity:0}.hud-lineup .cell.landed .flash{animation:lineupFlash .32s ease-out both}@keyframes lineupFlash{0%{opacity:.6}}.hud-lineup .plate{--slant: .62em;position:absolute;left:0;bottom:clamp(14px,6cqh,30px);z-index:1;display:flex;flex-direction:column;align-items:flex-start;max-width:96%;font-size:clamp(15px,8cqw,44px);transform:translate(-104%);transition:transform .36s cubic-bezier(.2,1.25,.35,1)}.hud-lineup .cell.landed .plate{transform:none}.hud-lineup .cell.floor .plate{bottom:max(clamp(14px,6cqh,30px),var(--tip-clear, 0px))}.hud-lineup .banner{position:relative;z-index:0;display:block;box-sizing:border-box;max-width:100%;padding:.16em calc(var(--slant) + .42em) .2em clamp(9px,4cqw,20px)}.hud-lineup .banner:before,.hud-lineup .banner:after{content:"";position:absolute;z-index:-1;clip-path:polygon(0 0,100% 0,calc(100% - var(--slant)) 100%,0 100%)}.hud-lineup .banner:before{inset:0 0 0 -8px;background:var(--ink)}.hud-lineup .banner:after{inset:3px 5px 3px -8px;background:var(--who, var(--sale))}.hud-lineup .name{display:block;max-width:calc(100% + 10px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 5px 6px;margin:-5px -5px -6px;font-family:var(--sign-font);font-weight:800;letter-spacing:-.5px;line-height:1.1;color:#fff;-webkit-text-stroke:clamp(3.5px,1.4cqw,6px) var(--ink);paint-order:stroke fill}.hud-lineup .tag{position:relative;z-index:1;margin:0 0 -3px clamp(9px,4cqw,20px);padding:2px 8px 3px;border-radius:6px 6px 0 0;background:var(--ink);color:var(--white);font-family:var(--sign-font);font-size:clamp(9px,2.6cqw,12px);font-weight:800;letter-spacing:1px;line-height:1.2;text-transform:uppercase;white-space:nowrap}.hud-lineup .tag.you{color:var(--sale)}.hud-lineup .wave{position:absolute;top:clamp(8px,4cqh,18px);left:50%;z-index:1;padding:5px 13px;border-radius:999px;border:0;background:var(--white);color:var(--ink);box-shadow:0 3px 0 var(--ground-2);font-size:clamp(11px,3.4cqw,14px);font-weight:800;letter-spacing:.3px;white-space:nowrap;opacity:0;transform:translate(-50%,-8px);transition:transform .3s cubic-bezier(.2,1.4,.4,1) .25s,opacity .2s .25s}.hud-lineup .cell.landed .wave{opacity:1;transform:translate(-50%)}.hud-lineup:has(+.hud.intro-noticed) .wave{top:calc(max(18px,env(safe-area-inset-top)) + 44px)}.hud-lineup .wave kbd{margin:0 3px;padding:1px 7px;border-radius:6px;border:0;box-shadow:0 2px 0 var(--ground-2);background:var(--sale);color:var(--ink);font-family:var(--sign-font);font-size:.75em}@media(prefers-reduced-motion:reduce){.hud-lineup .cell.landed .flash{animation:none}.hud-lineup .plate,.hud-lineup .wave{transition:none}}.hud-wave-prompt{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);padding:7px 16px;border-radius:999px;background:var(--white);border:0;box-shadow:0 3px 0 var(--ground-2);color:var(--ink);font-size:15px;font-weight:800;letter-spacing:.3px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s}.hud-wave-prompt:not(.on){display:none}.hud-wave-prompt.on{opacity:1;animation:wavePrompt 1.1s ease-in-out infinite}.hud-wave-prompt kbd{margin:0 3px;padding:1px 8px;border-radius:6px;border:0;box-shadow:0 2px 0 var(--ground-2);background:var(--sale);color:var(--ink);font-family:var(--sign-font);font-size:11px}@keyframes wavePrompt{50%{transform:translate(-50%) scale(1.05)}}@media(prefers-reduced-motion:reduce){.hud-wave-prompt.on{animation:none}}.hud-chat{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:calc(max(14px,env(safe-area-inset-right)) + 48px);z-index:15;width:min(340px,40vw);display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;background:#fff;border:var(--line);border-radius:999px;box-shadow:0 3px 0 var(--yellow),var(--shadow)}.hud-chat.hidden{display:none}.hud-chat input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--ink);font:600 16px var(--hud-font)}.hud-chat input::placeholder{color:var(--grey)}.hud-chat .count{font:700 10px var(--mono);color:var(--grey)}.hud-chat-panel{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:30;width:min(360px,38vw);display:flex;flex-direction:column;gap:6px;pointer-events:none}.hud-chat-panel.hidden{display:none}.hud-chat-panel .log{display:flex;flex-direction:column;gap:4px}.hud-chat-panel .line{align-self:flex-start;max-width:100%;padding:5px 10px;border-radius:10px;background:var(--white);border:0;box-shadow:0 4px 14px #17181a29;color:var(--ink);font-size:13px;font-weight:600;overflow-wrap:anywhere;animation:feedIn .22s cubic-bezier(.2,1.4,.4,1)}.hud-chat-panel .line b{margin-right:6px}.hud-chat-panel .hint{font-size:11px;font-weight:700;letter-spacing:.6px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.hud-chat-panel .hud-chat{position:static;width:100%;pointer-events:auto}.hud.outro .hud-list,.hud.outro .hud-race,.hud.outro .hud-scores,.hud.outro .hud-bottom{display:none}.hud-banner{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.hud-banner .big{font-family:var(--sign-font);font-size:104px;font-weight:800;letter-spacing:-2px;line-height:1;color:var(--sale);text-shadow:0 6px 0 var(--yellow-deep),0 18px 36px rgba(23,24,26,.28);white-space:nowrap;animation:slam .5s cubic-bezier(.2,1.8,.4,1)}.hud-banner .sub{font-size:15px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px rgba(23,24,26,.55);margin-top:12px}@keyframes slam{0%{opacity:0;transform:scale(2.2) rotate(-8deg)}60%{opacity:1}}.overlay.beside-winner{background:linear-gradient(90deg,#17181a00 0% 38%,#17181ab8 62%);backdrop-filter:none}.overlay.beside-winner .card,.overlay.beside-winner .results-row{margin:auto max(4vw,20px) auto auto}.overlay.beside-winner .results-row .card{margin:0}@media(max-width:900px){.overlay.beside-winner{background:#17181ac7}.overlay.beside-winner .card,.overlay.beside-winner .results-row{margin:auto}}.results-row{display:flex;align-items:flex-start;justify-content:center;gap:18px;margin:auto;max-width:100%}.results-row .card{margin:0}.overlay .card.ready-card{width:230px;flex:none;padding:16px 16px 12px;margin-top:18px}.ready-card h2{margin:0 0 10px;font-family:var(--sign-font);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase}.ready-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ready-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--ground);transition:background .25s}.ready-list li.on{background:var(--green-soft)}.ready-list li.me{background:var(--sky)}.ready-list .chip{width:10px;height:10px;border-radius:50%;flex:none}.ready-list .who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.ready-list .ready-mark{font-size:15px}.ready-card .notice{margin:10px 0 0;font-size:12px}.receipt-card .primary.is-ready{filter:saturate(.6)}@media(max-width:680px){.results-row{flex-direction:column;align-items:center}.overlay .card.ready-card{width:min(380px,100%);margin-top:0}}.overlay{position:fixed;inset:0;display:flex;background:#17181ab8;backdrop-filter:blur(5px);z-index:20;padding:20px;overflow-y:auto}.overlay.hidden{display:none}.card{background:var(--panel-solid);color:var(--ink);border:var(--line);border-radius:20px;padding:30px 34px;width:min(520px,100%);box-shadow:0 30px 80px #00000059;margin:auto;animation:cardIn .4s cubic-bezier(.2,1.2,.4,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}}.card h1{margin:0 0 4px;font-family:var(--sign-font);font-weight:800;font-size:32px;letter-spacing:-.5px}.card .tagline{color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.5}.overlay.title.play-drawer{right:auto;width:min(560px,100%);flex-direction:column;align-items:stretch;gap:10px;padding:max(18px,env(safe-area-inset-top)) clamp(16px,3vw,28px) 24px;background:var(--ground);color:var(--ink);border-right:var(--line);box-shadow:0 0 60px #17181a38;animation:drawerIn .42s cubic-bezier(.2,1.1,.3,1)}@keyframes drawerIn{0%{transform:translate(-60px);opacity:0}}.drawer-top{display:flex;justify-content:space-between;align-items:center}.drawer-link{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:999px;border:var(--line);background:var(--yellow);color:var(--ink);font-family:inherit;font-weight:800;font-size:13px;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 var(--yellow-deep);transition:transform .1s ease,box-shadow .1s ease}.drawer-link:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--yellow-deep)}.drawer-link:active{transform:translateY(2px);box-shadow:0 1px 0 var(--yellow-deep)}.title-hero{display:flex;flex-direction:column;align-items:center;margin:0;overflow:visible}.title-hero .logo{width:min(162px,46%);height:auto;overflow:visible;animation:logoIn .8s cubic-bezier(.2,1.5,.4,1)}@keyframes logoIn{0%{opacity:0;transform:scale(.6) rotate(-10deg)}}.title-hero .pitch{max-width:460px;margin:8px 0 0;font-size:14px;font-weight:600;line-height:1.5;text-align:center;color:var(--slate)}.overlay.title .card{flex:0 0 auto;width:100%;margin:0}.overlay.title.play-drawer .card{padding:6px 2px 10px;background:none;border:0;border-radius:0;box-shadow:none}.card .card-title{font-size:26px;margin-bottom:16px}@media(max-height:760px){.title-hero .pitch{display:none}.title-hero .logo{width:min(190px,60%)}}.field{margin-bottom:15px}.field label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--slate);margin-bottom:7px}.field label em{margin-left:6px;font-style:normal;font-weight:600;text-transform:none;letter-spacing:.2px}.field input[type=text]{width:100%;padding:12px 14px;border-radius:12px;border:0;background:var(--white);color:var(--ink);font-size:16px;font-weight:600;font-family:inherit;box-shadow:0 3px 0 var(--ground-2)}.field input[type=text]:focus{outline:3px solid var(--blue);outline-offset:2px}.seg{display:flex;gap:7px}.seg button{flex:1;padding:9px 0;border-radius:12px;border:0;background:var(--white);color:var(--ink);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 3px 0 var(--ground-2);transition:background .12s,box-shadow .12s,transform .08s}.seg button:hover:not(:disabled){background:var(--ground)}.seg button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ground-2)}.seg button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.seg button:disabled{opacity:.35;cursor:not-allowed}.seg button.selected,.seg button.selected:hover:not(:disabled){background:var(--green);color:var(--ink);font-weight:800;box-shadow:0 3px 0 var(--green-deep)}.seg button.selected:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--green-deep)}.seg-wrap{flex-wrap:wrap}.seg-wrap button{flex:1 1 calc(25% - 6px);min-width:72px;padding:8px 4px;font-size:12px}.slot-colours{gap:12px;justify-content:flex-start;flex-wrap:wrap;padding:4px}.slot-colours .slot-swatch{flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:3px solid #fff;background:var(--swatch);box-shadow:0 3px color-mix(in srgb,var(--swatch) 62%,#000)}.slot-colours .slot-swatch:hover:not(:disabled){background:var(--swatch);transform:scale(1.06)}.slot-colours .slot-swatch.selected,.slot-colours .slot-swatch.selected:hover:not(:disabled){border:3px solid var(--white);box-shadow:0 0 0 3px var(--green);background:var(--swatch);color:inherit;transform:none}.slot-colours .slot-swatch:disabled{opacity:.28;filter:grayscale(.6)}.spin-hint{align-self:center;display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:6px 14px;border-radius:999px;background:var(--white);border:0;box-shadow:0 3px 0 var(--ground-2);color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.3px;pointer-events:none;animation:spinHint 2.4s ease-in-out infinite;transition:opacity .4s}.spin-hint.done{opacity:0}.spin-hint .spin-icon{font-size:17px}@keyframes spinHint{50%{transform:translate(6px)}}button.ghost.customize{width:100%;margin:0 0 14px;display:flex;align-items:center;justify-content:center;gap:8px}button.ghost.customize .chev{transition:transform .16s ease}button.ghost.customize:hover .chev{transform:translate(3px)}.lobby-card .card-pages{overflow:hidden;margin:-6px;padding:6px}.lobby-card .card-track{display:flex;align-items:flex-start;width:200%;transition:transform .38s cubic-bezier(.3,.9,.3,1)}.lobby-card .card-track.on-look{transform:translate(-50%)}.lobby-card .card-page{flex:0 0 50%;min-width:0;padding:0 6px;transition:opacity .3s}.lobby-card .card-page[inert]{opacity:0}.page-head{display:flex;align-items:center;margin:-6px 0 10px}.page-head .back{padding:6px 10px 6px 4px;border:none;background:none;color:var(--muted);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.page-head .back:hover{color:var(--text)}@media(prefers-reduced-motion:reduce){.lobby-card .card-track,.lobby-card .card-page{transition:none}}.look .seg-wrap button{min-width:58px}button.primary{width:100%;padding:14px 0;border-radius:14px;border:0;background:var(--brand);color:var(--ink);font-family:var(--sign-font);font-size:16px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;margin-top:6px;box-shadow:0 4px 0 var(--brand-deep);transition:background .12s,transform .1s,box-shadow .1s}button.primary:hover{background:#9bdc5c;transform:translateY(-1px);box-shadow:0 5px 0 var(--brand-deep)}button.primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--brand-deep)}button.primary:focus-visible,button.ghost:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button.ghost{width:100%;padding:10px 0;border-radius:12px;border:0;background:var(--white);color:var(--ink);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:12px;box-shadow:0 3px 0 var(--ground-2)}button.ghost:hover{background:var(--ground)}.controls-grid{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;align-items:center}.controls-grid kbd{background:var(--white);border:0;border-radius:6px;box-shadow:0 3px 0 var(--ground-2);padding:2px 8px;font-family:var(--mono);font-size:11px;font-weight:700;white-space:nowrap;text-align:center}.controls-grid span{color:var(--muted)}.hud-settings{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right));z-index:40;display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;border:0;background:var(--panel);box-shadow:0 3px 0 var(--ground-2);backdrop-filter:blur(8px);color:var(--text);font-size:16px;line-height:1;cursor:pointer;opacity:.7;transition:opacity .12s ease,background .12s ease}.hud-settings:hover{opacity:1;background:var(--yellow)}.settings-toggle{display:flex;align-items:center;gap:9px;margin-bottom:18px;font-size:14px;cursor:pointer}.settings-toggle input{width:18px;height:18px;accent-color:var(--green-deep)}.settings-toggle span{display:flex;flex-direction:column;gap:2px}.settings-toggle em{font-style:normal;font-size:11px;color:var(--muted)}.settings-row{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:14px;padding:9px 0;border-top:1px solid var(--border)}.settings-row label{display:flex;flex-direction:column;font-size:14px}.settings-row label em{font-style:normal;font-size:11px;color:var(--muted);margin-top:2px}.settings-row input[type=range]{width:100%;accent-color:var(--green-deep)}.settings-row+.settings-row{border-top:1px solid var(--border)}.results{width:100%;border-collapse:collapse;margin:16px 0 6px}.results th{text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);padding-bottom:7px}.results td{padding:9px 0;border-top:1px solid var(--border);font-size:15px;font-weight:600}.results tbody tr{animation:rowIn .4s cubic-bezier(.2,1.3,.4,1) backwards;animation-delay:calc(var(--i, 0) * 90ms + .12s)}@keyframes rowIn{0%{opacity:0;transform:translate(-24px)}}.results td.pts{text-align:right;font-family:var(--sign-font);font-weight:900;font-variant-numeric:tabular-nums}.results td.gained{color:var(--good);font-size:13px}.results tr.winner td{color:var(--green-deep)}.results tr.me td:first-child{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}.results .place{display:inline-block;width:20px;font-family:var(--sign-font);font-weight:900;color:var(--muted)}.podium{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px;height:200px;margin:8px 0 4px}.podium .step{display:flex;flex-direction:column;align-items:center;text-align:center}.podium .who{font-weight:800;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium .score{font-family:var(--sign-font);font-weight:900;font-size:20px;color:var(--c);margin-bottom:6px}.podium .block{width:100%;border-radius:10px 10px 4px 4px;border:var(--line);border-bottom:none;background:var(--c);box-shadow:inset 0 -10px color-mix(in srgb,var(--c) 75%,#000);display:flex;justify-content:center;padding-top:8px;transform-origin:bottom;animation:rise .7s cubic-bezier(.2,1.3,.4,1) backwards}.podium .block span{font-family:var(--sign-font);font-weight:900;font-size:28px;color:#00000073}.podium .place-1 .block{height:110px;animation-delay:.7s}.podium .place-2 .block{height:76px;animation-delay:.35s}.podium .place-3 .block{height:52px;animation-delay:.1s}.podium .place-1 .who:before{content:"★ ";color:var(--yellow-deep)}@keyframes rise{0%{transform:scaleY(0)}}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-12px;left:calc(var(--x) * 1%);width:7px;height:12px;background:var(--c);border-radius:2px;opacity:0;animation:confetti 2.6s ease-in calc(1s + var(--d) * .09s) 2}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(210px) rotate(540deg)}}.room-link{display:flex;gap:7px;margin-top:10px}.room-link input{flex:1;font-size:12px;padding:9px 11px;border-radius:10px;border:0;background:var(--white);color:var(--slate);font-family:var(--mono);box-shadow:0 3px 0 var(--ground-2)}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:1px 5px;margin-left:6px;vertical-align:1px}.ready-mark{display:inline-block;min-width:1em;font-family:var(--mono);color:var(--muted)}.ready-mark.on{color:var(--good)}.room-link button{padding:0 15px;border-radius:10px;border:0;background:var(--yellow);color:var(--ink);cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 3px 0 var(--yellow-deep)}.notice{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.5}.notice strong{color:var(--warn)}@media(max-width:720px){.hud-list,.hud-victory{display:none}.hud-timer .time{font-size:30px}.hud-meters{width:210px}.card{padding:22px 20px}.card h1{font-size:28px}.hud-banner .big{font-size:76px}}@media(prefers-reduced-motion:reduce){.meter.boost.full,.meter.boost.tier-up,.spin-hint,.hud-timer .time.urgent,.hud-notice,.hud-banner .big,.hud-victory.on .line,.hud-combo.broken,.hud-combo.done,.hud-powerup.arrived,.score-row.bump .pts,.results tbody tr,.podium .block,.confetti i,.card,.title-hero .logo{animation:none}}:root{--style: #f5b82e;--style-deep: #9a6a00}.score-row .style-pts{font-family:var(--sign-font);font-weight:900;font-size:11px;min-width:2.2ch;text-align:right;color:var(--style);margin-left:-3px}.hud-scores .score-row .style-pts{color:var(--style-deep)}.score-row .style-pts:before{content:"+";opacity:.7}.score-row .style-pts.zero{visibility:hidden}.score-row .style-pts.bump{animation:bump .5s cubic-bezier(.2,1.6,.4,1)}.hud-notice .style{color:var(--style)}.hud-toast{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:0;pointer-events:none}.hud-toast .toast{font-family:var(--sign-font);font-size:13px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);animation:toast 1.3s ease-out forwards}.hud-toast .toast b{color:var(--style)}@keyframes toast{0%{opacity:0;transform:translateY(8px) scale(.9)}15%{opacity:1;transform:translateY(0) scale(1.08)}75%{opacity:1;transform:translateY(-4px) scale(1)}to{opacity:0;transform:translateY(-12px)}}.hud-grind{display:none;width:236px;padding:0 18px;background:none;border:none;box-shadow:none;backdrop-filter:none}.hud-grind.active{display:block}.hud-grind .grind-head{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-top:-6px}.hud-grind .label,.hud-grind .pile{text-shadow:0 0 3px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.9)}.hud-grind .label{font-family:var(--sign-font);font-size:11px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--style)}.hud-grind .pile{font-family:var(--sign-font);font-size:20px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.hud-grind .balance{display:block;width:190px;height:auto;margin:0 auto;overflow:visible}.hud-grind .balance .track{fill:none;stroke:#000000b3;stroke-width:20;stroke-linecap:round}.hud-grind .balance .arc{fill:none;stroke-width:14;stroke-linecap:round}.hud-grind .balance .tick{stroke:#ffffff8c;stroke-width:3;stroke-linecap:round}.hud-grind .balance .needle line{stroke:#fff;stroke-width:6;stroke-linecap:round}.hud-grind .balance .needle circle{fill:#fff}.hud-grind .balance .needle{filter:drop-shadow(0 0 2px rgba(0,0,0,.9)) drop-shadow(0 0 5px rgba(255,255,255,.6))}.hud-grind.danger .balance .needle line,.hud-grind.danger .balance .needle circle{stroke:#ffd0d0;fill:#ffd0d0}.hud-grind.danger .balance .needle{filter:drop-shadow(0 0 7px #ff4a52)}.hud-grind.side .balance .track{stroke:var(--style);filter:drop-shadow(0 0 6px rgba(245,184,46,.7))}.hud-grind.landed .pile{color:var(--style)}.hud-grind.landed .label{color:#fff}.hud-grind.bailed .pile{color:#ff8a8f;text-decoration:line-through}.hud-grind.bailed .label{color:#ff8a8f}.hud-grind.landed .balance .needle,.hud-grind.bailed .balance .needle{opacity:0}.list-row .floor-hint{margin-left:auto;flex:none;font-family:var(--hand);font-size:16px;font-weight:400;white-space:nowrap;color:#3d6fb4;transform:rotate(-3deg)}.list-row .bulky-tag{font-size:8.5px;font-weight:900;letter-spacing:.8px;padding:1px 4px;border-radius:4px;background:var(--orange);color:var(--ink);vertical-align:1px}.results .style-col,.results td.style{color:var(--style)}.results td.banked,.results td.style{font-size:13px}.receipt-card .receipt-scroll{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;padding:12px 4px;margin:-12px -4px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent}.overlay .card.receipt-card{width:min(380px,100%);padding:18px 18px 22px;background:transparent;border:none;box-shadow:none}.receipt{position:relative;background:#fbfaf5;color:#1c1c1c;font-family:var(--mono);font-size:12.5px;line-height:1.38;padding:18px 20px 22px;box-shadow:0 24px 60px #0000008c;animation:print .9s cubic-bezier(.2,.9,.3,1) backwards;--zig: linear-gradient(135deg, transparent 6px, #fbfaf5 0) 0 0 / 12px 12px repeat-x, linear-gradient(225deg, transparent 6px, #fbfaf5 0) 0 0 / 12px 12px repeat-x}.receipt:before,.receipt:after{content:"";position:absolute;left:0;right:0;height:12px;background:var(--zig)}.receipt:before{top:-11px;transform:rotate(180deg)}.receipt:after{bottom:-11px}@keyframes print{0%{clip-path:inset(0 0 100% 0);transform:translateY(-24px)}to{clip-path:inset(0 0 0 0);transform:none}}.receipt .receipt-logo{display:block;width:46%;height:auto;margin:0 auto 6px;filter:grayscale(1) contrast(1.35) brightness(.95);mix-blend-mode:multiply}.receipt .r-head{text-align:center;font-weight:800;letter-spacing:2px}.receipt .r-sub{text-align:center;font-size:10.5px;letter-spacing:1px;opacity:.7;margin-bottom:8px}.receipt .r-line{display:flex;justify-content:space-between;gap:12px;white-space:pre}.receipt .r-meta{font-size:10.5px;opacity:.75}.receipt .r-round{margin:6px 0 2px;text-align:center;font-size:17px;font-weight:800;letter-spacing:2px}.receipt .r-row{display:grid;grid-template-columns:1fr 8ch 8ch;gap:8px}.receipt .r-row span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.receipt .r-row span:last-child{opacity:.75}.receipt .r-cols{font-size:10px;letter-spacing:.6px;opacity:.7;margin-bottom:2px}.receipt .r-subtotal{border-top:1px solid rgba(0,0,0,.55);margin-top:3px;padding-top:2px;font-weight:700}.receipt .r-total{font-weight:800;font-size:14px}.receipt .r-name{display:flex;align-items:center;gap:7px;font-weight:800;margin-bottom:2px}.receipt .r-shopper{padding:6px 0}.receipt .r-shopper.me .r-name span:last-child{text-decoration:underline;text-underline-offset:3px}.receipt .r-rule{border-top:1px solid rgba(0,0,0,.55);margin:4px 0}.receipt .r-rule.dashed{border-top-style:dashed;margin:8px 0}.receipt .r-rule.double{border-top:3px double rgba(0,0,0,.7);margin:10px 0}.receipt .r-winner{text-align:center;font-weight:900;letter-spacing:1px;margin:6px 0 12px}.receipt .r-barcode{height:38px;margin:0 16px 6px;background:repeating-linear-gradient(90deg,#1c1c1c 0 2px,transparent 2px 4px,#1c1c1c 4px 5px,transparent 5px 8px,#1c1c1c 8px 11px,transparent 11px 12px)}.receipt .r-thanks{text-align:center;font-size:10.5px;letter-spacing:1.5px}.receipt-card .primary{margin-top:18px;width:100%}.receipt-card .receipt-actions{display:flex;gap:10px}.receipt-card .receipt-actions .ghost{flex:1;margin-top:10px}.receipt-card .receipt-actions .ghost:disabled{opacity:.7;cursor:progress}.overlay.shared-receipt{z-index:30}@media(prefers-reduced-motion:reduce){.receipt,.hud-toast .toast,.score-row .style-pts.bump{animation:none}}.hud-flash{position:fixed;inset:0;pointer-events:none;z-index:50;background:radial-gradient(circle at 50% 45%,#fffff0f2,#ffec8c99 55%,#ffdc5a40);mix-blend-mode:screen;animation:hud-flash .42s ease-out forwards}@keyframes hud-flash{0%{opacity:1}18%{opacity:.25}30%{opacity:.85}to{opacity:0}}.voice-control{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:calc(max(14px,env(safe-area-inset-right)) + 46px);z-index:40;display:flex;gap:6px;--mic: 0}.voice-control button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px 0 11px;border-radius:19px;border:0;background:var(--panel);box-shadow:0 3px 0 var(--ground-2);backdrop-filter:blur(8px);color:var(--text);font-family:inherit;font-size:12px;font-weight:700;line-height:1;letter-spacing:.02em;cursor:pointer;opacity:.8;transition:opacity .12s ease,background .12s ease,box-shadow 80ms linear}.voice-control button:hover{opacity:1;background:var(--yellow)}.voice-control .voice-mute{width:38px;padding:0;justify-content:center}.voice-control[data-state=live] .voice-main{opacity:1;background:var(--green);box-shadow:0 0 0 calc(var(--mic) * 6px) #8cd4468c}.voice-control[data-state=muted] .voice-main,.voice-control[data-state=muted] .voice-mute{opacity:1;border-color:var(--danger);color:var(--danger)}.voice-control[data-state=denied] .voice-main{border-color:var(--danger)}.touch-controls{display:none}.touch-controls.on.shown{display:block;position:fixed;inset:0;z-index:30;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-zone{position:absolute;left:0;bottom:0;width:46%;height:68%;pointer-events:auto;touch-action:none}body.scan-combo .touch-zone{width:min(46%,calc(50% - 130px))}.touch-stick{position:absolute;left:calc(max(16px,env(safe-area-inset-left)) + 74px);top:calc(100% - max(18px,env(safe-area-inset-bottom)) - 74px);width:124px;height:124px;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:radial-gradient(circle,#0d111726,#0d111766);transform:translate(-50%,-50%);opacity:.6;transition:opacity .12s ease}.touch-stick.held{opacity:1}.touch-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d7dde6);box-shadow:0 4px 10px #00000059;transform:translate(-50%,-50%)}.touch-hint{position:absolute;left:calc(max(16px,env(safe-area-inset-left)) + 16px);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 156px);padding:5px 10px;border-radius:999px;background:#0d11178c;color:#fff;font-size:12px;font-weight:600;transition:opacity .3s ease}.touch-zone.used .touch-hint{opacity:0}.touch-buttons{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:214px;height:196px}.touch-btn{position:absolute;display:grid;place-items:center;--edge: var(--ground-2);border-radius:50%;border:0;color:var(--ink);font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;pointer-events:auto;touch-action:none;box-shadow:0 5px 0 var(--edge),0 8px 18px #00000040;transition:transform 60ms ease,box-shadow 60ms ease}.touch-btn.down{transform:translateY(4px);box-shadow:0 1px 0 var(--edge),0 3px 8px #00000040}.touch-btn.jump{--edge: var(--blue-deep);right:0;bottom:0;width:96px;height:96px;background:var(--blue);color:#fff}.touch-btn.drift{--edge: var(--green-deep);right:108px;bottom:4px;width:80px;height:80px;background:var(--green)}.touch-btn.item{--edge: var(--yellow-deep);right:14px;bottom:108px;width:72px;height:72px;background:var(--yellow)}.touch-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;gap:6px}.touch-mini{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:var(--panel);box-shadow:0 3px 0 var(--ground-2);backdrop-filter:blur(8px);color:var(--text);pointer-events:auto;touch-action:manipulation}.touch-quickchat{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 46px);left:max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(2,auto);gap:6px;padding:8px;border-radius:14px;border:var(--line);background:var(--panel);backdrop-filter:blur(8px);pointer-events:auto;touch-action:manipulation}.touch-quickchat[hidden]{display:none}.quick-chat-btn{padding:7px 12px;border-radius:999px;border:0;background:var(--yellow-soft);color:var(--ink);font:700 14px var(--hud-font);white-space:nowrap;touch-action:manipulation;box-shadow:0 3px 0 var(--yellow-deep)}.quick-chat-btn:active{filter:brightness(.85)}.hud-chat-panel .quick{display:flex;flex-wrap:wrap;gap:5px;pointer-events:auto}.hud-chat-panel .quick .quick-chat-btn{padding:5px 10px;font-size:13px}.on-touch{display:none!important}body.touch .on-touch{display:revert!important}body.touch .hud-chat-panel .quick.on-touch{display:flex!important}body.touch .on-keys{display:none!important}.zoom-reset{display:none}.zoom-reset.on{position:fixed;left:0;top:0;z-index:1000;display:flex;gap:6px;width:auto;padding:0 12px;margin:max(10px,env(safe-area-inset-top)) 0 0 max(12px,env(safe-area-inset-left));border-radius:999px;border:var(--line);font:800 13px var(--hud-font);transform-origin:0 0}body.touch.in-game{touch-action:none;overscroll-behavior:none}body.touch .hud-settings{top:max(10px,env(safe-area-inset-top));bottom:auto;right:auto;left:calc(max(12px,env(safe-area-inset-left)) + 88px)}body.touch .voice-control{top:max(10px,env(safe-area-inset-top));bottom:auto;right:auto;left:calc(max(12px,env(safe-area-inset-left)) + 132px)}body.touch .voice-control .voice-main span{display:none}body.touch .hud-list{top:calc(max(10px,env(safe-area-inset-top)) + 46px);bottom:auto;transform:scale(.42);transform-origin:top left}body.touch .hud-bottom{transform:translate(-50%) scale(.78);transform-origin:bottom center}body.touch .hud-powerup .key{display:none}body.touch .hud-chat{bottom:auto;top:max(54px,env(safe-area-inset-top))}.hud-combo .by-tap,.hud-combo .pips,.hud-combo .taps,body.touch .hud-combo .by-key,body.touch .hud-combo .keys{display:none}body.touch .hud-combo .by-tap{display:inline}body.touch .hud-combo .pips,body.touch .hud-combo .taps{display:flex;justify-content:center}.hud-combo .pips{gap:5px;margin-bottom:8px}.hud-combo .pips span{width:7px;height:7px;border-radius:50%;background:var(--ground-2);transition:background 80ms}.hud-combo .pips span.hit{background:var(--green)}.hud-combo .pips span.miss{animation:keyMiss .4s ease-out}.hud-combo .taps{gap:10px}.hud-combo .taps button{width:52px;height:52px;padding:0;border-radius:50%;border:0;background:var(--ground);box-shadow:0 3px 0 var(--ground-2);pointer-events:auto;touch-action:manipulation;transition:background 60ms,transform 60ms,box-shadow 60ms}.hud-combo .taps button.green{background:var(--green);box-shadow:0 4px 0 var(--green-deep)}.hud-combo .taps button:active{transform:scale(.9)}.hud-combo .taps button.miss{animation:keyMiss .4s ease-out}.rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){body.in-game .rotate-hint{display:flex;position:fixed;inset:0;z-index:90;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#17181af0;color:#fff;font-weight:700;text-align:center;padding:28px}body.in-game .rotate-hint .phone{width:46px;height:78px;border:4px solid #fff;border-radius:10px;animation:rotate-hint 1.8s ease-in-out infinite}}@keyframes rotate-hint{0%,20%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@media(max-width:900px){.play-drawer .spin-hint{display:none}}.look-preview{display:none}@media(max-width:900px){.look-preview{display:block;height:clamp(190px,32vh,280px);margin:0 0 14px;overflow:hidden;border:var(--line);border-radius:16px;background:radial-gradient(ellipse at 50% 65%,var(--white),transparent 70%),var(--sky)}.look-preview canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}}.play-drawer .room-link input{background:var(--white);border:var(--line);color:var(--ink)}.play-drawer .room-link button{background:var(--white);border:var(--line);color:var(--ink);font-weight:700}.play-drawer .slot-colours .slot-swatch.selected{box-shadow:0 0 0 3px var(--green)}.play-drawer .drawer-top{min-height:40px}.play-drawer .drawer-top .drawer-link,.play-drawer .drawer-top .drawer-close{margin-left:auto}.play-drawer .drawer-back{display:inline-flex;align-items:center;gap:6px;padding:8px 4px;border:0;background:none;color:var(--ink);font-family:inherit;font-weight:800;font-size:15px;cursor:pointer}.play-drawer .drawer-back[hidden]{display:none}.play-drawer .drawer-back:hover{text-decoration:underline}.play-drawer .drawer-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#fff;box-shadow:0 3px 0 var(--ground-2);color:var(--ink);font-size:17px;font-weight:900;line-height:1;cursor:pointer;transition:background .12s,transform .12s}.play-drawer .drawer-close:hover{background:var(--ground);transform:rotate(90deg)}.play-drawer .page-head .back,.hud-timer.off{display:none}.hud-toast .toast.hands-full{color:#ffd166}.hud-powerup.full{animation:handsFull .45s ease}@keyframes handsFull{20%{transform:translate(-6px) rotate(-3deg)}40%{transform:translate(6px) rotate(3deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.invite-note{max-width:440px;margin:12px auto 0;padding:12px 16px;border:0;border-radius:14px;background:#fff;box-shadow:0 3px 0 var(--ground-2);color:var(--ink);font-size:14px;line-height:1.5;text-align:center}.invite-note b{font-weight:800}.invite-note span{display:block;margin-top:6px;font-size:13px;opacity:.7}.chat-reminder{margin:10px 0 0;font-size:13px;color:#ffffffd1;text-align:center}.chat-reminder kbd{padding:1px 7px;border-radius:6px;border:0;box-shadow:0 2px 0 var(--yellow-deep);background:var(--sale);color:var(--ink);font-family:var(--sign-font);font-size:10px}body.free-looking canvas{cursor:move}.results-screen.between .receipt-card .receipt-scroll{max-height:calc(100vh - 230px);max-height:calc(100dvh - 230px)}@supports (-moz-appearance: none){.hud-panel,.hud-meters,.hud-settings,.voice-control button,.touch-mini,.overlay,.overlay.title.play-drawer{backdrop-filter:none}}.hud-scores{min-width:0;padding:0;background:none;border:none;box-shadow:none;backdrop-filter:none;color:#fff}.hud-scores .score-row{display:none;font-size:16px;font-weight:700;padding:2px 4px;background:none;text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.55)}.hud-scores .score-row.shown{display:flex}.hud-scores .score-row.me{background:none;color:#8fe3ff}.hud-scores .score-row .rank{width:20px;font-size:13px;color:#fff}.hud-scores .score-row.leader .rank{font-size:18px;text-shadow:none}.hud-scores .score-row .pts{font-size:18px;font-variant-numeric:tabular-nums}.hud-scores .bot{color:#ffffffd9;border-color:#ffffff8c;background:#00000059;text-shadow:none}.hud-scores .score-row.bump .pts,.hud-scores .score-row .gain{color:var(--green)}.hud-powerup.empty{display:none}.hud-powerup.arrived{animation:rise-in .55s cubic-bezier(.2,1.5,.4,1)}@keyframes rise-in{0%{transform:translateY(160%);opacity:0}45%{opacity:1}}.hud-meters{display:none;width:260px;padding:0;background:none;border:none;box-shadow:none;backdrop-filter:none}.hud-meters.on{display:flex}.hud-meters .meter{height:14px;background:#ffffffd9;box-shadow:0 2px 6px #0000004d}.hud-list-line,body.touch .hud-list{display:none}body.touch .hud-list-line{display:block;position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 46px);left:max(12px,env(safe-area-inset-left));padding:4px 12px 3px;border-radius:999px;border:var(--line);background:#fffdf6;box-shadow:0 4px 12px #03060c40;color:var(--ink);font-family:Patrick Hand,Bradley Hand,Segoe Print,Marker Felt,Comic Sans MS,cursive;font-size:17px;font-weight:400;line-height:1.1;white-space:nowrap}body.touch .hud-list-line b{color:var(--blue-deep)}body.touch .hud-list-line.done{color:var(--green-deep)}.hud.outro .hud-list-line{display:none}body.touch .hud-timer{min-width:0;padding:3px;border-radius:10px}body.touch .hud-timer .till{padding:3px 9px 2px}body.touch .hud-timer .time{font-size:21px}body.touch .hud-timer .round,body.touch .hud-powerup{display:none}body.touch .hud-scores .score-row{font-size:11px;gap:5px;padding:1px 2px}body.touch .hud-scores .score-row .pts{font-size:12px}body.touch .hud-scores .score-row .rank{width:16px;font-size:11px}body.touch .hud-scores .score-row.leader .rank{font-size:13px}body.touch .hud-meters{width:200px}.touch-btn.item.holding{background:var(--yellow-soft)}.touch-btn.item .badge{display:grid;place-items:center}.touch-btn.item .badge img{width:46px;height:46px}.touch-btn.item.arrived{animation:sticker .45s cubic-bezier(.2,1.7,.4,1)}.hud-top-stack{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));max-width:280px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.hud-notice{background:var(--white);color:var(--ink);border:var(--line);border-radius:12px;padding:5px 11px;font-size:12px;font-weight:700;line-height:1.35;box-shadow:var(--shadow);animation:feedIn .22s cubic-bezier(.2,1.4,.4,1)}.hud-notice b{color:var(--blue-deep)}.hud-notice .style{color:var(--style-deep)}.hud.outro .hud-top-stack,.hud.outro .hud-pointer{display:none}.hud:has(.hud-banner:not(:empty)) .hud-top-stack{display:none}.hud-event,.hud-detective{display:none;white-space:nowrap;border-radius:999px;padding:4px 12px;font-weight:800;font-size:12px;letter-spacing:.4px;box-shadow:var(--shadow)}.hud-event.on{display:block;background:var(--slice, var(--sale));color:#fff;font-family:var(--sign-font);text-transform:uppercase;animation:sticker .45s cubic-bezier(.2,1.7,.4,1)}.hud-event .star{margin-right:6px;color:var(--sale)}.hud-detective.on{display:block;background:var(--ink);color:#fff;border:2px solid var(--danger);animation:detectiveFlash 1s ease-in-out infinite}.hud-detective.self{background:var(--danger);border-color:#fff}.hud-detective .who{color:var(--who, #fff)}.hud-detective .bang{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:5px;border-radius:50%;background:#fff;color:var(--danger);font-family:var(--sign-font);font-weight:800;font-size:11px;line-height:1;vertical-align:-2px}@keyframes detectiveFlash{50%{box-shadow:0 0 22px #e5484dcc}}.hud-pointer{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;display:none}.hud-pointer.on{display:block}.hud-pointer span{position:absolute;left:0;top:0;width:46px;height:46px;margin:-23px 0 0 -23px;display:grid;place-items:center;font-family:var(--sign-font);font-weight:800;font-size:24px;color:var(--danger);border-radius:50%;background:#fff;border:3px solid var(--who, var(--danger));box-shadow:0 0 0 2px #fff;transform:rotate(var(--angle, 0rad)) translateY(calc(-1*min(28vh,28vw))) rotate(calc(-1 * var(--angle, 0rad)))}.hud-effect{display:none;min-width:118px;white-space:nowrap;padding:8px 8px 9px;text-align:center;background:var(--panel);border:var(--line);box-shadow:var(--shadow)}.hud-effect.on{display:block}.hud-effect .icon img{width:34px;height:34px}.hud-effect .left{font-family:var(--sign-font);font-size:11px;font-weight:900;margin:2px 0 5px}.hud-effect .meter{height:8px;border-radius:4px;border-width:1.5px;background:var(--ground-2);overflow:hidden}.hud-effect .fill{height:100%;background:var(--blue)}.hud-wheel{position:absolute;left:50%;top:calc(max(14px,env(safe-area-inset-top)) + 50px);width:clamp(180px,21vw,270px);transform:translate(-50%,-130%) rotate(-12deg);transition:transform .6s cubic-bezier(.2,1.2,.4,1),opacity .4s,visibility 0s .6s;opacity:0;visibility:hidden;pointer-events:none;text-align:center}.hud-wheel.on{transform:translate(-50%);opacity:1;visibility:visible;transition:transform .6s cubic-bezier(.2,1.2,.4,1),opacity .4s}.hud-wheel .wheel-label,.hud-wheel .wheel-disc{transition:transform .5s cubic-bezier(.6,-.4,.8,.6),opacity .35s .15s}.hud-wheel .wheel-label{display:inline-block;margin-bottom:6px;padding:3px 12px;border-radius:999px;background:var(--ink);color:var(--sale);font-family:var(--sign-font);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px}.hud-wheel .wheel-disc svg{width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}.hud-wheel [data-wheel-pointer]{transform-origin:0 -118px}.hud-wheel [data-wheel-pointer].flick{animation:wheelFlick .12s ease-out}@keyframes wheelFlick{40%{transform:rotate(-16deg)}}.hud-wheel.landed .wheel-disc{animation:sticker .5s cubic-bezier(.2,1.7,.4,1)}.hud-wheel.revealed .wheel-disc{animation:none;transform:translateY(-120%) rotate(-200deg) scale(.5);opacity:0}.hud-wheel.revealed .wheel-label{transform:translateY(-260%);opacity:0}.hud-wheel .wheel-card{position:absolute;left:50%;top:0;width:max(100%,min(560px,86vw));transform:translate(-50%,18px) scale(.7);opacity:0;transition:opacity .25s,transform .45s cubic-bezier(.2,1.7,.4,1);transition-delay:.3s}.hud-wheel .wheel-card.on{opacity:1;transform:translate(-50%) scale(1)}.hud-wheel .wheel-card b{display:block;font-family:var(--sign-font);font-size:clamp(30px,4vw,56px);font-weight:800;line-height:1;letter-spacing:1px;text-transform:uppercase;color:var(--slice, var(--sale));text-shadow:0 4px 0 color-mix(in srgb,var(--slice, var(--sale)) 62%,#000),0 12px 24px rgba(23,24,26,.28);transform:rotate(-3deg)}.hud-wheel .wheel-card span{display:block;margin-top:12px;font-size:clamp(15px,1.5vw,19px);font-weight:800;line-height:1.3;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 14px rgba(0,0,0,.55)}body.touch .hud-top-stack{top:calc(max(10px,env(safe-area-inset-top)) + 74px);left:50%;transform:translate(-50%);align-items:center}@media(max-width:720px){.hud-top-stack{top:calc(max(10px,env(safe-area-inset-top)) + 74px);left:50%;transform:translate(-50%);align-items:center}.hud-wheel{width:30vh}}@media(prefers-reduced-motion:reduce){.hud-event.on,.hud-detective.on,.hud-wheel.landed .wheel-disc{animation:none}.hud-wheel .wheel-label,.hud-wheel .wheel-disc,.hud-wheel .wheel-card{transition:opacity .3s}}.hud-intro-tip{position:absolute;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));display:none;width:fit-content;max-width:min(760px,88vw);margin-inline:auto;padding:7px 16px 8px;border-radius:14px;border:var(--line);background:var(--paper);color:var(--paper-ink);text-align:center;pointer-events:none}.hud-intro-tip.on{display:block;animation:sticker .45s cubic-bezier(.2,1.7,.4,1)}.hud-intro-tip b{margin-right:8px;color:var(--green-deep);font-family:var(--sign-font);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.hud-intro-tip p{display:inline;margin:0;font-size:14px;font-weight:600;line-height:1.35}body.touch .hud-intro-tip p{font-size:12.5px}@media(max-height:480px){.hud-intro-tip{bottom:max(6px,env(safe-area-inset-bottom));padding:4px 13px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-intro-tip b{display:none}}.hud-intro-notice{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:none;padding:6px 16px;border-radius:999px;background:var(--danger);border:0;color:#fff;font-family:var(--sign-font);font-size:clamp(13px,1.3vw,17px);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow)}.hud-intro-notice.on{display:block;animation:sticker .45s cubic-bezier(.2,1.7,.4,1)}.hud.intro-noticed .hud-wheel{top:calc(max(18px,env(safe-area-inset-top)) + clamp(38px,1.3vw + 26px,44px) + 22px)}@media(max-height:480px){.hud.intro-noticed .hud-wheel{width:25vh}}.shared-receipt .ghost-note{margin:10px 4px 12px;font-size:13px;line-height:1.45;color:#ffffffd1;text-align:center}.pu-badge{display:block;margin:0 auto;object-fit:contain;pointer-events:none;user-select:none}.hud-grind-combo{display:none;align-items:center;gap:8px;padding:4px 12px 4px 6px;border-radius:999px;background:var(--ink);border:2px solid var(--style);color:#fff;font-family:var(--sign-font);box-shadow:var(--shadow);pointer-events:none}.hud-grind-combo.on{display:inline-flex}.hud-grind-combo.pop{animation:sticker .4s cubic-bezier(.2,1.7,.4,1)}.hud-grind-combo .links{display:grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:999px;background:var(--style);color:var(--ink);font-weight:900;font-size:15px}.hud-grind-combo .word{font-size:12px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.hud-grind-combo .next{font-size:11px;font-weight:800;color:var(--style)}.hud-grind-combo .window{width:54px;height:6px;border-radius:3px;background:#ffffff2e;overflow:hidden}.hud-grind-combo .window .fill{display:block;height:100%;background:var(--style)}.hud-last-roll{display:none;white-space:nowrap;border-radius:999px;padding:4px 12px;font-weight:800;font-size:12px;letter-spacing:.2px;background:var(--ink);color:#fff;border:2px solid #ffc61a;box-shadow:var(--shadow)}.hud-last-roll.on{display:block;animation:lastRollGlow 1.2s ease-in-out infinite}.hud-last-roll.mine{background:#ffc61a;color:var(--ink);border-color:#ffc61a}.hud-last-roll b{color:#ffc61a}.hud-last-roll.mine b{color:var(--ink)}.hud-last-roll .who{color:var(--who, #fff)}@keyframes lastRollGlow{50%{box-shadow:0 0 20px #ffc61ad9}}.hud-pointer.till span{font-size:11px;font-weight:900;letter-spacing:.6px;color:#fff;background:#1f7a52;border-color:#fff;transform:rotate(var(--angle, 0rad)) translateY(calc(-1*min(19vh,19vw))) rotate(calc(-1 * var(--angle, 0rad)))}.hud-pointer.gold span{font-size:22px;background:#ffc61a;border-color:#fff;transform:rotate(var(--angle, 0rad)) translateY(calc(-1*min(24vh,24vw))) rotate(calc(-1 * var(--angle, 0rad)))}.results-side{display:flex;flex-direction:column;gap:12px;width:260px;flex:none;margin-top:18px}.results-side .card.ready-card{width:auto;margin-top:0}.overlay .card.side-card{width:auto;padding:14px 14px 12px}.side-card h2{margin:0 0 8px;font-family:var(--sign-font);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.play-frame{border:var(--line);border-radius:10px;overflow:hidden;background:var(--ink);aspect-ratio:16 / 9}.play-frame canvas{display:block;width:100%;height:100%;object-fit:cover}.play-caption{margin:8px 0;font-family:var(--sign-font);font-weight:900;font-size:13px;letter-spacing:.04em;text-wrap:balance}.side-card .ghost,.side-card .primary{width:100%}.daily-card .daily-streak{margin:0 0 10px;font-weight:800}.daily-card .notice{margin:8px 0 0;font-size:12px}.loyalty-card{border:1.5px dashed rgba(23,24,26,.18);border-radius:12px;padding:10px 12px;background:#fffaf0}.loyalty-head{display:flex;justify-content:space-between;font-family:var(--sign-font);font-size:10px;font-weight:900;letter-spacing:.12em}.loyalty-head .brand{color:var(--danger)}.loyalty-card .stamps{display:flex;justify-content:space-between;gap:4px;margin:10px 0}.loyalty-card .stamp{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid rgba(23,24,26,.25);font-size:15px}.loyalty-card .stamp.on{border-color:var(--danger);background:#e5484d1f}.loyalty-card .stamp.fresh{animation:stampIn .35s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(.7s + var(--i) * .26s)}@keyframes stampIn{0%{opacity:0;transform:scale(2.2) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}.loyalty-foot{display:grid;gap:2px;font-size:12px;font-weight:700}.loyalty-foot .next{color:#17181aa6;font-weight:600}.loyalty-foot .unlocked b{color:var(--danger)}@media(max-width:680px){.results-side{width:min(380px,100%);margin-top:0}}.receipt .r-row.r-title,.receipt .r-row.r-note{grid-template-columns:1fr}.receipt .r-row.r-title span{font-weight:800;letter-spacing:.08em;opacity:.8}.receipt .r-row.r-note span,.receipt .r-row.r-title span{text-align:left;opacity:.8}.daily-btn{display:grid;gap:2px;width:100%;margin:0 0 12px;padding:10px 14px;text-align:left;border-radius:var(--radius, 14px);border:0;background:var(--yellow);color:var(--ink);box-shadow:0 3px 0 var(--yellow-deep);cursor:pointer;transition:transform .1s,box-shadow .1s}.daily-btn:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--yellow-deep)}.daily-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--yellow-deep)}.daily-btn .daily-k{font-family:var(--sign-font);font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase}.daily-btn .daily-d{font-size:12px;font-weight:700;opacity:.8}.daily-btn.invited{animation:lastRollGlow 1.2s ease-in-out infinite}[data-loyalty] .loyalty-card{margin:4px 0 14px}.hud-race{display:none;position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));width:250px;padding:12px 14px;background:linear-gradient(180deg,#2c2d31,var(--ink));color:#fff;font-family:var(--hud-font);transform-origin:bottom left}.hud.race .hud-race{display:block}.hud.race .hud-list,.hud.race .hud-list-line,.hud.race [data-till-pointer]{display:none!important}.hud-race .race-place{font-family:var(--sign-font);font-weight:900;line-height:.9;white-space:nowrap}.hud-race .race-place b{font-size:64px;color:var(--yellow);text-shadow:0 3px 0 rgba(0,0,0,.45)}.hud-race.leading .race-place b{color:var(--green)}.hud-race .race-place sup{font-size:24px;vertical-align:top;margin-left:2px;color:var(--yellow)}.hud-race.leading .race-place sup{color:var(--green)}.hud-race .race-place .of{font-size:20px;color:var(--grey);margin-left:6px}.hud-race .race-lap{margin-top:6px;font-size:13px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--grey)}.hud-race .race-lap b{font-size:22px;color:#fff;letter-spacing:0}.hud-race.final-lap .race-lap,.hud-race.final-lap .race-lap b{color:var(--orange);animation:pulse 1s ease-in-out infinite}.hud-race .race-times{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:8px;padding:6px 8px;background:#0a1410;border-radius:8px}.hud-race .race-times span{display:block;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--grey)}.hud-race .race-times b{font-family:var(--mono);font-size:18px;color:var(--led);white-space:nowrap}.hud-race .race-split{min-height:24px;margin-top:6px;font-family:var(--mono);font-size:18px;font-weight:700;white-space:nowrap}.hud-race .race-split .cp{font-family:var(--hud-font);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--grey);margin-right:8px}.hud-race .race-split .ahead{color:var(--green)}.hud-race .race-split .behind{color:#ff5a6e}.hud-race .race-split.pop{animation:race-pop .35s ease-out}@keyframes race-pop{0%{transform:scale(1.25)}to{transform:scale(1)}}.hud-race .race-medal{font-size:12px;font-weight:700;color:#d8dce2;white-space:nowrap}.hud-race .race-medal .m{display:inline-block;width:11px;height:11px;margin-right:6px;border-radius:50%;vertical-align:-1px;border:1px solid rgba(0,0,0,.5)}.hud-race .m.gold{background:#ffc61a}.hud-race .m.silver{background:#c9d0d8}.hud-race .m.bronze{background:#d08a4e}.hud-race .race-standings{margin:8px 0 0;padding:6px 0 0;list-style:none;counter-reset:place;border-top:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:700;color:#c4c9d0}.hud-race .race-standings li{counter-increment:place;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.hud-race .race-standings li:before{content:counter(place);display:inline-block;width:16px;color:var(--grey)}.hud-race .race-standings li.me{color:#fff}.hud-race .race-standings .chip{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:2px;vertical-align:0}.hud-race .race-standings em{font-style:normal;color:var(--green)}@media(max-width:1100px),(max-height:640px){.hud-race{transform:scale(.72)}.hud-race .race-standings{display:none}}.hud-wrong-way,.hud-air,.hud-slip{display:none}.hud-wrong-way.on{display:block;padding:6px 16px;font-family:var(--sign-font);font-size:22px;font-weight:900;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;color:#fff;background:var(--danger);border:var(--line);border-radius:10px;animation:pulse .6s ease-in-out infinite}.hud-air.on{display:block;padding:5px 14px;font-family:var(--sign-font);font-size:18px;font-weight:900;white-space:nowrap;color:var(--ink);background:var(--yellow);border:var(--line);border-radius:10px}.hud-air b{margin-left:6px}.hud-air em{font-style:normal;margin-left:8px;color:var(--danger)}.hud-air.warn{background:#fff;animation:pulse .3s ease-in-out infinite}.hud-slip.on{display:flex;align-items:center;gap:8px;padding:4px 10px;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;color:#fff;background:#17181abf;border-radius:999px}.hud-slip .bar{width:90px;height:7px;border-radius:4px;background:#ffffff2e;overflow:hidden}.hud-slip .fill{display:block;height:100%;background:linear-gradient(90deg,#6fd3ff,#fff);transform-origin:left;transform:scaleX(0)}.hud-pointer.gate span{font-size:18px;color:var(--ink);background:var(--yellow);border-color:#fff;transform:rotate(var(--angle, 0rad)) translateY(calc(-1*min(21vh,21vw))) rotate(calc(-1 * var(--angle, 0rad)))}body.touch .hud-race{top:calc(max(10px,env(safe-area-inset-top)) + 46px);bottom:auto;left:max(12px,env(safe-area-inset-left));width:auto;display:none;padding:6px 12px;transform:none}body.touch .hud.race .hud-race{display:flex;align-items:center;gap:12px}body.touch .hud-race .race-place b{font-size:34px}body.touch .hud-race .race-place sup{font-size:14px}body.touch .hud-race .race-place .of{font-size:13px}body.touch .hud-race .race-lap{margin-top:0}body.touch .hud-race .race-lap b{font-size:18px}body.touch .hud-race .race-times{margin-top:0;grid-template-columns:auto;padding:3px 8px}body.touch .hud-race .race-times>div:nth-child(2),body.touch .hud-race .race-medal,body.touch .hud-race .race-standings{display:none}body.touch .hud-race .race-split{position:absolute;top:100%;left:0;margin-top:6px;min-height:0;font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.hud.race.outro .hud-race,body.touch .hud.race.outro .hud-race{display:none}.hud-slip.full{background:#1f7fdb;animation:pulse .5s ease-in-out infinite}.site{--ink: #17181a;--page: #f7f5f1;--panel: #ece9e4;--panel-2: #e2ded8;--white: #fff;--muted: #59606c;--green: #8cd446;--green-lift: #9bdd5a;--green-deep: #1e9b5a;--green-ink: #147d46;--green-soft: #ddf3c4;--yellow: #ffc61a;--yellow-soft: #fff0b3;--orange: #ff9a1f;--blue: #1f7fdb;--blue-soft: #dcedfb;--sky: #d3edf4;--red: #d1343a;--glow-yellow-core: #fff3c0;--glow-yellow: #ffb11f;--glow-blue-core: #e2f3ff;--glow-blue: #3fa9f5;--paper: #fffdf6;--paper-rule: #c9d6ee;--pen: #22304a;--pen-faded: #8a93a6;--pen-red: #c81e28;--ink-hair: color-mix(in srgb, var(--ink) 11%, transparent);--ink-faint: color-mix(in srgb, var(--ink) 22%, transparent);--ink-soft: color-mix(in srgb, var(--ink) 38%, transparent);--ink-shade: color-mix(in srgb, var(--ink) 55%, transparent);--display: "Unbounded", "Arial Black", system-ui, sans-serif;--body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--pen-face: var(--hand, "Patrick Hand", "Comic Sans MS", cursive);--ease: cubic-bezier(.2, .7, .2, 1)}.site :is(h1,h2,h3,h4){text-wrap:balance}.site :is(p,li,dd,dt,figcaption,blockquote){text-wrap:pretty}.site :is(.toc-links span,.pick-text b,.pick-text span,.item-name,.item-note,.extras span,.stats span){text-wrap:balance}html.on-site,html.on-site body{height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;background:#f7f5f1;touch-action:auto;scroll-behavior:smooth}html.on-site body{overflow:visible;overflow-x:clip}html.on-site.play-locked,html.on-site.play-locked body{overflow:clip}body.on-site #app{position:static;height:auto;min-height:100vh;overflow:visible}.site{--topbar: 60px;--gutter: clamp(18px, 4vw, 40px);--wide: 1240px;--radius: 16px;position:relative;color:var(--ink);background:var(--page);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}.site img{max-width:100%;height:auto;display:block}.site a{color:inherit;text-decoration-thickness:1.5px;text-decoration-color:var(--ink-soft);text-underline-offset:3px;transition:text-decoration-color .15s}.site a:hover{text-decoration-color:currentColor}.site .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.site .skip{position:absolute;left:12px;top:-60px;z-index:100;padding:8px 14px;border-radius:10px;background:var(--ink);color:var(--white);font-weight:700}.site .skip:focus{top:12px}.site :focus-visible{outline:2px solid var(--blue);outline-offset:3px}.site .nowrap{white-space:nowrap}.site .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--white);color:var(--ink);font:700 16px/1.2 var(--body);text-decoration:none;cursor:pointer;box-shadow:0 3px 0 var(--ground-2);transition:background .15s,transform .12s var(--ease),box-shadow .12s var(--ease)}.site .btn:hover{background:var(--panel);box-shadow:0 4px 0 var(--ground-2)}.site .btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ground-2)}.site .btn-play{border-color:transparent;background:var(--green);box-shadow:0 3px 0 var(--green-deep)}.site .btn-play:hover{border-color:transparent;background:var(--green-lift);transform:translateY(-1px);box-shadow:0 4px 0 var(--green-deep)}.site .btn-play:active{transform:translateY(2px);box-shadow:0 1px 0 var(--green-deep)}.site .btn-big{min-height:52px;padding:0 28px;border-radius:14px;font-size:18px}.site .btn-small{min-height:36px;padding:0 16px;border-radius:10px;font-size:15px}.site .arrow{flex:none;width:16px;height:16px;transition:transform .2s var(--ease)}.site a:hover .arrow{transform:translate(3px)}.site .more-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none}.site .topbar{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:16px;height:var(--topbar);padding:0 max(var(--gutter),calc((100% - var(--wide)) / 2 + var(--gutter)));border-bottom:1px solid transparent;background:transparent;transition:background .2s ease,border-color .2s ease,opacity .2s ease}.site .topbar.shown,.site-manual .topbar,.site.toc-open .topbar{border-bottom-color:var(--ink-hair);background:var(--page)}.site .nav-logo{display:block;flex:none;width:56px;transition:transform .2s var(--ease)}.site .nav-logo:hover{transform:rotate(-4deg) scale(1.05)}.site .nav-logo .logo{width:100%;height:auto}.site .topbar-title{color:var(--muted);font-weight:600;font-size:15px}.site .nav-end{display:flex;align-items:center;gap:8px;margin-left:auto}.site .nav-link,.site .nav-burger{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:700 15px/1.2 var(--body);text-decoration:none;cursor:pointer;transition:background .15s}.site .nav-link:hover,.site .nav-burger:hover{background:var(--panel)}.site .nav-burger{display:none}.site .burger-lines{display:grid;gap:3px}.site .burger-lines span{width:14px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s var(--ease),opacity .2s}.site.toc-open .burger-lines span:nth-child(1){transform:translateY(5px) rotate(45deg)}.site.toc-open .burger-lines span:nth-child(2){opacity:0}.site.toc-open .burger-lines span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.site-home .scroll-trolley{display:none}.site .scroll-trolley{--p: 0;position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;pointer-events:none}.site .scroll-trolley .track{height:100%;background:var(--green-deep);transform:scaleX(var(--p));transform-origin:0 50%}.site .cover{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,12fr);align-items:center;gap:clamp(28px,5vw,72px);max-width:var(--wide);min-height:min(100svh,820px);margin:0 auto;padding:calc(var(--topbar) + 24px) var(--gutter) 40px}.site .cover-copy{position:relative;z-index:2}.site .cover-copy>*{animation:riseIn .6s var(--ease) both}.site .cover-copy>:nth-child(2){animation-delay:80ms}.site .cover-copy>:nth-child(3){animation-delay:.15s}.site .cover-copy>:nth-child(4){animation-delay:.22s}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}}.site .cover-title{margin:0}.site .cover-logo{display:block;width:min(clamp(240px,26vw,360px),100%)}.site .cover-logo .logo{width:100%;height:auto}.site .cover-lede{max-width:30em;margin:28px 0;font-size:clamp(18px,1.55vw,21px);line-height:1.5}.site .cover-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.site .cover-facts{display:flex;flex-wrap:wrap;gap:6px 20px;margin:32px 0 0;padding:0;list-style:none;color:var(--muted);font-size:15px}.site .cover-facts li{display:flex;align-items:center;gap:8px}.site .cover-facts li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green-deep)}.site .cover-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-self:stretch;min-height:520px;border-radius:28px;background:radial-gradient(circle at 50% 54%,var(--white) 0 30%,transparent calc(30% + 1px)),var(--sky);user-select:none;-webkit-user-select:none;animation:fadeIn .8s ease both}@keyframes fadeIn{0%{opacity:0}}.site .stage-canvas{order:1;flex:1;width:100%;min-height:420px;cursor:grab;touch-action:pan-y}.site .cover-stage .stage-canvas{position:absolute;inset:0;height:100%;min-height:0;border-radius:28px}.site .stage-canvas.dragging{cursor:grabbing}.site .cover-stage.no-stage:after{content:"";flex:1;background:url(/manual/figures/starfish.webp) center / contain no-repeat}.site .stage-hint{position:absolute;top:18px;left:18px;z-index:2;padding:5px 12px;border-radius:999px;background:var(--white);font-weight:700;font-size:13.5px;pointer-events:none;animation:bob 2.6s ease-in-out infinite;transition:opacity .4s}@keyframes bob{50%{transform:translateY(-4px)}}.site .stage-hint.used{opacity:0}.site .stage-caption{position:absolute;left:50%;top:14%;z-index:2;translate:-50% 0;font-family:var(--display);font-weight:800;font-size:clamp(28px,3.2vw,44px);color:var(--yellow);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;pointer-events:none;opacity:0;white-space:nowrap}.site .stage-caption.pop{animation:captionPop 2.4s cubic-bezier(.2,1.6,.4,1) both}@keyframes captionPop{0%{opacity:0;transform:scale(.5) rotate(-8deg)}14%{opacity:1;transform:scale(1.08) rotate(-3deg)}24%{transform:scale(1) rotate(-4deg)}80%{opacity:1;transform:scale(1) rotate(-4deg)}to{opacity:0;transform:translateY(-16px) scale(.92) rotate(-4deg)}}.site.covered:after{content:"";position:fixed;inset:0;z-index:5;background:var(--ink-shade);pointer-events:none;animation:fadeIn .3s ease both}.site.covered .cover-stage{z-index:auto;animation:none}.site.covered .stage-canvas{z-index:6}.site.covered .topbar{opacity:0;pointer-events:none}.site .band{max-width:var(--wide);margin:0 auto;padding:clamp(64px,9vw,120px) var(--gutter) 0}.site .section-head{margin-bottom:clamp(24px,3vw,40px)}.site .section-head h2,.site .chapter-head h2{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(26px,3vw,40px);line-height:1.12;letter-spacing:-.025em}.site .section-head p{max-width:34em;margin:12px 0 0;color:var(--muted);font-size:18px}.site .extras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;margin:0;padding:0;list-style:none}.site .extras a{display:grid;gap:4px;text-decoration:none}.site .extras img{width:100%;aspect-ratio:16 / 9;margin-bottom:10px;border-radius:14px;background:var(--panel);object-fit:cover;transition:transform .35s var(--ease)}.site .extras a:hover img{transform:translateY(-4px)}.site .extras b{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:18px;line-height:1.3}.site .extras span{color:var(--muted);font-size:15.5px;line-height:1.45}.site .manual-head{max-width:var(--wide);margin:0 auto;padding:calc(var(--topbar) + clamp(40px,6vw,88px)) var(--gutter) clamp(32px,5vw,64px)}.site .manual-head>*{animation:riseIn .6s var(--ease) both}.site .manual-head>:nth-child(2){animation-delay:80ms}.site .manual-head>:nth-child(3){animation-delay:.15s}.site .manual-head h1{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(40px,5.6vw,72px);line-height:1.02;letter-spacing:-.035em}.site .manual-head .lede{max-width:30em;margin:18px 0 0;font-size:clamp(18px,1.55vw,21px);line-height:1.5}.site .manual-head .start-here{margin:10px 0 0;color:var(--muted)}.site .manual-head .start-here a{color:var(--ink);font-weight:700}.site .manual{display:grid;grid-template-columns:228px minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);max-width:var(--wide);margin:0 auto;padding:0 var(--gutter) clamp(56px,8vw,104px);scroll-margin-top:var(--topbar)}.site .toc{position:sticky;top:calc(var(--topbar) + 20px);max-height:calc(100vh - var(--topbar) - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:8px}.site .toc-links{position:relative;display:grid}.site .toc-part{margin:20px 0 6px;padding:0 10px;color:var(--muted);font:600 11.5px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase}.site .toc-part:first-of-type{margin-top:0}.site .toc-links a{position:relative;z-index:1;display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:baseline;padding:6px 10px;border-radius:9px;color:var(--muted);font-weight:600;font-size:15px;line-height:1.35;text-decoration:none;transition:color .15s}.site .toc-links a b{font:500 11.5px/1 var(--mono);opacity:.75}.site .toc-links a:hover,.site .toc-links a.active{color:var(--ink)}.site .toc-marker{position:absolute;top:0;left:0;width:var(--w, 100%);height:var(--h, 0px);border-radius:9px;background:var(--panel);opacity:0;transform:translate(var(--x, 0px),var(--y, 0px));transition:transform .3s var(--ease),width .3s var(--ease),height .3s var(--ease),opacity .2s}.site .toc-marker.on{opacity:1}.site .toc-play{width:100%;margin-top:24px}.site .chapters{min-width:0}.site .page{padding:clamp(44px,5.5vw,76px) 0;border-top:1px solid var(--ink-hair);scroll-margin-top:var(--topbar)}.site .page:first-child{padding-top:0;border-top:0;scroll-margin-top:calc(var(--topbar) + 24px)}.site .page:last-child{padding-bottom:0}.site .chapters .page>*+*{margin-top:clamp(28px,3.4vw,40px)}.site .chapters .page>p+p{margin-top:12px}.site .chapter-head .kicker{display:flex;gap:10px;margin:0 0 12px;color:var(--muted);font:600 12px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase}.site .chapter-head .kicker span{color:var(--ink)}.site .chapter-head .lede{max-width:32em;margin:14px 0 0;font-size:clamp(18px,1.5vw,20px);line-height:1.5}.site .page p{max-width:62ch;margin:0}.site .page p+p,.site .page p+ul,.site .page ul+p{margin-top:12px}.site h3{margin:0 0 6px;font-weight:800;font-size:19px;line-height:1.3}.site .chapters .page>h3.sub{margin:clamp(48px,6vw,72px) 0 0;font-family:var(--display);font-weight:700;font-size:clamp(19px,1.8vw,23px);letter-spacing:-.02em}.site .chapters .page>.sub-lede{margin-top:8px;color:var(--muted)}.site .chapters .page>:is(h3.sub,.sub-lede)+:not(.sub-lede){margin-top:24px}.site .page strong,.site .page b{font-weight:800}.site .glow-yellow,.site .glow-blue{padding:0 .3em;border-radius:5px;background:var(--yellow-soft)}.site .glow-blue{background:var(--blue-soft)}.site .shot{margin:0}.site .shot img{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);background:var(--panel);object-fit:cover;outline:1px solid var(--ink-hair);outline-offset:-1px}.site .shot figcaption{margin-top:10px;color:var(--muted);font-size:14.5px;line-height:1.45}.site .spread{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:center}.site .spread.flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.site .spread.flip>:first-child{order:2}.site .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px clamp(20px,3vw,32px);margin:0;padding:0;list-style:none;counter-reset:step}.site .step h3{display:flex;align-items:center;gap:10px;margin:16px 0 4px}.site .steps.numbered .step h3:before{counter-increment:step;content:counter(step);flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--white);font:600 12.5px/1 var(--mono)}.site .step .shot img{transition:transform .35s var(--ease)}.site .step:hover .shot img{transform:translateY(-3px)}.site .howto{display:grid;margin:0;padding:0;list-style:none;counter-reset:how}.site .howto li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 12px;padding:14px 0;border-top:1px solid var(--ink-hair);counter-increment:how}.site .howto li:first-child{padding-top:0;border-top:0}.site .howto li:last-child{padding-bottom:0}.site .howto li:before{content:counter(how);grid-row:span 2;display:grid;place-items:center;width:24px;height:24px;margin-top:2px;border-radius:50%;background:var(--ink);color:var(--white);font:600 12.5px/1 var(--mono)}.site .howto b,.site .howto span{grid-column:2}.site .rules{margin:0}.site .rules>div{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:4px 28px;align-items:baseline;padding:14px 0;border-top:1px solid var(--ink-hair)}.site .rules>div:last-child{border-bottom:1px solid var(--ink-hair)}.site .rules dt{display:flex;align-items:center;gap:10px;font-weight:800}.site .rules dd{max-width:60ch;margin:0}.site .spread .rules>div{grid-template-columns:minmax(0,1fr)}.site .drawn{display:inline-flex;align-items:center;gap:8px}.site .drawn svg{flex:none;width:20px;height:20px}.site .ticks{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.site .ticks li{position:relative;padding-left:20px}.site .ticks li:before{content:"";position:absolute;left:2px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--green-deep)}.site .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px 32px;margin:0;padding:0;list-style:none}.site .stats b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(26px,2.8vw,36px);line-height:1.1;letter-spacing:-.03em}.site .stats span{display:block;margin-top:8px;color:var(--muted);font-size:15.5px;line-height:1.45}.site .stats span b{display:inline;color:var(--ink);font:inherit;font-weight:800;letter-spacing:0}.site .spread-copy>.stats{margin:0 0 20px}.site .page p.note{max-width:none;padding:14px 18px;border-radius:12px;background:var(--panel);font-size:16px}.site .ledger{margin:16px 0 0;padding:0;list-style:none;font-size:16px}.site .ledger li{display:flex;align-items:baseline;gap:10px;padding:7px 0}.site .ledger i{flex:1;min-width:16px;border-bottom:1.5px dotted var(--ink-faint);transform:translateY(-4px)}.site .ledger b{font:600 14px/1.4 var(--mono);white-space:nowrap}.site .columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px clamp(28px,5vw,64px)}.site kbd.cap{display:inline-grid;place-items:center;box-sizing:border-box;min-width:27px;height:27px;margin:0 2px;padding:0 7px;border:0;border-radius:7px;background:var(--white);color:var(--ink);font:700 13px/1 var(--body);vertical-align:middle;box-shadow:0 3px 0 var(--ground-2);transition:transform 60ms ease,background 60ms,box-shadow 60ms}.site kbd.cap.wide{min-width:52px}.site kbd.cap.cursor{padding:0 6px}.site kbd.cap.cursor svg{display:block;width:1.05em;height:1.05em}.site .pad-hint-cursor svg{width:1.1em;height:1.1em;vertical-align:-.2em}.site .controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}.site .controls-art,.site .controls-lists{display:grid}.site .controls-art>*,.site .controls-lists>*{grid-area:1 / 1}.site .controls-art>[hidden],.site .controls-lists>[hidden]{visibility:hidden}.site .controls-art>[hidden]{display:grid}.site .controls-lists>[hidden]{display:block}.site .controls-art{position:sticky;top:calc(var(--topbar) + 20px);min-height:400px;overflow:hidden;border-radius:20px;background:var(--panel);container-type:inline-size}.site .art-keys,.site .art-touch{display:grid;place-items:center}.site .art-pad{position:relative;display:grid}.site .art-touch{padding:24px}.site .art-touch img{width:100%;border-radius:12px}.site .tabs{display:inline-flex;gap:2px;margin-bottom:16px;padding:3px;border-radius:12px;background:var(--panel)}.site .tabs button{min-height:36px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:700 15px/1.2 var(--body);cursor:pointer;transition:background .15s,color .15s}.site .tabs button:hover{color:var(--ink)}.site .tabs button[aria-selected=true]{background:var(--white);color:var(--ink)}.site .keyboard{--u: min(42px, calc((100cqi - 40px) / 12));display:flex;flex-direction:column;align-items:center;gap:22px;padding:28px 20px 22px}.site .kb{position:relative;width:calc(12 * var(--u));height:calc(4 * var(--u))}.site .keyboard kbd.cap{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u) - 6px);min-width:0;height:calc(var(--u) - 6px);margin:0;padding:0;border-radius:8px;font-size:calc(var(--u) * .32)}.site .keyboard kbd.cap.ghost{border:0;background:var(--panel);color:var(--ink-soft);box-shadow:none}.site .keyboard kbd.cap.down{background:var(--green);box-shadow:0 1px 0 var(--green-deep);transform:translateY(2px)}.site .kb-say{min-height:1.6em;margin:0;font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em}.site .kb-say.pop{animation:kbSay .26s cubic-bezier(.3,1.8,.5,1)}@keyframes kbSay{0%{transform:scale(.7)}}.site .control-list{margin:0}.site .control-list div{display:grid;grid-template-columns:minmax(120px,.9fr) 1.3fr;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--ink-hair)}.site .control-list div:last-child{border-bottom:0}.site .control-list dt{font-weight:700;font-size:15px}.site .control-list dd{margin:0;font-size:15.5px;line-height:1.45}.site .pad-art{position:relative;height:100%}.site .pad-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity .6s ease}.site .pad-canvas.ready{opacity:1}.site .pad-canvas.dragging{cursor:grabbing}.site .pad-hint{position:absolute;left:0;right:0;bottom:14px;margin:0;max-width:none;color:var(--muted);text-align:center;font-size:13.5px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .4s ease}.site .pad-art.live .pad-hint{opacity:1}.site .pad-art.live:has(.pad-canvas.used) .pad-hint{opacity:0}.site .pad-loading{display:grid;place-items:center;height:100%}.site .pad-spinner{width:36px;height:36px;border:3px solid var(--ink-hair);border-top-color:var(--ink);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{rotate:360deg}}.site .pad-loading-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.site .pad-art.live .pad-loading{visibility:hidden}.site .pad-art.failed .pad-spinner{display:none}.site .pad-art.failed .pad-loading-text{position:static;width:auto;height:auto;padding:24px;clip-path:none;font-weight:700;text-align:center}.site .tb{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--white);font-size:12px;font-weight:800}.site .tb.jump{background:var(--blue)}.site .tb.drift{background:var(--green);color:var(--ink)}.site .tb.item{background:var(--yellow);color:var(--ink)}.site .tb.scan{background:var(--green-deep)}.site .bulky-badge{display:inline-block;padding:1px 8px;border-radius:6px;background:var(--orange);color:var(--ink);font-weight:800;font-size:13px}.site .list-tile{display:grid;place-items:center;margin:0;padding:clamp(20px,3vw,36px) 16px;border-radius:20px;background:var(--panel)}.site .list-tile .hud-list{display:flex;position:relative;inset:auto;width:min(375px,100%);height:auto;margin:14px 0 0;rotate:-2deg;transform:none;border:0;border-radius:6px;box-shadow:0 1px 0 var(--ink-faint)}.site .list-tile .hud-list h3{margin:0 0 2px;font-family:var(--hand);font-weight:400;font-size:27px;line-height:1}.site .ring{flex:none;display:block;width:22px;height:22px;border-radius:50%;animation:ringPulse 1.6s ease-in-out infinite}.site .ring-yellow{background:radial-gradient(circle,var(--glow-yellow-core) 0 30%,var(--glow-yellow) 31% 52%,color-mix(in srgb,var(--glow-yellow) 25%,transparent) 53%)}.site .ring-blue{background:radial-gradient(circle,var(--glow-blue-core) 0 30%,var(--glow-blue) 31% 52%,color-mix(in srgb,var(--glow-blue) 20%,transparent) 53%);animation-delay:-.8s}@keyframes ringPulse{50%{transform:scale(1.14)}}.site .list-mock{position:relative;margin:0;padding:20px 20px 24px;border-radius:12px;background:repeating-linear-gradient(var(--paper) 0 37px,var(--paper-rule) 37px 39px);outline:1px solid var(--ink-hair);outline-offset:-1px;font-family:var(--pen-face);color:var(--pen)}.site .mock-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:39px;font-size:24px}.site .mock-row.two{min-height:78px}.site .mock-name{color:var(--pen-faded)}.site .mock-sold,.site .sold-pill{display:inline-block;margin-left:auto;padding:3px 8px;border-radius:5px;background:var(--red);color:var(--white);font-family:var(--body);font-size:12px;font-weight:800;line-height:1.4;transform:rotate(4deg)}.site .sold-pill{margin-left:0;vertical-align:2px}.site .mock-who{flex-basis:100%;padding:0 44px 0 6px;color:var(--pen-red);font-size:24px;font-weight:700}.site .mock-who i{display:inline-block;width:13px;height:13px;margin-right:6px;border-radius:50%}.site .mock-arrow{position:absolute;right:24px;bottom:14px;color:var(--red);font-size:42px;animation:mockBob 1.1s ease-in-out infinite alternate}@keyframes mockBob{to{transform:translateY(10px)}}.site .page p.sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1em .38em;max-width:none;font-family:var(--display);font-weight:700;font-size:clamp(21px,4.4vw,54px);line-height:1.25;letter-spacing:-.03em}.site .sum i{color:var(--muted);font-style:normal;font-weight:500}.site .sum-banked,.site .sum-style{text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:.16em;text-underline-offset:.14em;text-decoration-skip-ink:none}.site .sum-style{text-decoration-color:var(--yellow)}.site .tricks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}.site .trick-art{display:grid;place-items:end center;height:200px;padding:18px 12px 0;overflow:hidden;border-radius:var(--radius);background:var(--panel)}.site .trick-art img{width:auto;max-height:172px;object-fit:contain;transition:transform .35s var(--ease)}.site .trick:hover .trick-art img{transform:translateY(-6px)}.site .trick h4{margin:14px 0 6px;font-weight:800;font-size:18px;line-height:1.3}.site .trick p{font-size:15.5px;line-height:1.5}.site .page .trick-keys{margin-bottom:8px;color:var(--muted);font-size:14px}.site .page .trick-pay{margin-top:8px;font:600 13px/1.4 var(--mono)}.site .picker{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:repeat(var(--n),auto) 1fr;column-gap:clamp(24px,4vw,56px);row-gap:2px;align-items:start}.site .pick{display:contents}.site .pick-head{position:relative;grid-column:1;display:flex;align-items:flex-start;gap:14px;width:100%;padding:12px 14px;border:0;border-radius:14px;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:background .2s,color .2s}.site .pick-head:hover{color:var(--ink)}.site .pick.active .pick-head{background:var(--panel);color:var(--ink)}.site .pick-text{display:grid;gap:2px;min-width:0}.site .pick-text b{color:var(--ink);font-weight:800;font-size:18px;line-height:1.3}.site .pick-text span{font-size:15.5px;line-height:1.45}.site .pick-n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ink-faint);color:var(--ink);font:600 12.5px/1 var(--mono);transition:background .2s,color .2s,box-shadow .2s}.site .pick.active .pick-n{background:var(--ink);box-shadow:none;color:var(--white)}.site .pick-icon{flex:none;width:38px;height:38px;transition:transform .25s var(--ease)}.site .pick-icon img{width:100%;height:100%}.site .pick-head:hover .pick-icon,.site .pick.active .pick-icon{transform:rotate(-6deg) scale(1.08)}.site .pick-swatch{flex:none;width:14px;height:14px;margin-top:5px;border-radius:50%;background:var(--slice)}.site .pick-body{grid-column:2;grid-row:1 / -1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s}.site .pick.active .pick-body{opacity:1;visibility:visible;transform:none;transition-delay:0s}.site .pick-body .shot{margin-bottom:16px}.site .pick-body p{max-width:58ch;margin:0}.site .pick-body p+p{margin-top:10px}.site .ev-art{display:grid;place-items:center;aspect-ratio:16 / 9;min-height:0;margin-bottom:16px;overflow:hidden;border-radius:var(--radius);background:var(--slice);color:var(--white)}.site .ev-art svg{width:30%;height:auto;overflow:visible}@media(min-width:861px){.site .picker.auto .pick.active .pick-head:after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;background:var(--ink-faint);transform-origin:0 50%;animation:pickTimer 6s linear both}.site .picker.auto:is(:hover,:focus-within,.away) .pick.active .pick-head:after{animation-play-state:paused}}@keyframes pickTimer{0%{transform:scaleX(0)}}.site .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.site .chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--white);color:var(--ink);font:700 14.5px/1.2 var(--body);cursor:pointer;box-shadow:0 3px 0 var(--ground-2);transition:background .15s,box-shadow .15s,color .15s,transform .12s}.site .chip span{font:500 11.5px/1 var(--mono);opacity:.6}.site .chip:hover{background:var(--panel)}.site .chip:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ground-2)}.site .chip[aria-pressed=true]{background:var(--green);box-shadow:0 3px 0 var(--green-deep)}.site .item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin:0;padding:0;list-style:none}.site .item[hidden]{display:none}.site .item-grid.sift .item{animation:riseIn .3s var(--ease) both;animation-delay:calc(min(var(--i, 0),14)*16ms)}.site .item-tile{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:14px 10px 12px;overflow:hidden;border:0;border-radius:14px;background:var(--panel);color:var(--ink);font-family:var(--body);text-align:center;cursor:pointer}.site .item-tile img{width:74%;aspect-ratio:1;object-fit:contain;transition:transform .3s var(--ease)}.site .item-tile:hover img{transform:translateY(-3px) scale(1.05)}.site .item-name{margin-top:8px;font-weight:700;font-size:14.5px;line-height:1.25}.site .item-where{margin-top:2px;color:var(--muted);font-size:12.5px;line-height:1.3}.site .item-points{position:absolute;top:8px;right:8px;z-index:1;min-width:28px;padding:3px 6px;border-radius:7px;background:var(--white);font:600 12px/1.2 var(--mono)}.site .item-bulky{position:absolute;top:8px;left:8px;z-index:1;padding:3px 6px;border-radius:7px;background:var(--orange);font-weight:800;font-size:11px;line-height:1.2}.site .item-note{position:absolute;inset:0;display:grid;place-items:center;padding:30px 12px 12px;background:var(--ink);color:var(--white);font-size:14px;line-height:1.4;opacity:0;transition:opacity .18s}.site .item-tile[aria-pressed=true] .item-note{opacity:1}.site .item-tile[aria-pressed=true] .item-points{background:var(--yellow)}.site .tips{columns:2;column-gap:clamp(28px,5vw,64px);margin:0;padding:0;list-style:none;counter-reset:tip}.site .tips li{display:grid;grid-template-columns:30px minmax(0,1fr);padding:13px 0;border-top:1px solid var(--ink-hair);break-inside:avoid;counter-increment:tip}.site .tips li:before{content:counter(tip,decimal-leading-zero);padding-top:5px;color:var(--muted);font:500 11.5px/1.4 var(--mono)}.site .tips p{font-size:16px;line-height:1.5}.site .back-cover{max-width:var(--wide);margin:0 auto;padding:clamp(64px,9vw,120px) var(--gutter) 32px}.site-manual .back-cover{padding-top:0}.site .back-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:end;gap:24px;overflow:hidden;padding:clamp(28px,5vw,64px) clamp(24px,5vw,64px) 0;border-radius:28px;background:var(--green)}.site .back-copy{align-self:center;padding-bottom:clamp(28px,5vw,64px)}.site .back-cover h2{margin:0 0 10px;font-family:var(--display);font-weight:800;font-size:clamp(32px,4.6vw,60px);line-height:1.05;letter-spacing:-.035em}.site .back-copy p{margin:0 0 28px;font-size:19px}.site .back-card .btn-play{background:var(--ink);color:var(--white);box-shadow:0 3px #000}.site .back-card .btn-play:hover{background:#2a2c30;box-shadow:0 4px #000}.site .back-card .btn-play:active{box-shadow:0 1px #000}.site .back-card .btn:not(.btn-play){background:var(--white);box-shadow:0 3px 0 var(--green-deep)}.site .back-card .btn:not(.btn-play):hover{background:var(--white);box-shadow:0 4px 0 var(--green-deep)}.site .back-card .btn:not(.btn-play):active{box-shadow:0 1px 0 var(--green-deep)}.site .back-figure img{width:auto;max-height:320px;margin:0 auto -6px}.site .credits{margin:28px 0 0;color:var(--muted);font-size:14px;text-align:center}.site.reveal-on .reveal{opacity:0;transform:translateY(16px)}.site.reveal-on .reveal.in{opacity:1;transform:none;transition:opacity .55s var(--ease),transform .55s var(--ease);transition-delay:calc(var(--i, 0) * 70ms)}@media(max-width:1023px){.site .manual{grid-template-columns:minmax(0,1fr)}.site .nav-burger{display:inline-flex}.site .toc{position:fixed;top:var(--topbar);left:0;right:0;z-index:45;max-height:calc(100dvh - var(--topbar));padding:16px var(--gutter) 24px;border-bottom:1px solid var(--ink-hair);background:var(--page);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s .2s}.site.toc-open .toc{opacity:1;visibility:visible;transform:none;transition-delay:0s}.site.toc-open:before{content:"";position:fixed;inset:0;z-index:40;background:var(--ink-shade);animation:fadeIn .2s ease both}.site .toc-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.site .toc-part{grid-column:1 / -1}.site .toc-play{display:none}.site .extras{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.site .cover{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:calc(var(--topbar) + 20px)}.site .cover-stage{min-height:400px}.site .spread,.site .spread.flip,.site .controls{grid-template-columns:minmax(0,1fr)}.site .spread.flip>:first-child{order:0}.site .controls-art{position:static;min-height:320px}.site .controls-side{display:contents}.site .tabs{order:-1;justify-self:start;margin-bottom:0}.site .controls-lists>[hidden]{display:none}.site .tricks{grid-template-columns:repeat(2,minmax(0,1fr))}.site .picker{display:block}.site .pick{display:block;border-top:1px solid var(--ink-hair)}.site .pick:last-child{border-bottom:1px solid var(--ink-hair)}.site .pick-head,.site .pick.active .pick-head{padding:14px 36px 14px 0;border-radius:0;background:none}.site .pick-head:before{content:"";position:absolute;top:22px;right:6px;width:8px;height:8px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s var(--ease)}.site .pick.active .pick-head:before{transform:translateY(4px) rotate(-135deg)}.site .pick-body{display:none;padding:2px 0 22px;opacity:1;visibility:visible;transform:none;transition:none}.site .pick.active .pick-body{display:block;animation:riseIn .3s var(--ease) both}}@media(max-width:640px){.site .steps,.site .columns{grid-template-columns:minmax(0,1fr)}.site .rules>div{grid-template-columns:minmax(0,1fr)}.site .tips{columns:1}.site .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.site .spread-copy>.stats{grid-template-columns:minmax(0,1fr)}.site .toc-links{grid-template-columns:minmax(0,1fr)}.site .item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.site .item-tile{padding:12px 6px 10px}.site .item-name{font-size:13.5px}.site .back-card{grid-template-columns:minmax(0,1fr)}.site .back-copy{padding-bottom:0}.site .back-figure img{max-height:220px}}@media(max-width:560px){.site{font-size:16px}.site .topbar-title{display:none}.site .nav-logo{width:50px}.site .cover-logo{width:min(250px,70%)}.site .cover-stage{min-height:360px}.site .btn-big{flex:1 1 auto}.site .extras{gap:28px 16px}.site .extras b{font-size:16.5px}.site .control-list div{grid-template-columns:minmax(0,1fr);gap:4px}.site .trick-art{height:160px}.site .trick-art img{max-height:136px}.site .list-tile .hud-list{zoom:.78}}@media(prefers-reduced-motion:reduce){html.on-site{scroll-behavior:auto}.site *,.site *:before,.site *:after{animation:none!important;transition:none!important}}