@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-vietnamese-700-normal-D6euyNzi.woff2)format("woff2"),url(/assets/barlow-vietnamese-700-normal-4Jt4k04K.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(/assets/barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.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:Barlow;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-vietnamese-800-normal-Cl1Mc_Dv.woff2)format("woff2"),url(/assets/barlow-vietnamese-800-normal-D0VWpbij.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-latin-ext-800-normal-BiucknKG.woff2)format("woff2"),url(/assets/barlow-latin-ext-800-normal-D7I3yvUw.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-latin-800-normal-s1sAMnoV.woff2)format("woff2"),url(/assets/barlow-latin-800-normal-BdVooDN4.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:Grenze;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/grenze-vietnamese-700-normal-IXHe9fXe.woff2)format("woff2"),url(/assets/grenze-vietnamese-700-normal-AQUzu2ev.woff)format("woff");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:Grenze;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/grenze-latin-ext-700-normal-BRtgImw1.woff2)format("woff2"),url(/assets/grenze-latin-ext-700-normal-De-d6sIh.woff)format("woff");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:Grenze;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/grenze-latin-700-normal-BhnHXdwr.woff2)format("woff2"),url(/assets/grenze-latin-700-normal-DB8gb8RH.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}:root{--bg:oklch(13% .012 38);--panel:oklch(17% .014 42/.94);--panel-2:oklch(21% .016 45/.96);--line:oklch(38% .03 60);--ink:oklch(95% .012 80);--ink-2:oklch(84% .02 75);--muted:oklch(72% .02 70);--brass:oklch(82% .12 82);--brass-lo:oklch(60% .1 72);--ember:oklch(62% .18 34);--mana:oklch(76% .13 235);--ready:oklch(80% .17 150);--display:"Grenze", Georgia, serif;--ui:"Barlow", system-ui, sans-serif;--z-hud:10;--z-sheet:20;--z-banner:30;--z-toast:40;--z-over:50;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font:500 1rem/1.5 var(--ui);-webkit-font-smoothing:antialiased;touch-action:none;margin:0;overflow:hidden}canvas{display:block}.overlay{pointer-events:none;z-index:var(--z-hud);position:fixed;inset:0}.btn{appearance:none;border:1px solid var(--line);color:var(--ink);min-height:44px;font:600 .9375rem/1.15 var(--ui);cursor:pointer;pointer-events:auto;background:oklch(22% .016 45/.92);border-radius:8px;align-content:center;justify-items:center;padding:8px 14px;transition:background-color .15s,border-color .15s,transform .1s;display:inline-grid}.btn small{font:500 .75rem/1.2 var(--ui);color:var(--ink-2);opacity:.9}.btn:hover:not(:disabled){border-color:var(--brass-lo)}.btn:active:not(:disabled){transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.btn--primary{background:linear-gradient(oklch(60% .17 38),oklch(50% .16 34));border-color:oklch(72% .14 60)}.btn--primary small{color:oklch(95% .03 70)}.btn--ghost{background:0 0}.dim{color:var(--muted)}.topbar{align-items:center;gap:14px;padding:10px 16px;display:flex;position:absolute;top:0;left:0;right:0}.logo{font:700 1.375rem/1 var(--display);text-shadow:0 2px oklch(0% 0 0/.5)}.logo span{color:var(--ember)}.turnchip{color:var(--ink-2);flex:1;justify-content:center;align-items:baseline;gap:10px;font-size:.875rem;display:flex}.turnchip b{font:700 1.125rem/1 var(--display);color:var(--ink)}.turnchip.is-me b{color:var(--ready)}.inspect{background:var(--panel);width:min(300px,34vw);max-height:calc(100vh - 140px);box-shadow:inset 0 0 0 1px var(--brass-lo);border-radius:12px;padding:14px 16px;position:absolute;top:60px;left:16px;overflow:auto}.inspect__head{justify-content:space-between;align-items:start;gap:10px;display:flex}.inspect h3{font:700 1.375rem/1.1 var(--display);text-wrap:balance;margin:0}.gems{gap:6px;display:flex}.gem{min-width:30px;height:30px;font:800 .9375rem/1 var(--ui);color:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 2px oklch(15% .01 40)}.gem--cost{background:var(--mana);color:oklch(18% .03 240)}.gem--glory{background:var(--brass-lo)}.inspect p{color:var(--ink-2);text-wrap:pretty;margin:8px 0 0;font-size:.875rem}.inspect .kind{color:var(--muted);margin-top:2px;font-size:.8125rem}.inspect .now{color:var(--ink)}.burst{color:var(--brass)}.faces{color:var(--muted);margin:10px 0 0;padding:0 0 0 1.4em;font-size:.8125rem}.actions,.pending{background:var(--panel-2);max-width:min(760px,100vw - 32px);box-shadow:inset 0 0 0 1px var(--brass-lo), 0 6px 8px oklch(0% 0 0/.4);pointer-events:auto;text-align:center;border-radius:12px;padding:10px 14px 12px;position:absolute;left:50%;transform:translate(-50%)}.actions{bottom:14px}.pending{max-width:min(620px,100vw - 32px);top:58px}.pending h4{font:700 1.25rem/1.1 var(--display);margin:0}.pending p{color:var(--ink-2);margin:4px 0 8px;font-size:.875rem}.pending--wait{color:var(--ink-2);padding:8px 14px;font-size:.875rem}.actions__title{font:700 1.0625rem/1.1 var(--display);color:var(--brass);margin:0 0 8px}.actions__row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.log{max-width:min(320px,30vw);color:var(--ink-2);justify-items:end;gap:2px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:grid;position:absolute;bottom:14px;right:16px}.log li{text-align:right;background:oklch(12% .01 40/.55);border-radius:6px;padding:2px 8px}.log li:last-child{color:var(--ink)}.hint{text-align:center;width:max-content;max-width:min(62ch,100vw - 32px);color:var(--muted);background:oklch(12% .01 40/.6);border-radius:8px;margin:0;padding:4px 12px;font-size:.8125rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.banner{z-index:var(--z-banner);text-align:center;white-space:nowrap;box-shadow:inset 0 0 0 2px var(--brass), 0 6px 8px oklch(0% 0 0/.45);background:linear-gradient(oklch(42% .08 70/.95),oklch(30% .06 60/.95));border-radius:10px;padding:14px 48px 16px;animation:1.4s cubic-bezier(.22,1,.36,1) both banner;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.banner--me{background:linear-gradient(oklch(42% .1 150/.95),oklch(30% .07 150/.95))}.banner--rival{background:linear-gradient(oklch(42% .12 30/.95),oklch(30% .09 30/.95))}.banner h2{font:700 clamp(2rem, 5.5vw, 3.5rem)/1 var(--display);text-shadow:0 2px oklch(0% 0 0/.45);margin:0}.banner p{font:600 .9375rem/1.3 var(--ui);color:var(--ink-2);margin:6px 0 0}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}14%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.03)}}.toast{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);z-index:var(--z-toast);border-radius:999px;padding:8px 14px;font-size:.875rem;animation:2.6s both toast;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.over,.sheet{z-index:var(--z-over);pointer-events:auto;background:oklch(8% .01 40/.6);place-items:center;display:grid;position:absolute;inset:0}.over__card,.sheet__card{background:var(--panel);box-shadow:inset 0 0 0 1px var(--brass-lo);border-radius:14px;gap:12px;max-width:min(620px,100vw - 32px);max-height:calc(100vh - 32px);padding:24px 32px;display:grid;overflow:auto}.over__card{text-align:center}.over h2,.sheet h2{font:700 2.25rem/1 var(--display);margin:0}.over p,.sheet p,.sheet li{color:var(--ink-2);text-wrap:pretty;margin:0}.sheet ol{gap:8px;margin:0;padding-left:1.3em;display:grid}.sheet b{color:var(--ink)}.sheet .btn{justify-self:start}.rotate,.narrow-only{display:none}.turnchip{min-width:0}.turnchip b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.phases li{white-space:nowrap}@media (width<=1240px){.phases li:not(.is-now){display:none}}@media (orientation:portrait) and (width<=700px){.rotate{z-index:var(--z-over);text-align:center;pointer-events:auto;background:oklch(10% .01 40/.96);place-content:center;justify-items:center;gap:14px;padding:24px 28px;display:grid;position:absolute;inset:0}.rotate h2{font:700 2rem/1 var(--display);margin:0}.rotate p{max-width:30ch;color:var(--ink-2);text-wrap:pretty;margin:0}.rotate__icon{color:var(--brass);animation:2.4s cubic-bezier(.65,0,.35,1) infinite tilt}.topbar{visibility:hidden}.hint,.log{display:none}.inspect{width:calc(100vw - 32px);top:auto;bottom:120px}}@keyframes tilt{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@media (height<=520px){.hint,.log{display:none}.topbar{gap:8px;padding:6px 10px}.wide-only,.turnchip__n{display:none}.narrow-only{display:inline}.turnchip b{font-size:1rem}.logo{font-size:1.125rem}.inspect{width:min(250px,32vw);padding:10px 12px;top:48px}.pending{padding:8px 12px;top:44px}.pending p{display:none}.btn{min-height:40px;padding:6px 12px}}@media (prefers-reduced-motion:reduce){.rotate__icon{animation:none}.banner,.toast{animation-duration:10ms}}.phases{gap:4px;margin:0;padding:0;list-style:none;display:flex}.phases li{color:var(--muted);background:oklch(12% .01 40/.55);border-radius:999px;padding:2px 8px;font-size:.75rem}.phases li.is-now{color:oklch(18% .03 70);background:var(--brass);font-weight:700}.marketp{background:var(--panel-2);width:min(1000px,100vw - 24px);max-height:calc(100vh - 70px);box-shadow:inset 0 0 0 1px var(--brass-lo), 0 8px 8px oklch(0% 0 0/.45);pointer-events:auto;z-index:var(--z-sheet);border-radius:14px;padding:12px 16px 14px;animation:.28s cubic-bezier(.22,1,.36,1) both sheet-in;position:absolute;bottom:12px;left:50%;overflow:auto;transform:translate(-50%)}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.marketp header{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.marketp h3{font:700 1.5rem/1 var(--display);color:var(--brass);margin:0}.marketp header p{color:var(--ink-2);margin:0;font-size:.875rem}.marketp__group h4{font:600 .8125rem/1 var(--ui);color:var(--muted);margin:10px 0 6px}.marketp ul{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.mcard{justify-items:center;gap:6px;display:grid;position:relative}.mcard img{opacity:.55;border-radius:8px;width:100%;height:auto;transition:opacity .15s,transform .15s;display:block}.mcard.is-buy img{opacity:1;box-shadow:0 0 0 2px var(--ready)}.mcard.is-buy img:hover{transform:translateY(-3px)}.mcard.is-focus img{opacity:1;box-shadow:0 0 0 3px var(--brass)}.mcard__count{min-width:26px;height:26px;font:800 .875rem/1 var(--ui);color:var(--ink);background:oklch(12% .01 40/.85);border-radius:999px;place-items:center;padding:0 6px;display:grid;position:absolute;top:6px;right:6px}.mcard .btn{width:100%;min-height:40px;padding:4px 6px}.mcard__why{color:var(--muted);text-align:center;font-size:.75rem;line-height:1.2}.marketp footer{margin-top:12px}@media (height<=520px){.phases{display:none}.marketp{padding:8px 10px;top:44px;bottom:8px}.marketp header p{display:none}.marketp ul{gap:6px}}@media (prefers-reduced-motion:reduce){.marketp{animation:none}}.zoom{z-index:45;pointer-events:none;justify-items:center;gap:8px;width:min(min(70vh,640px)/1.33941,46vw);display:grid;position:fixed;top:0;left:0}.zoom img{filter:drop-shadow(0 12px 18px oklch(0% 0 0/.6));border-radius:14px;width:100%;height:auto;animation:.16s cubic-bezier(.22,1,.36,1) 50ms both zoom-in;display:block}.zoom p{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--brass-lo);font:600 .9375rem/1.3 var(--ui);color:var(--ink);text-align:center;border-radius:8px;margin:0;padding:6px 12px}@keyframes zoom-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@media (height<=520px){.zoom{width:min(74.66vh - 52.262px,46vw)}.zoom p{padding:4px 8px;font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.zoom img{animation:none}}.topbar{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}@media (height<=520px){.topbar{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right))}}.screen{touch-action:pan-y;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:auto}.screen__bg{filter:blur(10px)brightness(.32)saturate(.85);pointer-events:none;background:url(/og.jpg) 50%/cover no-repeat;position:fixed;inset:-32px}.screen__bg:after{content:"";background:radial-gradient(at 50% 40%,#0000 30%,oklch(8% .01 40/.85) 100%);position:absolute;inset:0}.home,.lobby{background:var(--panel);width:min(460px,100%);box-shadow:inset 0 0 0 1px var(--brass-lo);border-radius:14px;gap:18px;padding:28px 28px 24px;display:grid;position:relative}.home__logo{text-align:center;font:700 clamp(2.5rem, 9vw, 3.5rem) / 1 var(--display);text-shadow:0 3px oklch(0% 0 0/.5);text-wrap:balance;margin:0}.home__logo span{color:var(--ember)}.home__tag{text-align:center;color:var(--ink-2);margin:-8px 0 0}.home__invite{text-align:center;background:oklch(30% .06 60/.45);border-radius:10px;margin:0;padding:10px 14px}.home__invite b{color:var(--brass);letter-spacing:.12em}.home__form{gap:14px;display:grid}.home__choices{gap:10px;display:grid}.home__bots{align-items:center;gap:8px;display:flex}.home__bots>span{color:var(--ink-2);margin-right:auto;font-size:.875rem}.chip{appearance:none;border:1px solid var(--line);min-width:44px;height:40px;color:var(--ink-2);font:700 1rem/1 var(--ui);cursor:pointer;background:oklch(11% .01 40/.9);border-radius:8px}.chip.is-on{border-color:var(--brass);color:var(--ink);background:oklch(32% .07 70/.7)}.chip:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.home__go{gap:2px;width:100%;min-height:62px;font-size:1.0625rem;font-weight:700}.home__join{border-top:1px solid oklch(38% .03 60/.5);align-items:end;gap:10px;padding-top:16px;display:flex}.home__join .field{flex:1}.home__join .btn{min-height:48px}.field{gap:6px;display:grid}.field>span{color:var(--ink-2);font-size:.875rem}.field input{appearance:none;border:1px solid var(--line);width:100%;height:48px;color:var(--ink);font:600 1rem/1 var(--ui);background:oklch(11% .01 40/.9);border-radius:8px;padding:0 14px}.field input::placeholder{color:oklch(62% .02 70)}.field input:focus-visible{outline:2px solid var(--brass);outline-offset:1px;border-color:#0000}.field .field__code{letter-spacing:.3em;text-transform:uppercase;font-size:1.25rem;font-weight:800}.btn:disabled{opacity:.55;cursor:default}a.btn{text-decoration:none}.lobby__top{justify-content:space-between;align-items:center;gap:10px;margin:-10px -10px 0;display:flex}.lobby__invite{justify-items:center;gap:6px;display:grid}.lobby__invite p{margin:0}.lobby__code{font:800 clamp(2.75rem, 13vw, 4rem) / 1 var(--ui);letter-spacing:.2em;color:var(--brass);text-shadow:0 3px oklch(0% 0 0/.45);margin-right:-.2em}.lobby__share{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.seats{gap:8px;margin:0;padding:0;list-style:none;display:grid}.seat{min-height:54px;box-shadow:inset 0 0 0 1px var(--line);background:oklch(12% .01 40/.75);border-radius:10px;align-items:center;gap:10px;padding:6px 8px 6px 14px;display:flex}.seat__dot{background:var(--ready);border-radius:50%;flex:none;width:10px;height:10px}.seat.is-away .seat__dot{background:var(--muted)}.seat.is-away .seat__name{color:var(--muted)}.seat__name{text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:700;overflow:hidden}.seat__tag{color:var(--ink-2);white-space:nowrap;background:oklch(30% .03 60/.6);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.seat__tag.is-you{color:var(--ink);background:oklch(42% .09 75/.55)}.seat--empty{box-shadow:none;border:1px dashed var(--line);background:0 0}.seat--empty .seat__name{color:var(--muted);font-weight:600}.seat--empty .seat__tag{background:0 0;padding:0}.seat__act{min-height:40px;margin-left:auto}.seat--empty .seat__tag:last-child{margin-left:auto;padding-right:6px}.switch{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.switch.is-locked{cursor:default}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch__track{width:46px;height:28px;box-shadow:inset 0 0 0 1px var(--line);background:oklch(30% .02 50);border-radius:999px;transition:background-color .2s cubic-bezier(.22,1,.36,1);position:relative}.switch__track:after{content:"";background:var(--ink);border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;left:4px}.switch input:checked+.switch__track{background:var(--ember)}.switch input:checked+.switch__track:after{transform:translate(18px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--brass);outline-offset:2px}.switch.is-locked .switch__track{opacity:.6}.switch>span:last-child{font-weight:700;display:grid}.switch small{color:var(--ink-2);font-size:.8125rem;font-weight:500}.lobby__start{gap:2px;width:100%;min-height:62px;font-size:1.0625rem;font-weight:700}.lobby__wait{text-align:center;color:var(--ink-2);margin:0}.lobby__wait b{color:var(--ink)}.lobby__msg{text-align:center;justify-items:center;gap:12px;margin:0;display:grid}.lobby__msg h2{font:700 2rem/1 var(--display);margin:0}.lobby__msg p{color:var(--ink-2);margin:0}.netchip{color:var(--ink);white-space:nowrap;background:oklch(34% .09 60/.92);border-radius:999px;padding:5px 12px;font-size:.8125rem;font-weight:600}.over__acts{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}@media (height<=520px){.home,.lobby{gap:12px;padding:18px 20px}.home__logo{font-size:2.25rem}.home__go,.lobby__start{min-height:52px}.lobby__code{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){.switch__track,.switch__track:after{transition:none}}.micicon{flex:none}.micbtn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.micbtn.is-on{background:oklch(36% .09 150/.85);border-color:oklch(72% .15 150)}.micbtn.is-talking{box-shadow:0 0 0 3px oklch(80% .17 150/.45)}.micbtn--compact span{font-size:.875rem}.soundbtn{min-height:40px}.lobby__voice{justify-items:start;gap:8px;display:grid}.lobby__voice p{color:var(--ink-2);margin:0;font-size:.8125rem}.seat__mic{width:28px;height:28px;color:var(--muted);border-radius:50%;flex:none;place-items:center;transition:box-shadow .15s;display:inline-grid}.seat__mic.is-on{color:var(--ready)}.seat__mic.is-speaking{box-shadow:0 0 0 2px var(--ready), 0 0 12px oklch(80% .17 150/.6)}.talkers{pointer-events:auto;gap:6px;margin:0;padding:0;list-style:none;display:flex}.talker{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.8125rem;font-weight:600;transition:box-shadow .12s,color .12s;display:inline-flex}.talker.is-speaking{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ready), 0 0 12px oklch(80% .17 150/.5)}.talker.is-failed{opacity:.7}.talker small{color:var(--muted);font-weight:500}@media (height<=520px){.micbtn--compact span,.talker span{display:none}}@media (prefers-reduced-motion:reduce){.seat__mic,.talker{transition:none}}.loading{text-align:center;justify-items:center;gap:14px;width:min(380px,100%);display:grid;position:relative}.loading p{margin:0}.loading__title{font:700 1.75rem/1.1 var(--display)}.loading__bar{width:100%;height:10px;box-shadow:inset 0 0 0 1px var(--line);background:oklch(20% .015 45);border-radius:999px;overflow:hidden}.loading__bar span{background:linear-gradient(90deg, var(--brass-lo), var(--brass));height:100%;transition:width .25s cubic-bezier(.22,1,.36,1);display:block}@media (prefers-reduced-motion:reduce){.loading__bar span{transition:none}}.screen{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(24px, env(safe-area-inset-bottom))}.heroes{flex-wrap:wrap;gap:8px;display:flex}.hero{appearance:none;width:64px;color:var(--ink-2);font:600 .75rem/1.1 var(--ui);cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid}.hero img{object-fit:cover;object-position:50% 18%;width:64px;height:80px;box-shadow:inset 0 0 0 1px var(--line);outline-offset:2px;border-radius:32px 32px 8px 8px;outline:2px solid #0000;transition:outline-color .15s,transform .15s cubic-bezier(.22,1,.36,1)}.hero span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hero:hover:not(:disabled) img{transform:translateY(-2px)}.hero.is-on img{outline-color:var(--brass)}.hero.is-on{color:var(--ink)}.hero:disabled{cursor:default;opacity:.45}.hero:disabled img{filter:grayscale()}.hero:focus-visible img{outline-color:var(--ink)}.hero-thumb{object-fit:cover;object-position:50% 18%;border-radius:15px 15px 4px 4px;flex:none;width:30px;height:36px}@media (height<=520px),(width<=420px){.hero,.hero img{width:52px}.hero img{height:64px}}@media (prefers-reduced-motion:reduce){.hero img{transition:none}}