@font-face{font-family:Bowlby One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bowlby-one-latin-400-normal-BlBlciR_.woff2)format("woff2"),url(/assets/bowlby-one-latin-400-normal-DAczUCp_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body,#root{height:100%;margin:0;padding:0}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}#game-canvas{z-index:1;touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}@keyframes collapse-shake{0%{transform:translate(0)rotate(0)}10%{transform:translate(-8px,5px)rotate(-1deg)}22%{transform:translate(7px,-6px)rotate(1deg)}34%{transform:translate(-6px,5px)rotate(-.8deg)}46%{transform:translate(5px,-4px)rotate(.7deg)}58%{transform:translate(-4px,3px)rotate(-.5deg)}70%{transform:translate(3px,-2px)rotate(.4deg)}82%{transform:translate(-2px,1px)rotate(-.2deg)}92%{transform:translate(1px,-1px)rotate(.1deg)}to{transform:translate(0)rotate(0)}}#game-canvas.collapse-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both collapse-shake}@media (prefers-reduced-motion:reduce){#game-canvas.collapse-shake{animation:none}}.lobby,.end{z-index:10;position:relative}:root{--paper:oklch(96% .022 88);--paper-2:oklch(92.5% .03 86);--card:oklch(99.2% .008 88);--text:oklch(23% .04 262);--text-2:oklch(40% .035 262);--edge:oklch(23% .04 262);--primary:oklch(85% .165 88);--on-primary:oklch(23% .04 262);--danger:oklch(58% .2 30);--safe:oklch(58% .13 160);--wobbly:oklch(66% .15 65);--p1:oklch(64% .19 33);--p2:oklch(56% .16 258);--p3:oklch(84% .16 86);--p4:oklch(74% .12 162);--p5:oklch(58% .15 318);--p6:oklch(74% .16 58);--table-top:oklch(62% .09 185);--table-rim:oklch(45% .07 190);--scene-ambient:oklch(92% .035 85);--scene-ambient-intensity:.3;--scene-key:oklch(97% .02 85);--scene-key-intensity:2.6;--scene-fill:oklch(88% .03 250);--scene-fill-intensity:.38;--scene-pool-intensity:1.6;--scene-shadow:.32;--scene-wall-glow:6%;--scene-vignette:8%;--w-top:#f2d8a8;--w-front:#dca55e;--w-side:#b37e3e;--w-back:#c89052;--w-left:#96652f;--bw:2.5px;--r-sm:8px;--r:14px;--r-lg:22px;--lift:4px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.64, 0, .78, 0);--dur-press:.11s;--dur-state:.22s;--dur-enter:.48s;--dur-exit:.2s;--dark-paper:oklch(21% .03 262);--dark-paper-2:oklch(17% .028 262);--dark-card:oklch(28% .035 262);--dark-text:oklch(95% .02 88);--dark-text-2:oklch(80% .025 88);--dark-edge:oklch(10% .02 262);--dark-primary:oklch(83% .15 86);--dark-on-primary:oklch(20% .03 262);--dark-danger:oklch(70% .17 30);--dark-safe:oklch(76% .12 160);--dark-wobbly:oklch(80% .14 70);--dark-p1:oklch(70% .19 33);--dark-p2:oklch(62% .16 258);--dark-p3:oklch(90% .16 86);--dark-p4:oklch(80% .12 162);--dark-p5:oklch(64% .15 318);--dark-p6:oklch(80% .16 58);--dark-table-top:oklch(40% .06 190);--dark-table-rim:oklch(28% .045 195);--dark-scene-ambient:oklch(30% .045 258);--dark-scene-ambient-intensity:.12;--dark-scene-key:oklch(78% .1 65);--dark-scene-key-intensity:1;--dark-scene-fill:oklch(38% .05 250);--dark-scene-fill-intensity:.12;--dark-scene-pool-intensity:0;--dark-scene-shadow:.55;--dark-scene-wall-glow:22%;--dark-scene-vignette:20%;--dark-w-top:#e3bc7e;--dark-w-front:#c08a46;--dark-w-side:#8f6128;--dark-w-back:#a87a3e;--dark-w-left:#6e4a1e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:var(--dark-paper);--paper-2:var(--dark-paper-2);--card:var(--dark-card);--text:var(--dark-text);--text-2:var(--dark-text-2);--edge:var(--dark-edge);--primary:var(--dark-primary);--on-primary:var(--dark-on-primary);--danger:var(--dark-danger);--safe:var(--dark-safe);--wobbly:var(--dark-wobbly);--p1:var(--dark-p1);--p2:var(--dark-p2);--p3:var(--dark-p3);--p4:var(--dark-p4);--p5:var(--dark-p5);--p6:var(--dark-p6);--table-top:var(--dark-table-top);--table-rim:var(--dark-table-rim);--scene-ambient:var(--dark-scene-ambient);--scene-ambient-intensity:var(--dark-scene-ambient-intensity);--scene-key:var(--dark-scene-key);--scene-key-intensity:var(--dark-scene-key-intensity);--scene-fill:var(--dark-scene-fill);--scene-fill-intensity:var(--dark-scene-fill-intensity);--scene-pool-intensity:var(--dark-scene-pool-intensity);--scene-shadow:var(--dark-scene-shadow);--scene-wall-glow:var(--dark-scene-wall-glow);--scene-vignette:var(--dark-scene-vignette);--w-top:var(--dark-w-top);--w-front:var(--dark-w-front);--w-side:var(--dark-w-side);--w-back:var(--dark-w-back);--w-left:var(--dark-w-left)}}:root[data-theme=dark]{--paper:var(--dark-paper);--paper-2:var(--dark-paper-2);--card:var(--dark-card);--text:var(--dark-text);--text-2:var(--dark-text-2);--edge:var(--dark-edge);--primary:var(--dark-primary);--on-primary:var(--dark-on-primary);--danger:var(--dark-danger);--safe:var(--dark-safe);--wobbly:var(--dark-wobbly);--p1:var(--dark-p1);--p2:var(--dark-p2);--p3:var(--dark-p3);--p4:var(--dark-p4);--p5:var(--dark-p5);--p6:var(--dark-p6);--table-top:var(--dark-table-top);--table-rim:var(--dark-table-rim);--scene-ambient:var(--dark-scene-ambient);--scene-ambient-intensity:var(--dark-scene-ambient-intensity);--scene-key:var(--dark-scene-key);--scene-key-intensity:var(--dark-scene-key-intensity);--scene-fill:var(--dark-scene-fill);--scene-fill-intensity:var(--dark-scene-fill-intensity);--scene-pool-intensity:var(--dark-scene-pool-intensity);--scene-shadow:var(--dark-scene-shadow);--scene-wall-glow:var(--dark-scene-wall-glow);--scene-vignette:var(--dark-scene-vignette);--w-top:var(--dark-w-top);--w-front:var(--dark-w-front);--w-side:var(--dark-w-side);--w-back:var(--dark-w-back);--w-left:var(--dark-w-left)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--text);min-height:100vh;font-family:Bricolage Grotesque Variable,Bricolage Grotesque,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:1.5}h1,h2,h3{text-wrap:balance;margin:0;font-family:Bowlby One,Bricolage Grotesque Variable,system-ui,sans-serif;font-weight:400}button{font:inherit;cursor:pointer}input,select{font:inherit;color:inherit}.surface,.btn,.card{background:var(--card);border:var(--bw) solid var(--edge);border-radius:var(--r);box-shadow:0 var(--lift) 0 var(--edge)}.btn{color:var(--text);transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out);padding:10px 20px;font-weight:800}.btn:hover:not(:disabled){box-shadow:0 5px 0 var(--edge);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--edge);transform:translateY(3px)}.btn.primary{background:var(--primary);color:var(--on-primary)}.btn.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 var(--lift) 0 var(--edge);transform:none}.btn.danger{background:var(--card);color:var(--danger);border-color:var(--danger);box-shadow:0 var(--lift) 0 var(--danger)}.btn.danger:hover:not(:disabled){box-shadow:0 5px 0 var(--danger)}.btn.danger:active:not(:disabled){box-shadow:0 1px 0 var(--danger)}.btn-link{box-shadow:none;color:var(--text-2);text-underline-offset:3px;background:0 0;border:none;padding:4px 6px;font-weight:600;text-decoration:underline}.btn-link:hover{color:var(--text)}.btn:focus-visible,.seg button:focus-visible,.icon-btn:focus-visible,.cam-btn:focus-visible,.btn-link:focus-visible{outline:2px solid var(--edge);outline-offset:2px}.chip{background:var(--card);border:var(--bw) solid var(--edge);border-radius:var(--r-lg);align-items:center;gap:7px;padding:6px 14px;display:inline-flex}.pawn{flex:none;display:block}.cam-controls{z-index:6;background:var(--paper-2);border:var(--bw) solid var(--edge);border-radius:var(--r-lg);box-shadow:0 var(--lift) 0 var(--edge);opacity:1;animation:cam-controls-in var(--dur-enter) var(--ease-out) .18s both;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;bottom:78px;left:50%}@keyframes cam-controls-in{0%{opacity:0;transform:translate(-50%,32px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.cam-controls{animation:cam-controls-fade-in var(--dur-enter) both;transform:translate(-50%)}@keyframes cam-controls-fade-in{0%{opacity:0}to{opacity:1}}}.cam-btn{border:var(--bw) solid var(--edge);background:var(--card);color:var(--text);width:36px;height:36px;box-shadow:0 2px 0 var(--edge);transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out);border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid;position:relative}.cam-btn:hover{box-shadow:0 3px 0 var(--edge);transform:translateY(-1px)}.cam-btn:active{box-shadow:0 0 0 var(--edge);transform:translateY(2px)}.cam-key{color:var(--text-2);background:var(--paper);border:1.5px solid var(--edge);border-radius:4px;place-items:center;width:14px;height:14px;font-family:Bricolage Grotesque Variable,system-ui,sans-serif;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-6px;right:-4px}.cam-sep{width:var(--bw);background:var(--edge);opacity:.3;height:22px;margin:0 4px}.lobby{min-height:100vh;padding:44px clamp(20px,6vw,80px) 90px}.lobby-head{margin-bottom:34px}.wordmark{letter-spacing:-.01em;-webkit-text-stroke:1.5px var(--edge);font-size:clamp(40px,8vw,104px);line-height:1.05}.wordmark .w-jenga{white-space:nowrap;color:var(--primary);text-shadow:3px 3px 0 var(--edge)}.wl{opacity:1;animation:wl-drop .26s var(--ease-out) both;display:inline-block}@keyframes wl-drop{0%{opacity:0;transform:translateY(-22px)}70%{opacity:1;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.wl{animation:none}}.tagline{color:var(--text-2);margin-top:10px;font-size:18px;font-weight:400}.lobby-grid{grid-template-columns:minmax(300px,5fr) minmax(340px,6fr);align-items:stretch;gap:clamp(24px,4vw,64px);margin-top:28px;display:grid}@media (width<=900px){.lobby-grid{grid-template-columns:1fr}}.preview-col{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:500px;display:flex}.preview-stage{perspective:1000px;place-items:end center;width:100%;height:480px;padding-bottom:30px;display:grid;position:relative}.preview-table{background:var(--table-top);border:var(--bw) solid var(--edge);width:440px;height:104px;box-shadow:0 var(--lift) 0 var(--edge);border-radius:50%;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.pv-cam,.pv-sway,.pv-tower,.pv-layer,.pv-inner,.pv-blk{transform-style:preserve-3d}.pv-cam{position:relative}.pv-sway{animation:7s ease-in-out infinite alternate pv-sway}@media (prefers-reduced-motion:reduce){.pv-sway{animation:none}}@keyframes pv-sway{0%{transform:rotateY(-4deg)}to{transform:rotateY(4deg)}}.pv-tower{width:0;height:0;position:relative}.pv-layer{width:0;height:0;position:absolute;bottom:0;left:0}.pv-inner.pv-drop{animation:pv-layer-drop .15s var(--ease-out) both}@keyframes pv-layer-drop{0%{transform:translateY(-130px)}72%{transform:translateY(5px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pv-inner.pv-drop{animation:none}}.pv-blk{height:26px;box-shadow:inset 0 0 0 999px rgb(255 248 235/var(--pv-light,0)), inset 0 0 0 999px rgb(35 24 10/var(--pv-shade,0)), inset 0 0 0 1px #3c230a38;position:absolute;bottom:0;left:0}.pv-even{background:repeating-linear-gradient(0deg, transparent 0 7px, #5a320a0d 7px 8px), linear-gradient(100deg, var(--w-front), color-mix(in srgb, var(--w-front) 78%, white) 55%, var(--w-front));width:108px}.pv-odd{background:linear-gradient(180deg, var(--w-back), color-mix(in srgb, var(--w-back) 82%, black));width:36px}.pv-blk:before,.pv-blk:after{content:"";filter:brightness(var(--pv-b,1));position:absolute;box-shadow:inset 0 0 0 1px #3c230a38}.pv-blk:before{transform-origin:bottom;background:repeating-linear-gradient(90deg, transparent 0 16px, #5a320a14 16px 17px), var(--w-top);width:100%;bottom:100%;left:0;transform:rotateX(90deg)}.pv-blk:after{transform-origin:0;background:linear-gradient(180deg, var(--w-side), color-mix(in srgb, var(--w-side) 80%, black));height:100%;top:0;left:100%;transform:rotateY(90deg)}.pv-even:before{height:36px}.pv-even:after{width:36px}.pv-odd:before{height:108px}.pv-odd:after{width:108px}.pv-locked:before,.pv-locked:after{filter:saturate(.45) brightness(calc(var(--pv-b,1) * .78))}.pv-shadow{background:radial-gradient(closest-side,#140c0461,#0000 70%);border-radius:50%;width:184px;height:40px;position:absolute;bottom:-14px;left:0;transform:translate(-50%)rotateX(90deg)scaleY(.5)}.score-pad{opacity:1;animation:score-pad-in var(--dur-enter) var(--ease-out) .15s both;flex-direction:column;gap:16px;padding:22px 24px 26px;display:flex}@keyframes score-pad-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.score-pad{animation:score-pad-in-reduced var(--dur-enter) both}@keyframes score-pad-in-reduced{0%{opacity:0}to{opacity:1}}}.score-pad h2{font-size:24px}.roster-list{flex-direction:column;gap:10px;display:flex}.player-row{background:var(--paper-2);border:var(--bw) solid var(--edge);border-radius:var(--r);opacity:1;grid-template-columns:28px 1fr auto auto 28px;align-items:center;gap:12px;padding:10px 14px;display:grid}.row-controls{display:contents}.player-row.pop-in{animation:row-pop-in .24s var(--ease-out) both}@keyframes row-pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.player-row.pop-in{animation:.24s both row-pop-in-reduced}@keyframes row-pop-in-reduced{0%{opacity:0}to{opacity:1}}}.player-row input[type=text]{min-width:0;color:var(--text);background:0 0;border:none;border-bottom:2px dashed #0000;padding:2px 0;font-weight:600}.player-row input[type=text]:focus{border-bottom-color:var(--edge);outline:none}.player-row input[type=text]::placeholder{color:var(--text-2)}.seg{background:var(--paper-2);border:var(--bw) solid var(--edge);border-radius:var(--r-sm);gap:2px;padding:2px;display:flex;position:relative}.seg-thumb{background:var(--card);border:1.5px solid var(--edge);border-radius:calc(var(--r-sm) - 3px);width:calc(50% - 3px);box-shadow:0 2px 0 var(--edge);transition:transform var(--dur-state) var(--ease-out), width var(--dur-state) var(--ease-out);pointer-events:none;position:absolute;top:2px;bottom:2px;left:0}.seg button{z-index:1;color:var(--text-2);border-radius:calc(var(--r-sm) - 3px);text-align:center;white-space:nowrap;transition:color var(--dur-state) var(--ease-out), transform var(--dur-press) var(--ease-out);background:0 0;border:none;flex:none;padding:4px 10px;font-size:13px;font-weight:600;position:relative}.seg button.on{color:var(--text)}.seg button:active{transform:scale(.92)}.diff{border:var(--bw) solid var(--edge);border-radius:var(--r-sm);background:var(--card);padding:4px 8px;font-size:13px;font-weight:600}.diff.hidden{visibility:hidden}.icon-btn{color:var(--text-2);transition:color var(--dur-state) var(--ease-out), transform var(--dur-press) var(--ease-out);background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:18px;font-weight:800}.icon-btn:hover{color:var(--danger)}.icon-btn:active{transform:scale(.85)}.add-row{align-self:start;margin-top:2px}.validation{color:var(--danger);min-height:20px;margin:0;font-size:14px;font-weight:600}.house-rules{flex-direction:column;gap:4px;display:flex}.house-rules h2{margin-bottom:8px;font-size:24px}.rule-row{justify-content:space-between;align-items:center;gap:16px;padding:8px 2px;display:flex}.rule-row>span:first-child{font-weight:600}.stepper{background:var(--paper-2);border:var(--bw) solid var(--edge);border-radius:var(--r-sm);align-items:center;display:inline-flex;overflow:hidden}.stepper button{color:var(--text);width:28px;transition:color var(--dur-state) var(--ease-out), transform var(--dur-press) var(--ease-out);background:0 0;border:none;padding:4px 0;font-size:16px;font-weight:800;line-height:1.3}.stepper button:hover:not(:disabled){color:var(--primary)}.stepper button:active:not(:disabled){transform:scale(.85)}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper button:focus-visible{outline:2px solid var(--edge);outline-offset:-2px}.stepper .val{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-size:15px;font-weight:600}.rule-control{align-items:center;gap:10px;display:flex}.layer-badge{font-variant-numeric:tabular-nums;background:var(--paper-2);border:var(--bw) solid var(--edge);border-radius:var(--r-sm);padding:4px 10px;font-size:14px;font-weight:600;line-height:1.3}.rule-control select{border:var(--bw) solid var(--edge);border-radius:var(--r-sm);background:var(--card);padding:4px 10px;font-size:13px;font-weight:600}.start-row{margin-top:6px}.game{min-height:100vh;position:relative;overflow:hidden}.game .table{background:radial-gradient(ellipse 55% 45% at 50% 40%, color-mix(in oklch, var(--primary) var(--scene-wall-glow), transparent), transparent 70%), radial-gradient(ellipse 140% 100% at 50% 100%, transparent 55%, color-mix(in oklch, var(--edge) var(--scene-vignette), transparent) 100%), var(--paper);position:absolute;inset:0}.game .stage{padding-bottom:20vh;position:absolute;inset:0}.hud{z-index:5;opacity:1;position:absolute}@keyframes hud-in-l{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes hud-in-r{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes hud-in-b{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hud{animation:hud-fade-in var(--dur-enter) both!important}@keyframes hud-fade-in{0%{opacity:0}to{opacity:1}}}.hud-turn{animation:hud-in-l var(--dur-enter) var(--ease-out) both;flex-direction:column;gap:8px;display:flex;top:22px;left:24px}.turn-chip{background:var(--card);border:var(--bw) solid var(--edge);border-radius:var(--r);box-shadow:0 var(--lift) 0 var(--edge);align-items:center;gap:12px;padding:10px 18px;display:flex;transform:rotate(-1.5deg)}.turn-chip .name{opacity:1;animation:name-in .22s var(--ease-out) both;font-family:Bowlby One,sans-serif;font-size:22px;font-weight:400;display:inline-block}@keyframes name-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.turn-chip .name{animation:.22s both name-fade-in}@keyframes name-fade-in{0%{opacity:0}to{opacity:1}}}.turn-chip .sub{color:var(--text-2);font-size:13px;font-weight:600}.hint{color:var(--text-2);background:var(--card);border:var(--bw) solid var(--edge);border-radius:var(--r-sm);width:max-content;max-width:270px;box-shadow:0 2px 0 var(--edge);padding:8px 12px;font-size:13px;font-weight:400}.hint b{color:var(--edge)}.hud-roster{width:220px;animation:hud-in-r var(--dur-enter) var(--ease-out) 60ms both;flex-direction:column;gap:8px;display:flex;top:22px;right:24px}.r-item{background:var(--card);border:var(--bw) solid var(--edge);border-radius:var(--r-sm);transition:transform var(--dur-state) var(--ease-out);align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:600;display:flex}.r-item.current{background:var(--primary);color:var(--on-primary);transform:translate(-8px)}.r-item.current .who small{color:var(--on-primary);opacity:.7}.r-item.current .badge{color:var(--on-primary);border-color:var(--on-primary)}.r-item.out{opacity:.55;text-decoration:line-through}.r-item .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;-webkit-text-decoration:inherit;text-decoration:inherit;flex:1;overflow:hidden}.r-item .who small{color:var(--text-2);-webkit-text-decoration:inherit;text-decoration:inherit;font-size:11px;font-weight:400;display:block}.badge{border:1.5px solid var(--edge);color:var(--text-2);white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:600}.badge.out{color:var(--danger);border-color:var(--danger)}.hud-stability{width:240px;animation:hud-in-l var(--dur-enter) var(--ease-out) .12s both;flex-direction:column;gap:8px;display:flex;bottom:24px;left:24px}.hud-stability h4{color:var(--text-2);margin:0;font-size:12px;font-weight:600}.vial{background:var(--card);border:var(--bw) solid var(--edge);border-radius:99px;height:22px;position:relative;overflow:hidden}.vial .fluid{background:color-mix(in oklch, var(--safe) 30%, transparent);position:absolute;inset:0}.vial .tick{background:var(--edge);opacity:.25;width:1.5px;position:absolute;top:3px;bottom:3px}.vial .bubble-pos{transition:transform .3s var(--ease-out);position:absolute;top:50%;left:50%}.vial .bubble{background:var(--card);border:2px solid var(--edge);border-radius:50%;width:16px;height:16px}.vial .bubble.jitter{animation:.22s ease-in-out infinite bubble-jitter}@keyframes bubble-jitter{0%,to{transform:translate(0)}25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}.vial.rattle{animation:.38s ease-in-out infinite vial-rattle}@keyframes vial-rattle{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-2px)rotate(-.6deg)}40%{transform:translate(2px)rotate(.6deg)}60%{transform:translate(-1.5px)rotate(-.4deg)}80%{transform:translate(1.5px)rotate(.4deg)}}@media (prefers-reduced-motion:reduce){.vial .bubble.jitter,.vial.rattle{animation:none}}.stability-word{font-family:Bowlby One,sans-serif;font-size:18px;font-weight:400}.hud-actions{animation:hud-in-r var(--dur-enter) var(--ease-out) .24s both;align-items:center;gap:14px;display:flex;bottom:24px;right:24px}.timer{width:50px;height:50px;position:relative}.timer svg{width:50px;height:50px;transform:rotate(-90deg)}.timer .t-bg{stroke:var(--paper-2)}.timer .t-fg{stroke:var(--primary);stroke-linecap:round;transition:stroke var(--dur-state) var(--ease-out)}.timer.danger .t-fg{stroke:var(--danger)}.timer.danger{animation:1s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.timer.danger{animation:none}}.timer .val{font-variant-numeric:tabular-nums;place-items:center;font-family:Bowlby One,sans-serif;font-size:15px;display:grid;position:absolute;inset:0}.timer.danger .val{color:var(--danger)}.modal-wrap{z-index:20;background:color-mix(in oklch, var(--edge) 55%, transparent);place-items:center;display:grid;position:absolute;inset:0}.modal{background:var(--card);border:var(--bw) solid var(--edge);border-radius:var(--r);width:min(400px,88vw);box-shadow:0 6px 0 var(--edge);padding:24px 26px}.modal h3{margin-bottom:8px;font-size:22px}.modal p{color:var(--text-2);margin:0 0 18px;font-size:14px;font-weight:400}.modal .row{justify-content:flex-end;gap:10px;display:flex}.turn-banner{z-index:7;pointer-events:none;animation:1.4s both turn-banner-life;position:absolute;top:64px;left:50%;transform:translate(-50%)}.tb-card{background:var(--card);border:var(--bw) solid var(--edge);border-radius:var(--r);box-shadow:0 var(--lift) 0 var(--edge);align-items:center;gap:10px;padding:10px 22px;display:flex}.tb-text{font-family:Bowlby One,sans-serif;font-size:20px;font-weight:400}@keyframes turn-banner-life{0%{opacity:0;animation-timing-function:var(--ease-out);transform:translate(-50%,-46px)}18%{opacity:1;animation-timing-function:var(--ease-out);transform:translate(-50%,8px)}26%{opacity:1;animation-timing-function:linear;transform:translate(-50%)}86%{opacity:1;animation-timing-function:var(--ease-in);transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-36px)}}@media (prefers-reduced-motion:reduce){.turn-banner{animation:1.4s both turn-banner-fade;transform:translate(-50%)}@keyframes turn-banner-fade{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}}.collapse-burst{z-index:9;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.burst-pop{aspect-ratio:1;width:min(52vw,340px);animation:burst-life 2.1s var(--ease-out) both;place-items:center;display:grid;position:relative}.burst-star{width:100%;height:100%;filter:drop-shadow(5px 5px 0 var(--edge));position:absolute;inset:0}.burst-star polygon{fill:var(--danger);stroke:var(--edge);stroke-width:4px;stroke-linejoin:round}.burst-word{color:var(--card);text-shadow:3px 3px 0 var(--edge);text-align:center;padding:0 8px;font-family:Bowlby One,sans-serif;font-size:clamp(30px,6vw,54px);font-weight:400;position:relative}.burst-culprit{color:var(--text);background:var(--card);border:var(--bw) solid var(--edge);border-radius:var(--r-sm);box-shadow:0 3px 0 var(--edge);opacity:0;animation:burst-culprit-life 1.9s var(--ease-out) .2s both;padding:6px 16px;font-family:Bricolage Grotesque Variable,sans-serif;font-size:16px;font-weight:800}@keyframes burst-life{0%{opacity:0;transform:scale(1.6)rotate(9deg)}12%{opacity:1;transform:scale(.92)rotate(-3deg)}20%{transform:scale(1.05)rotate(1deg)}28%{transform:scale(1)rotate(0)}84%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1)rotate(0)}}@keyframes burst-culprit-life{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.burst-pop{animation:2.1s both burst-fade}.burst-culprit{animation:1.9s .2s both burst-culprit-fade}@keyframes burst-fade{0%{opacity:0}12%{opacity:1}84%{opacity:1}to{opacity:0}}@keyframes burst-culprit-fade{0%{opacity:0}15%{opacity:1}90%{opacity:1}to{opacity:0}}}.end{background:color-mix(in oklch, var(--paper) 72%, transparent);opacity:1;min-height:100vh;animation:end-wash-in .26s var(--ease-out) both;justify-content:flex-start;align-items:center;padding:40px clamp(20px,6vw,90px);display:flex}@keyframes end-wash-in{0%{opacity:0}to{opacity:1}}.end-card{background:var(--card);border:var(--bw) solid var(--edge);border-radius:var(--r-lg);width:min(440px,92vw);box-shadow:0 6px 0 var(--edge);opacity:1;animation:end-card-in .52s var(--ease-out) both;flex-direction:column;align-items:center;display:flex;overflow:hidden}@keyframes end-card-in{0%{opacity:0;transform:translateY(-28px)rotate(-3deg)}65%{opacity:1;transform:translateY(4px)rotate(1deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.end-card{animation:.26s both end-card-fade-in}@keyframes end-card-fade-in{0%{opacity:0}to{opacity:1}}}.end-header{border-bottom:var(--bw) solid var(--edge);flex-direction:column;align-items:center;gap:10px;width:100%;padding:26px 22px 22px;display:flex}.winner-plate{background:var(--card);border:var(--bw) solid var(--edge);box-shadow:0 var(--lift) 0 var(--edge);border-radius:50%;place-items:center;padding:14px;display:grid}.end-card h1{text-align:center;font-size:clamp(26px,4.5vw,34px)}.end-card h1 .winner-name{font-family:Bowlby One,sans-serif;font-weight:400}.end-sub{color:var(--text-2);margin:0;font-weight:400}.end-body{flex-direction:column;align-items:center;gap:18px;width:100%;padding:22px;display:flex}.ranking{border-collapse:collapse;width:100%}.ranking th,.ranking td{text-align:left;border-bottom:2px solid var(--paper-2);padding:10px 12px;font-size:14.5px;font-weight:600}.ranking th{color:var(--text-2);font-size:12px;font-weight:600}.ranking tr:last-child td{border-bottom:none}.ranking tbody tr{opacity:1;animation:ranking-row-in .26s var(--ease-out) both;animation-delay:calc(.48s + var(--row-i,0) * 60ms)}@keyframes ranking-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ranking tbody tr{animation:.26s both ranking-row-fade-in;animation-delay:calc(.26s + var(--row-i,0) * 60ms)}@keyframes ranking-row-fade-in{0%{opacity:0}to{opacity:1}}}.ranking .place{width:34px;font-family:Bowlby One,sans-serif;font-size:17px;font-weight:400}.ranking .who-cell{align-items:center;gap:8px;display:flex}.ranking .why{color:var(--text-2);font-size:13px;font-weight:400}.end-actions{gap:12px;display:flex}.confetti{z-index:15;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{pointer-events:none;border:1px solid var(--edge);opacity:0;animation-name:confetti-fall;animation-timing-function:linear;animation-fill-mode:both;position:absolute;top:-24px;left:0}@keyframes confetti-fall{0%{opacity:0;transform:translate(0)rotate(0)}6%{opacity:1}to{opacity:0;transform:translate(var(--drift), 112vh) rotate(var(--rot))}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}html,body{overflow-x:hidden}@media (width<=600px),(height<=500px){.lobby{padding:24px 16px 60px}.lobby-head{margin-bottom:18px}.tagline{margin-top:6px;font-size:15px}.lobby-grid{gap:16px;margin-top:14px}.preview-col{height:auto;min-height:0}.preview-stage{transform-origin:bottom;height:clamp(80px,16vh,130px);margin-bottom:34px;padding-bottom:0;transform:scale(.42)}.preview-table{width:68%;height:64px}}@media (width<=600px){.score-pad{gap:12px;padding:16px 16px 20px}.score-pad h2{font-size:20px}.player-row{grid-template-rows:auto auto;grid-template-columns:26px 1fr;row-gap:8px;padding:10px 12px}.row-controls{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;margin-left:30px;display:flex}.row-controls .diff{padding:4px 6px;font-size:12px}.row-controls .diff.hidden{display:none}.rule-row{flex-wrap:wrap;row-gap:6px}.rule-row:has(.rule-control)>span:first-child{width:100%}}@media (height<=500px) and (orientation:landscape){.lobby{padding:22px 16px 16px}.lobby-head{margin-bottom:6px}.wordmark{font-size:clamp(24px,5vw,36px)}.tagline{display:none}.lobby-grid{grid-template-columns:minmax(160px,1fr) minmax(260px,1.5fr);align-items:start;gap:16px}.preview-col{justify-content:flex-start;height:auto;min-height:0}.preview-stage{transform-origin:bottom;height:min(150px,55vh);padding-bottom:0;transform:scale(.5)}.preview-table{width:60%;height:46px}.score-pad{gap:8px;max-height:calc(100vh - 32px);padding:12px 14px 16px;overflow-y:auto}}@media (width<=700px){.hud-turn{gap:6px;max-width:58vw;top:10px;left:10px}.turn-chip{gap:8px;padding:7px 12px}.turn-chip .name{font-size:17px}.turn-chip .sub{font-size:10px}.hint{display:none}.turn-banner{top:96px}.hud-roster{flex-flow:wrap;justify-content:flex-end;gap:5px;width:auto;max-width:40vw;top:10px;right:10px}.hud-roster .r-item{border-radius:50%;justify-content:center;gap:0;width:30px;height:30px;padding:0;overflow:hidden;transform:none}.hud-roster .r-item .who,.hud-roster .r-item .badge{display:none}.hud-roster .r-item.current{width:38px;height:38px;transform:none}.hud-stability,.cam-controls{animation:none;bottom:76px}.hud-stability{flex-direction:row;align-items:center;gap:8px;width:calc(56% - 16px);left:10px;right:auto}.hud-stability h4{display:none}.vial{flex:1;height:18px}.stability-word{white-space:nowrap;font-size:13px}.cam-controls{grid-template-columns:repeat(3,auto);gap:4px;padding:5px 6px;display:grid;left:auto;right:10px;transform:none}.cam-sep{display:none}.cam-btn{width:32px;height:32px;font-size:13px}.cam-key{width:12px;height:12px;font-size:8px;bottom:-4px;right:-3px}.hud-actions{background:var(--card);border-top:var(--bw) solid var(--edge);border-radius:0;justify-content:space-between;gap:10px;width:100%;padding:8px 14px;inset:auto 0 0}.hud-actions .btn{padding:9px 14px;font-size:14px}.hud-actions .timer,.hud-actions .timer svg{width:38px;height:38px}.hud-actions .timer .val{font-size:12px}.modal{width:min(360px,90vw);padding:18px}}@media (orientation:landscape) and (height<=500px){.hud-turn{max-width:46vw;top:10px;bottom:auto;left:10px}.turn-chip{gap:6px;padding:6px 10px}.turn-chip .name{font-size:15px}.turn-chip .sub{font-size:10px}.hint{display:none}.hud-stability{width:42vw;animation:none;inset:auto auto 8px 10px}.hud-stability h4{display:none}.vial{height:16px}.hud-roster{flex-flow:wrap;justify-content:flex-end;gap:4px;width:auto;max-width:40vw;top:8px;right:8px}.hud-roster .r-item{border-radius:50%;justify-content:center;gap:0;width:26px;height:26px;padding:0;overflow:hidden;transform:none}.hud-roster .r-item .who,.hud-roster .r-item .badge{display:none}.hud-roster .r-item.current{width:32px;height:32px}.cam-controls{grid-template-columns:repeat(3,auto);gap:3px;padding:5px 6px;animation:none;display:grid;inset:50% 8px auto auto;transform:translateY(-50%)}.cam-sep{display:none}.cam-btn{width:28px;height:28px;font-size:12px}.cam-key{display:none}.hud-actions{flex-direction:column;align-items:flex-end;gap:6px;width:auto;inset:auto 8px 8px auto}.hud-actions .btn{padding:6px 12px;font-size:12px}}@media (width<=600px){.end{justify-content:center;align-items:flex-end;padding:0}.end-card{border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:none;width:100%;max-width:none;max-height:78vh;overflow-y:auto}.end-header{padding:18px 18px 14px}.end-body{padding:16px 18px 20px}}@media (height<=500px){.end{align-items:center;padding:16px clamp(20px,6vw,90px)}.end-card{max-height:92vh;overflow-y:auto}}@media (pointer:coarse){.cam-btn{width:44px;height:44px}.icon-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.seg button{min-height:44px;padding:10px 14px}.stepper button{min-width:44px;min-height:44px}.btn{min-height:44px;padding:13px 20px}.btn-link{align-items:center;min-height:44px;padding:10px;display:inline-flex}.hud-actions .btn{min-height:44px;padding:11px 16px}}