@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.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}@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}:root{--teal-950:#082524;--teal-900:#0b2f2e;--teal-800:#0e3b3a;--teal-700:#14504d;--cream:#fbf3e4;--cream-2:#f1e5cc;--ink:#1d1a16;--saffron:#f4b942;--tomato:#e4572e;--shadow-hard:3px 3px 0 var(--ink);--font-body:"Bricolage Grotesque Variable", "Trebuchet MS", sans-serif;--font-display:"Fraunces Variable", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--teal-900);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit}:focus-visible{outline:3px solid var(--saffron);outline-offset:3px}::selection{background:var(--saffron);color:var(--ink)}.app{background:repeating-linear-gradient(0deg, #ffffff0d 0 3.2vmin, transparent 3.2vmin 6.4vmin), repeating-linear-gradient(90deg, #ffffff0d 0 3.2vmin, transparent 3.2vmin 6.4vmin), radial-gradient(120% 90% at 28% 48%, var(--teal-700) 0%, var(--teal-900) 62%, var(--teal-950) 100%);grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.6vw,22px);height:100dvh;padding:clamp(12px,2vw,30px);display:grid}.app.is-dragging,.app.is-dragging *,.room-stage.is-dragging,.room-stage.is-dragging *{cursor:grabbing!important}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;display:flex}.brand{flex:320px;min-width:0}.kicker{font:700 clamp(11px, 1vw, 14px) / 1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--saffron);margin-bottom:.45em;display:inline-block}.plate-name{width:100%;max-width:100%;font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;color:var(--cream);text-overflow:ellipsis;background:0 0;border:0;border-bottom:3px dashed #fbf3e447;border-radius:0;outline:none;padding:0 0 .06em;font-size:clamp(28px,4.2vw,68px);font-weight:800;line-height:1.04;transition:border-color .15s;display:block}.plate-name:hover{border-bottom-color:#fbf3e48c}.plate-name:focus-visible{border-bottom-color:var(--saffron);border-bottom-style:solid}.top-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.count{font:600 clamp(14px, 1.3vw, 20px) / 1 var(--font-body);border:2px solid var(--cream);border-radius:999px;padding:.6em 1em}.count b{font-family:var(--font-display);color:var(--saffron);margin-right:.3em;font-size:1.35em}.btn{font:700 clamp(14px, 1.3vw, 19px) / 1 var(--font-body);color:var(--ink);background:var(--saffron);border:2px solid var(--ink);box-shadow:var(--shadow-hard);cursor:pointer;border-radius:14px;align-items:center;gap:.5em;padding:.7em 1.1em;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn svg{width:1.15em;height:1.15em}.btn-ghost{background:var(--cream)}.btn:hover:not(:disabled){box-shadow:4px 5px 0 var(--ink);transform:translate(-1px,-2px)}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.board{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(16px,2.6vw,44px);min-height:0;display:grid}.stage{place-items:center;min-height:0;display:grid;container-type:size}.plate-wrap{--plate:min(78cqw, 78cqh);width:var(--plate);aspect-ratio:1;position:relative}.doily{pointer-events:none;filter:drop-shadow(0 1.4cqh 1.6cqh #00000059);width:124%;height:124%;position:absolute;top:50%;left:50%;translate:-50% -50%}.plate{background:radial-gradient(circle at 50% 36%,#fff 0%,#f8f4ea 55%,#e8e0cf 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 3px #fffffff2,inset 0 -10px 24px #785f322e,0 2.2cqh 3cqh -.8cqh #0000008c,0 .5cqh .8cqh #0000004d}.plate:before{content:"";background:radial-gradient(circle at 50% 42%,#fffefa 0%,#f6f0e3 100%);border-radius:50%;position:absolute;inset:11%;box-shadow:inset 0 .6cqh 1.4cqh #785f3238,0 1px #fff}.plate:after{content:"";background:repeating-conic-gradient(from 0deg, var(--tomato) 0 2.2deg, transparent 2.2deg 7.5deg);opacity:.85;border-radius:50%;position:absolute;inset:3.2%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - .9cqh),#000 calc(100% - .85cqh));mask:radial-gradient(farthest-side,#0000 calc(100% - .9cqh),#000 calc(100% - .85cqh))}.glow{border:4px dashed var(--saffron);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .15s;animation:18s linear infinite spin;position:absolute;inset:-4%}.plate-wrap[data-over=true] .glow{opacity:1}.hint{text-align:center;font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--teal-800);pointer-events:none;border:3px dashed #0e3b3a47;border-radius:50%;place-content:center;font-size:clamp(16px,2.3cqw,36px);font-weight:700;line-height:1.15;display:grid;position:absolute;inset:20%}.placed{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:4px;border-radius:12px;position:absolute;translate:-50% -50%}.placed img{pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 .5cqh .6cqh #3c280a73);width:100%;height:auto;transition:scale .12s,opacity .12s;animation:.38s cubic-bezier(.2,1.5,.4,1) backwards pop-in;display:block}.placed.is-dragging{cursor:grabbing}.placed.is-dragging img{filter:drop-shadow(0 1.6cqh 1.4cqh #0006);scale:1.06}.placed.is-leaving img{opacity:.5;filter:grayscale(.7)drop-shadow(0 1.6cqh 1.4cqh #0006)}.placed.is-static{cursor:default}.placed.is-live{transition:left .1s linear,top .1s linear}.shelf{min-height:0;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:28px;flex-direction:column;display:flex;overflow:hidden;box-shadow:6px 7px #00000073}.shelf.is-return-target{outline:4px dashed var(--saffron);outline-offset:-12px}.shelf-head{background:var(--cream-2);border-bottom:3px solid var(--ink);flex-wrap:wrap;gap:8px;padding:clamp(12px,1.4vw,20px);display:flex}.chip{font:700 clamp(13px, 1.2vw, 18px) / 1 var(--font-body);color:var(--ink);background:var(--cream);border:2px solid var(--ink);cursor:pointer;border-radius:999px;padding:.6em 1em;transition:background .12s,color .12s}.chip:hover{background:#fff}.chip[aria-pressed=true]{color:var(--cream);background:var(--ink)}.shelf-grid{scrollbar-width:thin;scrollbar-color:var(--ink) transparent;flex:1;grid-template-columns:repeat(auto-fill,minmax(clamp(96px,9.4vw,160px),1fr));align-content:start;gap:clamp(10px,1.1vw,18px);min-height:0;padding:clamp(14px,1.5vw,22px);display:grid;overflow-y:auto}.tile{font:700 clamp(13px, 1.1vw, 17px) / 1.1 var(--font-body);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--shadow-hard);cursor:grab;-webkit-user-select:none;user-select:none;animation:.45s cubic-bezier(.2,.9,.3,1) backwards tile-in;animation-delay:min(calc(var(--i,0) * 16ms), .48s);background:#fffaf0;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px 10px;transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .14s,background .14s;display:flex;position:relative}.tile:hover{box-shadow:5px 6px 0 var(--ink);background:#fff;transform:translate(-1px,-3px)rotate(-1.5deg)}.tile:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.shelf.is-locked .tile{cursor:default}.tile[aria-disabled=true]:hover,.tile[aria-disabled=true]:active{box-shadow:var(--shadow-hard);background:#fffaf0;transform:none}.tile.is-taken{opacity:.32;filter:grayscale();box-shadow:none;cursor:not-allowed;border-style:dashed}.tile.is-taken:hover,.tile.is-taken:active{box-shadow:none}.tile-img{aspect-ratio:1;place-items:center;width:100%;display:grid}.tile-img img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 3px 3px #3c280a4d);max-width:100%;max-height:100%}.tile-count{min-width:26px;height:26px;font:800 14px / 1 var(--font-body);color:#fff;background:var(--tomato);border:2px solid var(--ink);border-radius:999px;place-items:center;padding:0 6px;display:grid;position:absolute;top:-9px;right:-9px}.shelf-foot{background:var(--cream-2);border-top:2px solid var(--ink);justify-content:space-between;gap:12px;padding:9px 16px;font-size:13px;display:flex}.shelf-foot a{color:inherit}.ghost{z-index:1000;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 22px 18px #00000059);transition:rotate .15s,scale .15s;position:fixed;translate:-50% -50%;rotate:-4deg;scale:1.04}.ghost.is-over{rotate:0deg;scale:1.1}@keyframes pop-in{0%{opacity:0;scale:.6}60%{opacity:1;scale:1.08}to{scale:1}}@keyframes tile-in{0%{opacity:0;transform:translateY(14px)scale(.94)}}@keyframes spin{to{rotate:360deg}}.title{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;color:var(--cream);margin:0;font-size:clamp(28px,4.2vw,68px);font-weight:800;line-height:1.04}.menu,.room-main{scrollbar-width:thin;scrollbar-color:var(--cream) transparent;flex-direction:column;gap:clamp(14px,2vw,26px);min-height:0;padding:0 12px 14px 0;display:flex;overflow-y:auto}.menu-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,24px);display:grid}.mode-card{text-align:left;color:var(--ink);background:var(--cream);border:3px solid var(--ink);cursor:pointer;border-radius:24px;flex-direction:column;align-items:flex-start;gap:8px;padding:clamp(14px,1.6vw,24px);transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .14s,background .14s;display:flex;box-shadow:6px 7px #00000073}.mode-card:hover{background:#fff;transform:translate(-1px,-3px)rotate(-.6deg);box-shadow:8px 10px #00000073}.mode-card:active{transform:translate(2px,2px);box-shadow:2px 3px #00000073}.mode-card[aria-pressed=true]{background:var(--saffron)}.mode-card svg{width:clamp(28px,3vw,44px);height:clamp(28px,3vw,44px)}.mode-name{font:800 clamp(22px, 2.6vw, 40px) / 1.05 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1}.mode-desc{font:500 clamp(14px, 1.3vw, 18px) / 1.3 var(--font-body)}.panel{color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:28px;flex-direction:column;gap:14px;padding:clamp(16px,1.8vw,26px);display:flex;box-shadow:6px 7px #00000073}.panel :focus-visible{outline-color:var(--ink)}.panel-narrow{width:min(100%,520px)}.menu-form{width:min(100%,560px)}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.panel-title{font:800 clamp(20px, 2vw, 30px) / 1.1 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;margin:0}.hint-text{font:500 clamp(13px, 1.1vw, 16px) / 1.35 var(--font-body);margin:0}.field-group{flex-direction:column;gap:6px;display:flex}.field-label{font:700 clamp(12px, 1vw, 14px) / 1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-700)}.field{width:100%;min-width:0;font:700 clamp(15px, 1.4vw, 20px) / 1.2 var(--font-body);color:var(--ink);border:2px solid var(--ink);background:#fffaf0;border-radius:14px;padding:.7em .9em}.field::placeholder{color:#1d1a1673;font-weight:500}.field[aria-invalid=true]{border-color:var(--tomato);box-shadow:0 0 0 2px var(--tomato)}.field-code{letter-spacing:.22em;text-transform:uppercase}.field-link{font-size:clamp(13px,1.1vw,16px);font-weight:500}.notice{max-width:100%;font:700 clamp(14px, 1.3vw, 18px) / 1.3 var(--font-body);color:var(--ink);background:var(--tomato);border:2px solid var(--ink);box-shadow:var(--shadow-hard);border-radius:14px;align-self:flex-start;margin:0;padding:.7em 1em}.notice.is-warn{background:var(--saffron)}.room-main>.notice{z-index:1;position:sticky;top:0}.lobby{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(16px,2.6vw,44px);display:grid}.lobby-side{flex-direction:column;gap:clamp(16px,2vw,28px);display:flex}.room-code{font:800 clamp(40px, 6.5vw, 96px) / 1 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;letter-spacing:.1em;overflow-wrap:anywhere;margin:0}.link-row{flex-wrap:wrap;gap:10px;display:flex}.code-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.btn-reveal{padding:.5em .9em;font-size:clamp(13px,1.05vw,16px)}.btn-reveal[aria-pressed=true]{background:var(--saffron)}.link-row .field{flex:200px;width:auto}.copy-note{min-height:1.3em;font:700 clamp(13px, 1.1vw, 16px) / 1.3 var(--font-body);color:var(--teal-700);margin:0}.status{font:700 clamp(12px, 1vw, 15px) / 1 var(--font-body);color:var(--ink);background:var(--cream-2);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:.45em;padding:.45em .85em;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:.6em;height:.6em}.status[data-state=idle],.status[data-state=connecting]{background:var(--saffron)}.status[data-state=connected]{color:var(--cream);background:var(--teal-700)}.status[data-state=error]{background:var(--tomato)}.roster{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.seat{border:2px solid var(--ink);box-shadow:var(--shadow-hard);background:#fffaf0;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.seat-empty{font:600 clamp(14px, 1.2vw, 17px) / 1 var(--font-body);color:#1d1a168c;box-shadow:none;background:0 0;border-style:dashed;grid-template-columns:minmax(0,1fr);justify-items:center;padding:16px}.seat-badge{aspect-ratio:1;width:clamp(34px,3vw,46px);font:800 clamp(18px, 1.8vw, 26px) / 1 var(--font-display);background:var(--saffron);border:2px solid var(--ink);border-radius:50%;place-items:center;display:grid}.seat-name{min-width:0;font:800 clamp(18px, 1.8vw, 26px) / 1.1 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.tag{white-space:nowrap;font:700 clamp(11px, .95vw, 13px) / 1 var(--font-body);letter-spacing:.04em;color:var(--cream);background:var(--ink);border-radius:999px;padding:.35em .7em}.seat-state{font:700 clamp(13px, 1.1vw, 16px) / 1 var(--font-body);align-items:center;gap:.45em;display:inline-flex}.seat-state:before{content:"";background:var(--teal-700);border:2px solid var(--ink);border-radius:50%;width:.7em;height:.7em}.seat-state.is-off:before{background:var(--tomato)}.seat-move{gap:6px;display:flex}.icon-btn{width:36px;height:36px;color:var(--ink);background:var(--cream);border:2px solid var(--ink);cursor:pointer;border-radius:10px;place-items:center;padding:0;transition:background .12s;display:grid}.icon-btn svg{width:20px;height:20px}.icon-btn:hover:not(:disabled){background:#fff}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.lobby-foot{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.btn-start{padding:.8em 1.6em;font-size:clamp(18px,1.8vw,26px)}.foot-note{font:600 clamp(14px, 1.2vw, 17px) / 1.3 var(--font-body);color:var(--teal-700);margin:0}.single-top{flex-direction:column;gap:8px;display:flex}.menu-link{font:700 clamp(12px, 1vw, 14px) / 1 var(--font-body);color:var(--cream);opacity:.85;cursor:pointer;text-underline-offset:.3em;background:0 0;border:0;align-self:flex-start;align-items:center;gap:.4em;padding:.2em 0;-webkit-text-decoration:underline #fbf3e466;text-decoration:underline #fbf3e466;display:inline-flex}.menu-link svg{width:1.2em;height:1.2em}.menu-link:hover{color:var(--saffron);opacity:1}.app.is-staged{grid-template-rows:minmax(0,1fr)}.room-main.is-staged{padding:0;display:block;position:relative;overflow:hidden}.room-notices{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:92%;display:flex;position:absolute;top:clamp(56px,5.4vw,92px);left:50%;translate:-50%}.room-notices .notice{align-self:center}.room-stage{--shelf-row:calc(4.4vw + 114px);grid-template-rows:auto minmax(0,1fr) clamp(150px,30%,380px);gap:clamp(8px,1vw,16px);height:100%;transition:grid-template-rows .6s cubic-bezier(.3,.9,.4,1);display:grid}.room-stage.is-voting{grid-template-rows:auto minmax(0,1fr) 0}.room-stage.is-result{grid-template-rows:auto minmax(0, 1fr) var(--shelf-row)}.stage-strip{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.strip-side{flex-wrap:wrap;align-items:center;gap:6px clamp(10px,1.2vw,20px);min-width:0;display:flex}.strip-side.is-end{justify-content:flex-end}.stage-banner{font:800 clamp(18px, 2vw, 36px) / 1 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:.03em;white-space:nowrap;color:var(--ink);background:var(--saffron);border:3px solid var(--ink);border-radius:999px;margin:0;padding:.4em 1.4em .45em;box-shadow:4px 5px #00000073}.strip-code{font:700 clamp(11px, .9vw, 14px) / 1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#fbf3e4bf;align-items:baseline;gap:.6em;display:inline-flex}.strip-code b{font:800 clamp(18px, 1.8vw, 32px) / 1 var(--font-display);letter-spacing:.12em;color:var(--saffron)}.strip-reveal{aspect-ratio:1;width:2.2em;color:var(--cream);cursor:pointer;background:0 0;border:2px solid #fbf3e473;border-radius:50%;align-self:center;place-items:center;padding:0;display:inline-grid}.strip-reveal svg{width:1.3em;height:1.3em}.strip-reveal:hover,.strip-reveal[aria-pressed=true]{color:var(--ink);background:var(--saffron);border-color:var(--ink)}.host-panel{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.btn-host{white-space:nowrap;padding:.55em .95em;font-size:clamp(13px,1.05vw,17px)}.host-warn{font:800 clamp(12px, 1vw, 15px) / 1 var(--font-body);color:var(--ink);background:var(--tomato);border:2px solid var(--ink);box-shadow:var(--shadow-hard);border-radius:999px;align-items:center;gap:.7em;padding:.25em .3em .25em .9em;display:inline-flex}.host-warn .btn{font-size:inherit;border-radius:999px;padding:.4em .8em}.host-warn.is-note{background:var(--saffron);border-radius:14px;max-width:34em;margin:0;padding:.5em .85em;line-height:1.3}.host-hint{max-width:30em;font:600 clamp(11px, .9vw, 13px) / 1.3 var(--font-body);color:#fbf3e4d9;margin:0}.host-tools{z-index:50;position:relative}.host-stream{flex-direction:column;align-self:stretch;gap:8px;width:min(340px,80vw);display:flex}.host-body>*+.host-stream{border-top:2px dashed #1d1a164d;padding-top:12px}.host-stream .field{font-size:14px}.host-sim{flex-wrap:wrap;gap:8px;display:flex}.host-sim .btn[aria-pressed=true]{background:var(--saffron);box-shadow:4px 5px 0 var(--ink)}.host-toggle{font:700 clamp(12px, 1vw, 15px) / 1 var(--font-body);color:var(--ink);background:var(--cream);border:2px solid var(--ink);box-shadow:var(--shadow-hard);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:.5em;padding:.5em .95em;list-style:none;display:inline-flex}.host-toggle::-webkit-details-marker{display:none}.host-toggle:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.45em;height:.45em;transition:rotate .15s,translate .15s;translate:0 -.15em;rotate:45deg}.host-tools[open] .host-toggle:after{translate:0 .1em;rotate:225deg}.host-alert{background:var(--tomato);border:2px solid var(--ink);border-radius:999px;padding:.2em .55em;font-size:.85em}.host-body{min-width:260px;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:6px 7px #00000073}.host-body :focus-visible{outline-color:var(--ink)}.host-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;width:100%;display:flex}.host-name{font:800 clamp(15px, 1.3vw, 19px) / 1.1 var(--font-display);align-items:center;gap:10px;display:inline-flex}.stage-arena{--vote-band:clamp(96px, 14vh, 180px);min-height:0;position:relative}.stage-arena.is-voting .seat-slot{padding-bottom:var(--vote-band)}.seat-slot{--move:.6s cubic-bezier(.3, 1.12, .45, 1);z-index:1;transition:left var(--move), top var(--move), width var(--move), height var(--move), padding-bottom var(--move), font-size var(--move);flex-direction:column;align-items:center;font-size:clamp(14px,1.25vw,22px);display:flex;position:absolute}.seat-slot.is-center{z-index:2;font-size:clamp(17px,1.7vw,30px)}.seat-slot.is-holding{z-index:3}.slot-disc{flex:auto;place-items:center;width:100%;min-height:0;display:grid;position:relative;container-type:size}.slot-disc .plate-wrap{--plate:min(76cqw, 76cqh)}.slot-disc .hint{font-size:clamp(11px,4.4cqmin,30px)}.seat-slot.is-lit .doily{filter:drop-shadow(0 0 .5cqmin var(--saffron)) drop-shadow(0 0 3cqmin #f4b942cc) drop-shadow(0 1.4cqh 1.6cqh #00000059)}.seat-slot.is-lit .slot-disc:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#f4b94273,#f4b94224 62%,#0000);border-radius:50%;width:100cqmin;animation:2.6s ease-in-out infinite turn-glow;position:absolute;top:50%;left:50%;translate:-50% -50%}.seat-slot.is-off .slot-disc .plate-wrap{opacity:.55;filter:grayscale(.6)}.slot-flags{z-index:20;pointer-events:none;gap:6px;display:flex;position:absolute;bottom:3%;left:50%;translate:-50%}.flag{white-space:nowrap;font:800 clamp(11px, .95vw, 16px) / 1 var(--font-body);letter-spacing:.03em;color:var(--cream);background:var(--teal-700);border:2px solid var(--ink);box-shadow:var(--shadow-hard);border-radius:999px;align-items:center;gap:.35em;padding:.35em .75em;display:inline-flex}.flag svg{width:1.1em;height:1.1em}.flag.is-off{color:var(--ink);background:var(--tomato)}.slot-tag{flex-direction:column;align-items:center;gap:.3em;max-width:100%;padding-top:.2em;display:flex}.slot-name{max-width:100%;font:800 1em / 1.1 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--cream);align-items:center;gap:.4em;display:flex}.slot-name .seat-badge{width:1.7em;color:var(--ink);flex:none;font-size:.85em}.slot-player{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color .3s;overflow:hidden}.seat-slot.is-lit .slot-player{color:var(--saffron)}.slot-name .tag{color:var(--ink);background:var(--cream);flex:none;font-size:max(11px,.55em)}.slot-meta{min-height:1.9em;font:700 .8em / 1 var(--font-body);color:#fbf3e4d9;align-items:center;gap:.6em;display:flex}.slot-count{font-variant-numeric:tabular-nums;letter-spacing:.06em}.slot-count.is-full{color:var(--saffron)}.btn-approve{padding:.45em .95em;font-size:clamp(13px,1vw,17px)}.vote-bars{--num:clamp(42px, 8vh, 88px);z-index:4;height:var(--vote-band);pointer-events:none;flex-direction:column;align-items:center;gap:.5em;padding-top:.45em;animation:.5s cubic-bezier(.2,1.2,.4,1) .25s backwards rise-in;display:flex;position:absolute;inset:auto 0 0}.vote-strip{font:800 clamp(14px, 1.25vw, 24px) / 1.1 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:.02em;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:999px;margin:0;padding:.3em 1.1em .35em;box-shadow:3px 4px #00000073}.vote-strip.is-tie{letter-spacing:.14em;background:var(--tomato);animation:1.2s ease-in-out infinite tie-pulse}.vote-row{flex:auto;align-self:stretch;min-height:0;position:relative}.vote-col{align-items:center;gap:clamp(8px,.9vw,16px);min-width:0;display:flex;position:absolute;top:0;bottom:0}.vote-num{width:var(--num);aspect-ratio:1;font:800 calc(var(--num) * .64) / 1 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--ink);background:var(--saffron);border:3px solid var(--ink);box-shadow:var(--shadow-hard);border-radius:50%;flex:none;place-items:center;display:grid}.vote-track{min-width:0;height:calc(var(--num) * .46);border:3px solid var(--cream);background:#082524bf;border-radius:999px;flex:1 1 0;overflow:hidden}.vote-fill{background:var(--cream);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.3,1.2,.5,1);display:block}.vote-count{min-width:1.5ch;font:800 calc(var(--num) * .72) / 1 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;font-variant-numeric:tabular-nums;text-align:center;color:var(--cream);flex:none;animation:.38s cubic-bezier(.2,1.5,.4,1) count-bump}.vote-col.is-leader .vote-fill,.vote-col.is-tied .vote-fill{background:var(--saffron)}.vote-col.is-leader .vote-track,.vote-col.is-tied .vote-track{border-color:var(--saffron)}.vote-col.is-leader .vote-count,.vote-col.is-tied .vote-count{color:var(--saffron)}.vote-col.is-tied .vote-num{background:var(--tomato);animation:1.2s ease-in-out infinite tie-pulse}.vote-bars.is-closed .vote-fill{background-image:repeating-linear-gradient(135deg,#1d1a1638 0 6px,#0000 6px 12px)}.vote-bars.is-closed .vote-col:not(.is-tied){opacity:.6}.slot-disc,.slot-tag{transition:opacity .6s,filter .6s}.seat-slot.is-back .slot-disc,.seat-slot.is-back .slot-tag{opacity:.5;filter:saturate(.55)}.slot-votes{font:800 1.15em / 1 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--cream);padding:.25em .7em}.slot-votes.is-winner{color:var(--ink);background:var(--saffron);border:3px solid var(--ink);box-shadow:var(--shadow-hard);border-radius:999px;font-size:1.7em;animation:.6s cubic-bezier(.2,1.5,.4,1) .35s backwards pop-in}.confetti{z-index:10;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{background:var(--saffron);border-radius:2px;width:max(8px,.7vw);height:max(14px,1.3vw);animation:4s linear 3 both confetti-fall;position:absolute;top:0}.confetti i:nth-child(3n+1){background:var(--tomato)}.confetti i:nth-child(3n+2){background:var(--cream)}.confetti i:nth-child(4n){border-radius:50%;width:max(6px,.5vw);height:max(6px,.5vw)}.stage-shelf{min-height:0;transition:opacity .3s .3s,visibility;display:flex}.room-stage.is-voting .stage-shelf{visibility:hidden;opacity:0;transition:opacity .3s,visibility 0s .6s}.room-stage.is-result .stage-shelf .shelf-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:none;grid-auto-columns:clamp(58px,4.4vw,92px);grid-auto-flow:column;padding:8px 12px;overflow:auto hidden}.stage-shelf .shelf{border-radius:22px;flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;display:grid}.stage-shelf .shelf-head{scrollbar-width:none;flex-wrap:nowrap;grid-area:1/1;gap:6px;padding:8px 12px;overflow-x:auto}.stage-shelf .chip{flex:none;padding:.45em .85em;font-size:clamp(12px,.95vw,16px)}.stage-shelf .shelf-foot{white-space:nowrap;border-top:0;border-bottom:3px solid var(--ink);grid-area:1/2;align-items:center;gap:14px;padding:0 14px;font-size:12px}.stage-shelf .shelf-foot>span{font-size:clamp(13px,1vw,17px);font-weight:800}.stage-shelf .shelf:not(.is-locked) .shelf-foot>span{background:var(--saffron);border:2px solid var(--ink);border-radius:999px;padding:.3em .75em}.stage-shelf .shelf-grid{grid-area:2/1/auto/-1;grid-template-columns:repeat(auto-fill,minmax(clamp(74px,6.4vw,124px),1fr));gap:clamp(8px,.8vw,14px);padding:clamp(10px,1vw,16px)}.stage-shelf .tile{border-radius:14px;gap:3px;padding:5px 4px 7px;font-size:clamp(11px,.85vw,15px)}@keyframes rise-in{0%{opacity:0;translate:0 18px}}@keyframes count-bump{0%{scale:1.6}55%{scale:.92}}@keyframes tie-pulse{50%{scale:1.07}}@keyframes confetti-fall{0%{translate:0 -8vh;rotate:0deg}85%{opacity:1}to{opacity:0;translate:14px 80vh;rotate:640deg}}@keyframes turn-glow{50%{opacity:.55;scale:.94}}@media (width<=880px),(aspect-ratio<=1){.app{padding:12px}.board{grid-template-rows:minmax(0,1.05fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:14px}.plate-wrap{--plate:min(80cqw, 86cqh)}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.menu-cards,.lobby{grid-template-columns:minmax(0,1fr)}.room-stage{grid-template-rows:auto minmax(0,1fr) minmax(0,.75fr)}.room-stage.is-result{grid-template-rows:auto minmax(0,1fr) minmax(0,.45fr)}.stage-strip{grid-template-columns:minmax(0,1fr) auto}.stage-banner{grid-area:2/1/auto/-1;justify-self:center}.stage-shelf .shelf{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.stage-shelf .shelf-foot{white-space:normal;grid-area:2/1;padding:6px 12px}.stage-shelf .shelf-grid{grid-row:3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}