:root{--wood-black: #150d06;--wood-deep: #29190c;--wood-dark: #402611;--wood-mid: #6b4526;--wood-lite: #8a5c33;--wood-hi: #a97844;--brass: #c8a04a;--brass-hi: #e8cf8a;--brass-lo: #7d6128;--gold-text: #d9b877;--paper: #ede0be;--paper-hi: #f7eed4;--paper-dim: #d8c69c;--paper-line: #b39a6f;--ink: #3a2a15;--ink-soft: #7a6440;--panel: #241c12;--panel-deep: #16110a;--panel-hi: #33291a;--cream: #f2e7cc;--orange: #b8481f;--orange-hi: #d4622c;--orange-lo: #7d2f10;--rust: #c8501f;--amber: #d99a2b;--amber-hi: #f0bd57;--bulb: #ffe8b0;--green: #4e6b30;--green-hi: #6e8f47;--green-lo: #33481e;--red: #a63a26;--red-hi: #cd5638;--red-lo: #6e2113;--p1: #d4552a;--p2: #e8992e;--p3: #cfd042;--p4: #7ba33a;--p5: #9878c4;--p6: #c94a35;--p7: #5fb3ae;--p8: #63c6c9;--p9: #8f63c4;--p10: #ddd3bc;--font-display: "Anton", "Noto Sans Thai", sans-serif;--font-head: "Oswald", "Noto Sans Thai", sans-serif;--font-body: "Oswald", "Noto Sans Thai", sans-serif;--font-input: "Roboto", "Noto Sans Thai", system-ui, sans-serif;--font-num: "Oswald", "Noto Sans Thai", sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;--r-sm: 5px;--r-md: 10px;--r-lg: 18px;--r-xl: 26px;--tap: 56px;--chrome-top: 10px;--chrome-h: 50px;--chrome-gap: 10px;--brass-ring: 0 0 0 1px rgba(0, 0, 0, .7), 0 0 0 3px var(--brass), 0 0 0 4px rgba(0, 0, 0, .55);--bevel-up: inset 0 2px 0 rgba(255, 214, 160, .3), inset 0 -4px 8px rgba(0, 0, 0, .45), 0 4px 10px rgba(0, 0, 0, .5);--bevel-in: inset 0 4px 12px rgba(0, 0, 0, .85), inset 0 -2px 0 rgba(255, 214, 160, .12)}:root[data-fonts=marquee]{--font-display: "Bowlby One SC", sans-serif}:root[data-fonts=slab]{--font-display: "Alfa Slab One", serif;--font-head: "Roboto Slab", serif;--font-num: "Roboto Slab", serif}.tex-wood{background-color:var(--wood-mid);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02 0.6' numOctaves='4' seed='7'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23w)' opacity='0.35'/%3E%3C/svg%3E"),repeating-linear-gradient(93deg,#00000021,#0000 5px,#ffcd9609 9px,#00000012 16px,#0000 27px),linear-gradient(163deg,var(--wood-lite),var(--wood-dark) 58%,var(--wood-deep));background-blend-mode:overlay,normal,normal}.tex-wood-dark{background-color:var(--wood-deep);background-image:repeating-linear-gradient(91deg,#0000004d,#0000 3px,#be8c550d 5px,#0000 10px),linear-gradient(172deg,var(--wood-dark),var(--wood-black))}.tex-paper{background-color:var(--paper);background-image:radial-gradient(ellipse at 18% 12%,rgba(160,120,60,.1),transparent 48%),radial-gradient(ellipse at 84% 82%,rgba(140,100,50,.13),transparent 52%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.14'/%3E%3C/svg%3E")}.tex-panel{background-color:var(--panel);background-image:linear-gradient(180deg,#ffdca00f,#0006 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E")}.tex-crt{background-color:#24403f;background-image:radial-gradient(ellipse 90% 55% at 22% -14%,rgba(255,255,255,.2),rgba(255,255,255,.05) 45%,transparent 68%),radial-gradient(ellipse 40% 22% at 78% 104%,rgba(120,200,190,.1),transparent 70%),radial-gradient(ellipse at 50% 46%,#2e5250,#16292b 76%)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--cream);background-color:var(--wood-black);background-image:repeating-linear-gradient(91deg,#00000057 0,#0000 3px,#b482500a 6px,#0000 11px),radial-gradient(ellipse at 50% -10%,var(--wood-dark),var(--wood-black) 72%);background-attachment:fixed;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}input{font:inherit}.cabinet{position:relative;border-radius:var(--r-xl);padding:14px;border:1px solid rgba(0,0,0,.75);box-shadow:var(--bevel-up),0 16px 40px #0009}.cabinet:before{content:"";position:absolute;inset:6px;border-radius:calc(var(--r-xl) - 5px);border:2px solid var(--brass);box-shadow:inset 0 0 0 1px #00000080,0 0 0 1px #00000080,inset 0 1px #fff0c880;opacity:.85;pointer-events:none}.cabinet.flat{padding:10px;border-radius:var(--r-lg)}.cabinet.flat:before{inset:4px;border-radius:calc(var(--r-lg) - 3px)}.inset{border-radius:var(--r-md);box-shadow:var(--bevel-in),0 0 0 1px #000c,0 0 0 2px #c9a04a47;overflow:hidden}.inset.paper{color:var(--ink)}.inset.crt{border-radius:var(--r-lg);box-shadow:inset 0 6px 22px #000000e6,inset 0 -4px 14px #000000b3,0 0 0 2px #000000d9,0 0 0 5px var(--wood-lite),0 0 0 6px #0009}.pill{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 18px;border-radius:999px;background:linear-gradient(180deg,#241a10,#100a05);border:1px solid rgba(0,0,0,.8);box-shadow:inset 0 0 0 1px #c9a04a8c,0 2px 5px #0009;font-family:var(--font-head);font-weight:700;font-size:clamp(12px,1.6vw,15px);letter-spacing:.13em;text-transform:uppercase;color:var(--cream);white-space:nowrap}.pill.gold{color:var(--gold-text)}.pill.red{background:linear-gradient(180deg,var(--red),var(--red-lo));box-shadow:inset 0 0 0 1px #f0b48c66,0 2px 5px #0009}.pill.amber{background:linear-gradient(180deg,var(--amber-hi),var(--amber));color:#2a1c08;box-shadow:inset 0 0 0 1px #fff0c880,0 2px 5px #0009}.pill.sm{padding:4px 12px;font-size:11px;letter-spacing:.1em}.marquee{display:flex;justify-content:space-around;align-items:center;gap:4px;padding:4px 10px}.bulb{width:11px;height:11px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 34% 28%,#fffdf2,var(--bulb) 42%,#b8860b 100%);box-shadow:0 0 7px var(--bulb),0 0 16px #ffcd788c,inset 0 -1px 2px #00000073;animation:bulb-chase 1.6s steps(1) infinite}.bulb.sm{width:7px;height:7px;box-shadow:0 0 5px var(--bulb),0 0 11px #ffcd7880}.bulb:nth-child(2n){animation-delay:.4s}.bulb:nth-child(3n){animation-delay:.8s}.bulb:nth-child(5n){animation-delay:1.2s}@keyframes bulb-chase{0%,62%{opacity:1}63%,to{opacity:.38;filter:saturate(.5)}}.bulb-frame{position:relative}.bulb-frame>.bulb-edge{position:absolute;inset:5px;pointer-events:none}.bulb-edge>span{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fffdf2,var(--bulb) 45%,#a8791a 100%);box-shadow:0 0 6px var(--bulb),0 0 12px #ffcd7899;animation:bulb-chase 1.6s steps(1) infinite}@media(prefers-reduced-motion:reduce){.bulb,.bulb-edge>span{animation:none}}.brass{padding:4px;border-radius:calc(var(--r-md) + 4px);background:linear-gradient(180deg,var(--brass-hi),var(--brass) 45%,var(--brass-lo));box-shadow:0 2px 5px #000000a6,inset 0 1px #fff5d7b3}.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:var(--tap);padding:12px 20px;border-radius:var(--r-md);font-family:var(--font-display);font-size:clamp(17px,2.4vw,23px);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);text-shadow:0 2px 3px rgba(0,0,0,.75);background:linear-gradient(180deg,var(--orange-hi),var(--orange) 52%,var(--orange-lo));border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 2px #ffdcbe66,inset 0 -5px 10px #0006,0 3px #00000080,0 6px 12px #00000073;transition:transform 80ms,box-shadow 80ms,filter .12s}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffdcbe40,inset 0 -2px 6px #00000073,0 0 #00000080}.btn:disabled{filter:grayscale(.6) brightness(.6);cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--bulb);outline-offset:4px}.btn.green{background:linear-gradient(180deg,var(--green-hi),var(--green) 52%,var(--green-lo))}.btn.red{background:linear-gradient(180deg,var(--red-hi),var(--red) 52%,var(--red-lo))}.btn.amber{background:linear-gradient(180deg,var(--amber-hi),var(--amber) 52%,#8f6414);color:#2a1c08;text-shadow:0 1px 0 rgba(255,240,200,.35)}.btn.wood{background:linear-gradient(180deg,var(--wood-hi),var(--wood-mid) 52%,var(--wood-dark));color:var(--gold-text)}.btn.dark{background:linear-gradient(180deg,var(--panel-hi),var(--panel-deep));color:var(--gold-text)}.btn.lg{min-height:74px;font-size:clamp(22px,5.5vw,34px)}.btn.sm{min-height:44px;font-size:14px;padding:8px 12px;letter-spacing:.08em}.flip{display:inline-flex;gap:5px}.flip-d{position:relative;min-width:.78em;padding:8px 6px;border-radius:5px;font-family:var(--font-display);text-align:center;color:var(--paper-hi);background:linear-gradient(180deg,#3b342b 0 49.5%,#191512 50.5% 100%);border:1px solid rgba(0,0,0,.8);box-shadow:inset 0 1px #fff0d233,0 2px 4px #000000b3;text-shadow:0 2px 4px rgba(0,0,0,.9)}.flip-d:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:2px;background:#000000d9;box-shadow:0 1px #fff0d21f}.flip-d.tick{animation:flip-tick .22s ease-out}@keyframes flip-tick{0%{transform:rotateX(-72deg);filter:brightness(1.8)}to{transform:rotateX(0);filter:brightness(1)}}.flip.urgent .flip-d{color:#ffd6c6;background:linear-gradient(180deg,#5c2015 0 49.5%,#2a0c06 50.5% 100%)}.flip.lg .flip-d{font-size:clamp(46px,16vw,82px);padding:10px 12px;border-radius:7px}.flip.sep{align-items:center}.flip .colon{font-family:var(--font-display);padding:0 1px;color:var(--paper-hi)}.pips{display:inline-flex;gap:8px}.pip{width:16px;height:16px;border-radius:50%;border:2px solid var(--brass);background:#00000080;box-shadow:inset 0 1px 3px #000c}.pip.on{background:radial-gradient(circle at 35% 30%,var(--amber-hi),var(--amber) 65%);box-shadow:0 0 8px #e6a032d9,inset 0 1px #fff0c899}.pips.red .pip.on{background:radial-gradient(circle at 35% 30%,#e8735a,var(--red) 65%);box-shadow:0 0 8px #c8462de6}.pips.sm .pip{width:11px;height:11px;border-width:1.5px;gap:5px}.chip{display:flex;align-items:center;gap:10px;min-height:46px;padding:5px 12px 5px 5px;border-radius:var(--r-sm);background:linear-gradient(180deg,#ffe6be17,#0000006b);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 1px #ffdcaa29;font-family:var(--font-head);font-weight:600;letter-spacing:.05em}.chip .swatch{width:34px;height:34px;flex:0 0 auto;border-radius:4px;display:grid;place-items:center;font-family:var(--font-display);font-size:17px;color:#000000ad;box-shadow:inset 0 2px #fff6,inset 0 -3px 5px #00000059,0 1px 2px #000000b3}.chip .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.chip .num{font-family:var(--font-display);font-size:15px;color:var(--paper-dim)}.chip.dim{opacity:.42}.chip.me{box-shadow:inset 0 1px #ffdcaa29,0 0 0 2px var(--brass)}.board-grid{display:grid;grid-template-columns:repeat(10,1fr);grid-auto-rows:1fr;gap:2px;padding:3px;background:var(--paper-line)}.board-grid .tile{aspect-ratio:auto;min-height:0}.tile-grid{overflow:hidden}.tile{position:relative;display:grid;place-items:center;aspect-ratio:1.45;font-family:var(--font-display);color:var(--ink);background:linear-gradient(180deg,var(--paper-hi),var(--paper));container-type:inline-size;overflow:hidden}.tile.danger{color:var(--paper-hi);background:linear-gradient(180deg,#d4602c,var(--rust));text-shadow:0 1px 2px rgba(80,25,5,.6)}.tile.taken{color:var(--paper-hi);background:linear-gradient(180deg,#2c2113,#120c06);box-shadow:inset 0 2px 7px #000000e6}.tile .rank-n{font-size:40cqw;line-height:1}.tile .entry{position:absolute;inset:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px;text-align:center;text-transform:uppercase;line-height:1.02;font-family:var(--font-head);font-weight:700;font-size:11cqw;color:var(--paper)}.tile .entry .n{font-family:var(--font-display);font-size:26cqw;color:var(--brass-hi);line-height:.9}.tile.flash{animation:tile-flash .76s ease-out;z-index:5}.tile.flash.quiet{animation-duration:.33s}@keyframes tile-flash{0%{transform:scale(1.9);filter:brightness(3.2);box-shadow:0 0 70px var(--bulb)}55%{transform:scale(1.14);filter:brightness(1.7)}to{transform:scale(1);filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.tile.flash{animation:none}}.verdict{--vc: var(--green);--vc-lo: var(--green-lo);position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px;border-radius:var(--r-lg);text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--vc) 88%,#fff 6%),var(--vc-lo));border:1px solid rgba(0,0,0,.7);box-shadow:var(--bevel-up),0 0 40px color-mix(in srgb,var(--vc) 40%,transparent);animation:verdict-in .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.verdict.dup{--vc: var(--amber);--vc-lo: #8a5f13}.verdict.miss{--vc: var(--red);--vc-lo: var(--red-lo)}.verdict.pass{--vc: #56503f;--vc-lo: #2b2720}.verdict .banner{position:relative;width:100%;padding:12px 26px;border-radius:var(--r-md);background:linear-gradient(180deg,color-mix(in srgb,var(--vc) 70%,#000 12%),var(--vc-lo));border:1px solid rgba(0,0,0,.6);font-family:var(--font-display);font-size:clamp(24px,8vw,40px);letter-spacing:.02em;color:var(--bulb);text-shadow:0 3px 4px rgba(0,0,0,.8)}.verdict.dup .banner{color:#2a1c08;text-shadow:0 2px 2px rgba(255,235,190,.35)}.verdict .body{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 14px 20px;border-radius:var(--r-md);background:linear-gradient(180deg,#0000008c,#000000c7);box-shadow:inset 0 0 0 1px #c9a04a59,inset 0 3px 10px #000000b3}.verdict .entry-name{width:100%;padding-bottom:10px;border-bottom:1px solid rgba(201,160,74,.3);font-family:var(--font-display);font-size:clamp(18px,5.5vw,28px);letter-spacing:.02em;color:var(--paper-hi);text-transform:uppercase}.verdict .cap{font-family:var(--font-head);font-weight:700;font-size:13px;letter-spacing:.16em;color:var(--brass-hi)}.verdict .big-n{font-family:var(--font-display);font-size:clamp(64px,26vw,118px);line-height:.86;color:var(--paper-hi);text-shadow:0 5px 0 rgba(0,0,0,.55);-webkit-text-stroke:2px rgba(0,0,0,.35)}.verdict .foot{font-family:var(--font-display);font-size:clamp(17px,5vw,25px);color:var(--paper-hi);letter-spacing:.03em}.verdict .orn{position:absolute;opacity:.5;pointer-events:none}@keyframes verdict-in{0%{transform:scale(.72) translateY(28px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.strike-flash{position:fixed;inset:0;z-index:90;pointer-events:none;background:var(--red);animation:strike-flash .62s ease-out forwards}@keyframes strike-flash{0%{opacity:.92}to{opacity:0}}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.swatch-btn{aspect-ratio:1;min-height:46px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 3px #ffffff73,inset 0 -4px 8px #00000059,0 2px 4px #000000b3;transition:transform .12s}.swatch-btn[aria-pressed=true]{border-color:var(--bulb);transform:scale(1.14);box-shadow:0 0 0 3px #ffe8b066,inset 0 3px #ffffff8c}.field{width:100%;min-height:var(--tap);padding:12px 16px;border-radius:var(--r-md);font-family:var(--font-input);font-size:21px;color:var(--cream);background:linear-gradient(180deg,#00000080,#000000b8);border:2px solid var(--brass);box-shadow:inset 0 2px 8px #000c}.field::placeholder{color:#d8c69c73}.field:focus{outline:3px solid var(--bulb);outline-offset:2px}.field.on-paper{color:var(--ink);background:linear-gradient(180deg,var(--paper-hi),var(--paper));border-color:#8c6e3ccc;box-shadow:inset 0 2px 5px #78552859}.code-boxes{display:flex;gap:10px;justify-content:center}.code-box{width:100%;max-width:76px;aspect-ratio:.84;text-align:center;text-transform:uppercase;font-family:var(--font-display);font-size:clamp(30px,10vw,44px);color:var(--paper-hi);background:linear-gradient(180deg,#3b342b 0 49.5%,#191512 50.5% 100%);border:1px solid rgba(0,0,0,.8);border-radius:6px;box-shadow:inset 0 1px #fff0d233,0 2px 5px #000000b3}.code-box:focus{outline:3px solid var(--bulb);outline-offset:2px}.ticker{display:flex;gap:10px;padding:8px;overflow-x:auto;scrollbar-width:none}.ticker::-webkit-scrollbar{display:none}.ticker-cell{display:flex;align-items:center;gap:12px;flex:1 0 auto;padding:10px 18px;border-radius:var(--r-md);background:linear-gradient(180deg,#0000004d,#0000008c);box-shadow:inset 0 1px #ffdcaa2e,inset 0 0 0 1px #00000080}.ticker-cell .t1{font-family:var(--font-display);font-size:15px;letter-spacing:.05em;color:var(--paper-hi)}.ticker-cell .t2{font-family:var(--font-head);font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--gold-text)}.cat-row{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap);padding:10px 14px;border-radius:var(--r-sm);border:1px solid rgba(0,0,0,.55);box-shadow:inset 0 2px #fff0d247,inset 0 -3px 7px #0000004d,0 2px 4px #00000080;font-family:var(--font-display);font-size:clamp(14px,3.6vw,18px);letter-spacing:.03em;text-transform:uppercase;color:var(--paper-hi);text-shadow:0 1px 2px rgba(0,0,0,.6);text-align:left}.cat-row[aria-pressed=true]{outline:3px solid var(--bulb);outline-offset:2px}.cat-row .meta{font-family:var(--font-head);font-weight:600;font-size:10px;letter-spacing:.1em;opacity:.85;text-transform:uppercase}.podium{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:end;gap:8px}.podium-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:14px 6px;border-radius:var(--r-sm) var(--r-sm) 0 0;background:linear-gradient(180deg,#ffe6be24,#00000073);box-shadow:inset 0 1px #ffdcaa4d}.podium-col .pname{font-family:var(--font-display);font-size:clamp(14px,3.8vw,20px);letter-spacing:.03em;text-transform:uppercase;color:var(--paper-hi);text-shadow:0 2px 3px rgba(0,0,0,.6)}.podium-col .pscore{font-family:var(--font-display);font-size:clamp(28px,9vw,48px);line-height:1;color:var(--paper-hi);text-shadow:0 3px 0 rgba(0,0,0,.5)}.podium-col .pmedal{font-family:var(--font-display);font-size:13px;color:var(--brass-hi);letter-spacing:.1em}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0;min-height:0}.center{display:grid;place-items:center}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}body.has-top-chrome .screen{padding-top:calc(var(--chrome-top) + var(--chrome-h) + var(--chrome-gap))}.screen.fit{height:100dvh}.screen.fit .cabinet>.inset,.scroll>.inset{flex-shrink:0}@media(max-height:660px){.play-hint{display:none}}.bottom-third{margin-top:auto;padding-top:12px}.label{font-family:var(--font-head);font-weight:700;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-text)}.label.on-paper{color:var(--ink)}.provenance{font-family:var(--font-head);font-weight:600;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--paper-dim)}.display{font-family:var(--font-display);letter-spacing:.02em}.logo{position:relative;display:inline-block;font-family:var(--font-display);font-size:clamp(50px,16vw,120px);line-height:1.02;letter-spacing:.015em;text-align:center;text-transform:uppercase;transform:rotate(-2.5deg)}.logo .line{position:relative;display:block}.logo .base{color:var(--orange-hi);text-shadow:0 0 4px rgba(255,200,120,.8),0 0 26px rgba(224,122,60,.7),2px 3px 0 var(--orange-lo),4px 6px 0 rgba(0,0,0,.6),7px 10px 16px rgba(0,0,0,.6);-webkit-text-stroke:2px rgba(90,35,10,.55);paint-order:stroke fill}.logo .studs{position:absolute;inset:0;background-image:radial-gradient(circle,#fffdf4 .032em,rgba(255,235,190,.5) .046em,transparent .056em);background-size:.165em .165em;background-position:center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 4px rgba(255,225,160,.9));pointer-events:none}.speaker{height:54px;border-radius:var(--r-md);background-color:var(--wood-dark);background-image:radial-gradient(circle,rgba(0,0,0,.55) 1.3px,transparent 1.6px);background-size:7px 7px;box-shadow:var(--bevel-in)}.knob{width:38px;height:38px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 35% 30%,var(--brass-hi),var(--brass) 50%,var(--brass-lo));box-shadow:0 2px 5px #000000b3,inset 0 -3px 6px #0006}.spin{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.toast{position:fixed;left:50%;top:64px;transform:translate(-50%);z-index:100;padding:12px 22px;border-radius:var(--r-md);background:var(--red);color:var(--cream);font-family:var(--font-display);letter-spacing:.05em;box-shadow:0 6px 20px #000000b3}.scroll{overflow-y:auto;scrollbar-width:thin;min-height:0}.invite-bar{position:fixed;left:10px;top:var(--chrome-top);z-index:70;height:var(--chrome-h);display:flex;align-items:center;gap:2px;padding:3px;border-radius:var(--r-md);background:linear-gradient(180deg,var(--wood-hi),var(--wood-mid) 52%,var(--wood-dark));box-shadow:inset 0 0 0 1px var(--brass),0 2px 6px #0009}.invite-bar button{min-height:44px;min-width:44px;display:grid;place-items:center;padding:0 8px;color:var(--gold-text);border-radius:var(--r-sm)}.invite-bar button:active{background:#00000059}.invite-bar .code{font-family:var(--font-display);font-size:19px;letter-spacing:.12em;color:var(--paper-hi);padding:0 10px}.btn.host-chip{position:fixed;right:10px;top:var(--chrome-top);z-index:70;width:auto;min-height:var(--chrome-h)}.qr-overlay{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background:#000000db}.sheet>*{flex-shrink:0}