@font-face{font-family:Luckiest Guy;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/luckiest-guy-latin-ext-400-normal-Dzj4o2hI.woff2)format("woff2"),url(/assets/luckiest-guy-latin-ext-400-normal-Dplr6uOI.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:Luckiest Guy;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/luckiest-guy-latin-400-normal-dJClyBWO.woff2)format("woff2"),url(/assets/luckiest-guy-latin-400-normal-f5b8-b44.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.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:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-ext-400-normal-ChcxYnmu.woff2)format("woff2"),url(/assets/special-elite-latin-ext-400-normal-CaJZjSVf.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:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-400-normal-YjDd9tmf.woff2)format("woff2"),url(/assets/special-elite-latin-400-normal-BtSRmyJ6.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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-vietnamese-400-normal-BbvBhFjQ.woff2)format("woff2"),url(/assets/bangers-vietnamese-400-normal-Ll9rymNv.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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-ext-400-normal-7BLmjjiv.woff2)format("woff2"),url(/assets/bangers-latin-ext-400-normal-CzVt_Cgx.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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-400-normal-DeHY8Ncq.woff2)format("woff2"),url(/assets/bangers-latin-400-normal-BAEm-Pv0.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:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-vietnamese-400-normal-B6gKbkHm.woff2)format("woff2"),url(/assets/bungee-vietnamese-400-normal-CmjDSWyd.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:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-ext-400-normal-DWzJMwsA.woff2)format("woff2"),url(/assets/bungee-latin-ext-400-normal-DXe9_7Rr.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:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.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:Rye;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rye-latin-ext-400-normal-DyMtpZmi.woff2)format("woff2"),url(/assets/rye-latin-ext-400-normal-JdoikPsj.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:Rye;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rye-latin-400-normal-CnIDrDaJ.woff2)format("woff2"),url(/assets/rye-latin-400-normal-CPBiwIfN.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{--grape-950:#140a2e;--grape-900:#1f1147;--grape-800:#2a1a5e;--grape-700:#38237a;--grape-600:#4b3299;--lilac:#c9bbff;--cream:#fff6e5;--cream-deep:#f3e3c3;--butter:#ffeeb0;--butter-deep:#e9c45c;--ink:#1c1036;--ink-soft:#54467a;--sun:#ffc531;--sun-lip:#c98f00;--gum:#ff4f9a;--gum-lip:#c0266a;--mint:#34d9a5;--mint-lip:#16946c;--sky:#3fb6ff;--sky-lip:#1a7fc4;--tomato:#ff5c5c;--font-display:"Luckiest Guy", "Nunito Variable", system-ui, sans-serif;--font-ui:"Nunito Variable", system-ui, sans-serif;--radius:20px;--radius-sm:12px;--outline:3px solid var(--ink);--lift:0 10px 24px -8px #0a041e8c, 0 2px 0 #0a041e40;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-ui);color:var(--cream);background:var(--grape-800);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-weight:700}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--grape-800) url(/wallpaper.svg) repeat;overscroll-behavior:none;background-size:260px;min-height:100dvh}::selection{background:var(--sun);color:var(--ink)}:focus-visible{outline:3px solid var(--sun);outline-offset:3px}*{scrollbar-color:var(--grape-600) transparent;scrollbar-width:thin}button,input,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:400;line-height:1.05}p{text-wrap:pretty;margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;display:flex;overflow-x:clip}.column{flex-direction:column;gap:18px;width:100%;max-width:540px;margin:0 auto;display:flex}.column.wide{max-width:960px}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.grow{flex:1}.center{text-align:center}.muted{color:var(--lilac);font-weight:700}.logo{font-family:var(--font-display);-webkit-user-select:none;user-select:none;align-items:flex-end;gap:4px;font-size:clamp(2.6rem,11vw,4.2rem);line-height:.9;display:inline-flex;transform:rotate(-4deg)}.logo .friends{color:var(--cream);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink)}.logo .box{background:var(--sun);color:var(--ink);border:var(--outline);box-shadow:0 6px 0 var(--ink);border-radius:10px;padding:.14em .16em .02em;display:inline-block;position:relative;transform:rotate(6deg)translateY(-.06em)}.logo .box:before{content:"";background:linear-gradient(var(--gum) 52%, var(--gum-lip) 52%);border:var(--outline);transform-origin:0 100%;border-radius:9px;height:.3em;position:absolute;bottom:calc(100% + .06em);left:-6px;right:-6px;transform:rotate(-14deg)translate(-4px,-.08em)}.logo.small{zoom:.6;margin-top:40px;font-size:2.8rem}.tagline{color:var(--cream);text-shadow:0 2px 0 var(--ink);font-weight:900}.tagline em{color:var(--sun);font-style:normal}.card{background:var(--cream);color:var(--ink);border:var(--outline);border-radius:var(--radius);box-shadow:var(--lift);flex-direction:column;gap:14px;padding:20px;display:flex}.card .muted{color:var(--ink-soft)}.card h2{font-size:1.7rem}.panel{border:2px solid var(--grape-600);border-radius:var(--radius);background:#140a2e8c;flex-direction:column;gap:12px;padding:16px;display:flex}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.85rem;font-weight:900}.panel .label,.shell>.label{color:var(--lilac)}.btn{--face:var(--sun);--lip:var(--sun-lip);border:var(--outline);background:var(--face);min-height:52px;color:var(--ink);font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;box-shadow:0 6px 0 var(--lip), 0 6px 0 3px var(--ink);transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out), filter .12s;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:1.3rem;line-height:1;text-decoration:none;display:inline-flex;position:relative;transform:translateY(-3px)}.btn:hover{filter:brightness(1.06)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--lip), 0 0 0 3px var(--ink);transform:translateY(3px)}.btn:disabled{cursor:not-allowed;filter:saturate(.45)opacity(.62);box-shadow:0 2px 0 var(--lip), 0 2px 0 3px var(--ink);transform:translateY(1px)}.btn.gum{--face:var(--gum);--lip:var(--gum-lip)}.btn.mint{--face:var(--mint);--lip:var(--mint-lip)}.btn.sky{--face:var(--sky);--lip:var(--sky-lip)}.btn.cream{--face:var(--cream);--lip:var(--cream-deep)}.btn.big{border-radius:20px;min-height:64px;font-size:1.7rem}.btn.small{min-height:44px;box-shadow:0 4px 0 var(--lip), 0 4px 0 3px var(--ink);border-radius:12px;padding:6px 14px;font-size:1rem}.btn.block{width:100%}.link-btn{min-height:44px;color:var(--lilac);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:8px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.icon-btn{border:2px solid var(--grape-600);width:44px;height:44px;color:var(--cream);cursor:pointer;background:#140a2e99;border-radius:14px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--grape-700)}.input{border:var(--outline);width:100%;min-height:56px;color:var(--ink);caret-color:var(--gum);background:#fff;border-radius:14px;padding:12px 16px;font-size:1.2rem;font-weight:800}.input::placeholder{color:#6f6491;font-weight:700}.input:focus-visible{outline:3px solid var(--gum);outline-offset:2px}textarea.input{resize:none;line-height:1.3}.field{flex-direction:column;gap:8px;display:flex}.counter{color:var(--ink-soft);align-self:flex-end;font-size:.8rem}.room-invite{flex-wrap:wrap;align-items:flex-end;gap:14px 18px;display:flex}.room-invite-code{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.invite-buttons{flex-wrap:wrap;gap:12px 10px;display:flex}.room-qr{flex-direction:column;align-items:center;gap:6px;margin:0 0 0 auto;display:flex}.join-qr{aspect-ratio:1;border:var(--outline);width:132px;height:auto;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:12px;display:block}.room-qr figcaption{color:var(--lilac);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:900}@media (width<=420px){.room-qr{margin-inline:auto}}@media (width>=720px){.join-qr{width:176px}}.screen-mode .room-invite{align-items:center}.screen-mode .room-invite-code{flex:320px;align-items:stretch}.screen-mode .code-tiles .tile{font-size:3.4rem}.screen-mode .join-qr{width:220px}.join-at{color:var(--cream);overflow-wrap:anywhere;font-size:1.25rem;font-weight:800}.join-at strong{color:var(--sun);font-weight:900}.code-tiles{grid-template-columns:repeat(5,1fr);gap:8px;display:grid;position:relative}.code-tiles input{z-index:1;opacity:0;text-transform:uppercase;cursor:text;font-size:16px;position:absolute;inset:0}.tile{aspect-ratio:1/1.08;background:var(--butter);color:var(--ink);border:var(--outline);box-shadow:0 7px 0 var(--butter-deep), 0 7px 0 3px var(--ink);font-family:var(--font-display);border-radius:16px;place-items:center;padding-top:.12em;font-size:clamp(2rem,10vw,3.2rem);line-height:1;display:grid}.tile:nth-child(odd){rotate:-2deg}.tile:nth-child(2n){rotate:2deg}.tile.filled{animation:slap .26s var(--ease-spring)}.tile.cursor{border-color:var(--gum);box-shadow:0 7px 0 var(--butter-deep), 0 7px 0 3px var(--gum)}.code-tiles.mini{gap:5px;display:inline-grid}.join-head{flex-wrap:wrap;row-gap:14px}.code-tiles.mini .tile{width:40px;box-shadow:0 4px 0 var(--butter-deep), 0 4px 0 2px var(--ink);border-width:2px;border-radius:9px;font-size:1.6rem}.name{font-family:var(--font-display);letter-spacing:.02em;overflow-wrap:anywhere;padding-top:.12em;line-height:1}.player-tag{align-items:center;gap:8px;min-width:0;display:inline-flex}.player-tag .name{color:var(--ink-color,var(--cream));-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.lineup{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:10px;display:grid}.lineup:has(>:nth-child(9)){grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.lineup-slot{background:var(--cream);color:var(--ink);border:var(--outline);border-bottom-width:6px;border-bottom-color:var(--ink-color,var(--ink));animation:slap .38s var(--ease-spring) backwards;border-radius:16px;align-items:center;gap:10px;min-width:0;padding:8px 10px 8px 8px;display:flex;position:relative}.lineup-slot .name{color:var(--ink);-webkit-text-stroke:0;text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;overflow:hidden}.lineup-slot.away{opacity:.55}.kick-btn{min-width:44px;height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;flex:none;place-items:center;margin:-6px 0;padding:0 8px;font-weight:900;display:inline-grid}.kick-btn.armed{background:var(--tomato);border-color:var(--ink);color:var(--ink)}.lineup-slot .badge{position:absolute;top:-12px;right:-6px}.lineup-slot .avatar{filter:drop-shadow(0 2px #1c103640);flex:none}.lineup-empty{border:3px dashed var(--grape-600);min-height:68px;color:var(--grape-600);font-family:var(--font-display);border-radius:16px;place-items:center;font-size:1.6rem;display:grid}.badge{border:2px solid var(--ink);background:var(--sun);color:var(--ink);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:900;display:inline-flex}.badge.gum{background:var(--gum)}.badge.mint{background:var(--mint)}.badge.grey{background:#d6d0e6}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(43px,1fr));gap:6px;display:grid}.avatar-choice{aspect-ratio:1;background:var(--cream-deep);cursor:pointer;transition:transform .16s var(--ease-spring);border:3px solid #0000;border-radius:16px;place-items:center;padding:4px;display:grid}.avatar-choice:hover:not(:disabled){transform:rotate(-5deg)scale(1.06)}.avatar-choice[aria-pressed=true]{border-color:var(--ink);background:var(--sun);transform:rotate(-5deg)scale(1.08)}.avatar-choice:disabled{opacity:.25;cursor:not-allowed}.avatar-choice svg,.avatar-choice img{width:100%;height:100%}.name-preview{text-align:center;min-height:2.6rem;color:var(--gum);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:clamp(1.8rem,8vw,2.6rem)}.carts{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=720px){.carts{grid-template-columns:repeat(4,1fr)}}.cart{--cart-fg:var(--ink);--cart-font:var(--font-display);border:var(--outline);background:var(--cart-bg);min-width:0;min-height:132px;color:var(--cart-fg);text-align:left;cursor:pointer;box-shadow:0 6px 0 var(--ink);transition:transform .16s var(--ease-spring), box-shadow .16s var(--ease-out);border-radius:18px 18px 10px 10px;flex-direction:column;gap:6px;padding:20px 12px 12px;display:flex;position:relative;overflow:hidden;transform:translateY(-3px);container-type:inline-size}.cart:before{content:"";background:#0000002e;border-radius:99px;width:46%;height:8px;position:absolute;top:8px;left:50%;translate:-50%}.cart:hover{transform:translateY(-6px)rotate(-1.5deg)}.cart[aria-pressed=true]{outline:4px solid var(--sun);outline-offset:3px;transform:translateY(-6px)rotate(-1.5deg)}.cart .cart-art{opacity:.95;flex:none;align-self:flex-end;width:52px;height:52px;margin:0 -4px auto 0}.cart .cart-name{font-family:var(--cart-font);overflow-wrap:break-word;text-wrap:balance;font-size:clamp(1rem,.5rem + 9cqi,1.35rem);line-height:1.05}.cart .cart-meta{opacity:.8;font-size:.78rem;font-weight:900}.cart-mostLikely{--cart-bg:#ff4f9a;--cart-font:"Anton", var(--font-display)}.cart-imposter{--cart-bg:#e9c98b;--cart-font:"Special Elite", monospace}.cart-quip{--cart-bg:#ff5c4d;--cart-font:"Bangers", var(--font-display)}.cart-bluff{--cart-bg:#19c2b5;--cart-font:"Bungee", var(--font-display)}.cart-telephone{--cart-bg:#fffdf5;--cart-font:"Patrick Hand", var(--font-display)}.cart-wavelength{--cart-bg:linear-gradient(160deg, #ffb347, #ff5f8f 60%, #7b4bd6);--cart-font:var(--font-display)}.cart-blackjack{--cart-bg:#1f8f54;--cart-fg:var(--cream)}.cart-poker{--cart-bg:#7a2a2a;--cart-fg:#ffe8b8;--cart-font:"Rye", serif}.cart-hivemind{--cart-bg:radial-gradient(circle at 70% 30%, #ffe066, #ffb703 70%);--cart-font:var(--font-display)}.cart-bracket{--cart-bg:linear-gradient(150deg, #1a0b3d, #3b0f6b);--cart-fg:#6cf6ff;--cart-font:"Bungee", var(--font-display)}.cart-werewolf{--cart-bg:linear-gradient(180deg, #1d2a5c, #38306e);--cart-fg:#ffe9a8;--cart-font:"Bangers", var(--font-display)}.cart-mindMatch{--cart-bg:linear-gradient(160deg, #3fd6c6, #2ec4b6 55%, #ff6f91);--cart-font:var(--font-display)}.cart-doubleAgents{--cart-bg:linear-gradient(135deg, #ff4b5c 0 46%, #14213d 46% 54%, #2f7bff 54%);--cart-fg:#fff6e5;--cart-font:"Anton", var(--font-display)}.cart:disabled{cursor:not-allowed;filter:grayscale(.85)brightness(.8);box-shadow:0 2px 0 var(--ink);transform:none}.cart:disabled:hover{transform:none}.cart .cart-why{background:var(--ink);color:var(--cream);opacity:1;border-radius:99px;align-self:flex-start;padding:2px 8px}.setting{flex-direction:column;gap:8px;display:flex}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button{border:2px solid var(--ink);min-width:52px;min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:6px 12px;font-weight:900}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--sun)}.topbar{align-items:center;gap:10px;min-height:52px;display:flex}.lobby-bar{flex-wrap:wrap;row-gap:8px}.lobby-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.volume{display:flex;position:relative}.volume-card{z-index:30;border:var(--outline);border-radius:var(--radius);width:min(304px,100vw - 24px);color:var(--ink);box-shadow:var(--lift);transform-origin:var(--tail) -12px;opacity:0;visibility:hidden;transition:opacity .12s var(--ease-out), transform .12s var(--ease-out), visibility 0s .12s;background:#fff;gap:10px;padding:12px 16px 10px 14px;display:grid;position:absolute;top:calc(100% + 14px);transform:translateY(-6px)scale(.9)}.volume-card[data-open]{opacity:1;visibility:visible;transition:opacity .14s var(--ease-out), transform .18s var(--ease-spring), visibility 0s;transform:none}.volume-card:before,.volume-card:after{content:"";left:clamp(18px, var(--tail) - 3px - 12px, 100% - 18px - 24px);clip-path:polygon(50% 0,100% 100%,0 100%);width:24px;height:13px;position:absolute}.volume-card:before{background:var(--ink);top:-16px}.volume-card:after{background:#fff;top:-11.6px}.volume-card :focus-visible{outline-color:var(--gum)}.volume-row{align-items:center;gap:12px;display:flex}.volume-mute{border:var(--outline);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out), background-color 90ms var(--ease-out);background:#fff;flex:none;place-items:center;margin-bottom:3px;display:grid}.volume-mute:active,.volume-mute[aria-pressed=true]{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.volume-mute[aria-pressed=true]{color:var(--ink-soft);background:#d6d0e6}@media (hover:hover) and (pointer:fine){.volume-mute:not([aria-pressed=true]):hover{background:var(--cream)}}.volume-slider{flex:1;min-width:0;display:grid}.volume-label{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;margin-bottom:-8px;padding-inline:8px 6px;font-size:.78rem;font-weight:900;display:flex}.volume-percent{color:var(--ink);font-variant-numeric:tabular-nums}.volume-slider input{cursor:pointer;appearance:none;touch-action:none;background:0 0;width:100%;height:44px;margin:0}.volume-slider input:focus-visible{outline-offset:0;border-radius:14px}.volume-slider input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--sun) var(--fill), #d6d0e6 0);height:16px;box-shadow:inset 0 0 0 3px var(--ink);border-radius:99px}.volume-slider input::-moz-range-track{background:linear-gradient(to right, var(--sun) var(--fill), #d6d0e6 0);height:16px;box-shadow:inset 0 0 0 3px var(--ink);border-radius:99px}.volume-slider input::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;border:8px solid #0000;background:var(--sun) padding-box;width:28px;height:44px;box-shadow:inset 0 0 0 3px var(--ink), inset 0 -6px 0 0 var(--sun-lip);transition:transform .12s var(--ease-out);border-inline-width:0;border-radius:14px/22px;margin-top:-14px}.volume-slider input::-moz-range-thumb{box-sizing:border-box;background:var(--sun) padding-box;width:28px;height:44px;box-shadow:inset 0 0 0 3px var(--ink), inset 0 -6px 0 0 var(--sun-lip);transition:transform .12s var(--ease-out);border:8px solid #0000;border-inline-width:0;border-radius:14px/22px}.volume-slider input:active::-webkit-slider-thumb{transform:scale(1.12)}.volume-slider input:active::-moz-range-thumb{transform:scale(1.12)}.timer{--pct:1;background:conic-gradient(var(--sun) calc(var(--pct) * 360deg), var(--grape-900) 0);border:3px solid var(--ink);width:56px;height:56px;box-shadow:0 4px 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.timer span{background:var(--cream);width:40px;height:40px;color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;padding-top:.15em;font-size:1.3rem;display:grid}.timer.hurry{--sun:var(--tomato);animation:.5s ease-in-out infinite wobble}.timer.hurry span{animation:roll .3s var(--ease-spring)}.banner{z-index:20;background:var(--sun);color:var(--ink);border:var(--outline);box-shadow:var(--lift);border-radius:14px;align-self:center;padding:10px 16px;font-weight:900;position:sticky;top:8px}.banner-dock{top:max(8px, env(safe-area-inset-top));z-index:40;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;left:0;right:0}.banner-dock .banner{pointer-events:auto;position:static}.banner.closing{text-align:center;font-variant-numeric:tabular-nums}.toast{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:50;background:var(--tomato);max-width:min(92vw,420px);color:var(--ink);border:var(--outline);box-shadow:var(--lift);animation:toast 3.2s var(--ease-out) both;border-radius:14px;padding:12px 18px;font-weight:900;position:fixed;translate:-50%}.btn.sound-prompt{top:max(12px, env(safe-area-inset-top));z-index:50;white-space:nowrap;animation:pop .26s var(--ease-spring);position:fixed;left:50%;translate:-50%}.waiting-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.waiting-list .done{animation:slap .3s var(--ease-spring)}.waiting-list .pending{opacity:.35;filter:grayscale()}.waiting-list .away{opacity:.55;position:relative}.waiting-list .away .away-badge{background:var(--ink);width:20px;height:20px;color:var(--cream);border-radius:50%;padding:3px;position:absolute;bottom:-3px;right:-3px}.standings{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.standings li{border:var(--outline);background:var(--cream);color:var(--ink);animation:slap .42s var(--ease-spring) backwards;border-radius:16px;align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex}.standings li.first{background:var(--sun);scale:1.04}.standings li.away{opacity:.55}.standings .place{width:34px;font-family:var(--font-display);text-align:center;padding-top:.12em;font-size:1.6rem}.standings .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.3rem;overflow:hidden}.standings .score{white-space:nowrap;font-family:var(--font-display);font-variant-numeric:tabular-nums;padding-top:.12em;font-size:1.5rem}@media (width<=380px){.standings li{gap:8px;padding-right:10px}.standings .place{width:24px}.standings .score{font-size:1.15rem}}@keyframes slap{0%{opacity:0;transform:scale(1.35)rotate(-6deg)}55%{opacity:1;transform:scale(.94)rotate(2deg)}to{transform:scale(1)rotate(0)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes roll{0%{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:translateY(0)}}@keyframes wobble{0%,to{rotate:-4deg}50%{rotate:4deg}}@keyframes toast{0%{opacity:0;transform:translateY(30px)}10%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes shake-0{0%,to{transform:translate(0)}15%{transform:translate(-6px)}35%{transform:translate(5px)}55%{transform:translate(-3px)}75%{transform:translate(2px)}}@keyframes shake-1{0%,to{transform:translate(0)}15%{transform:translate(-6px)}35%{transform:translate(5px)}55%{transform:translate(-3px)}75%{transform:translate(2px)}}.shake-0{animation:.32s ease-out shake-0}.shake-1{animation:.32s ease-out shake-1}.pop{animation:pop .36s var(--ease-spring) both}.slap{animation:slap .38s var(--ease-spring) backwards}.roll{animation:roll .32s var(--ease-spring);display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:where(.shell.game){--g-bg:var(--grape-800);--g-surface:var(--cream);--g-text:var(--ink);--g-muted:var(--ink-soft);--g-border:var(--ink);--g-accent:var(--sun);--g-accent-text:var(--ink);--g-display:var(--font-display);--g-radius:18px;--g-chrome-text:var(--cream)}.shell.game{background:var(--g-bg);color:var(--g-chrome-text)}.game-column{flex:1;max-width:760px}.game-title{font-family:var(--g-display);color:var(--g-chrome-text);font-size:1.45rem;line-height:1.05}.game-round{opacity:.85;font-size:.85rem;font-weight:900}.game .icon-btn{background:#00000040;border-color:#ffffff40}.game-bar{justify-content:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.game-bar.stacked{flex-direction:column;align-self:center;gap:14px;width:100%;max-width:540px}.game-waiting{color:var(--g-chrome-text);opacity:.85;font-weight:800}.final-title{font-family:var(--g-display);color:var(--g-chrome-text);font-size:clamp(2.2rem,9vw,3.4rem)}.g-card{background:var(--g-surface);color:var(--g-text);border:3px solid var(--g-border);border-radius:var(--g-radius);box-shadow:var(--lift);flex-direction:column;gap:12px;padding:18px;display:flex}.g-card .muted,.g-muted{color:var(--g-muted)}.g-heading{font-family:var(--g-display);font-size:clamp(1.6rem,6.5vw,2.4rem);line-height:1.05}.g-prompt{font-family:var(--g-display);text-wrap:balance;font-size:clamp(1.5rem,6vw,2.2rem);line-height:1.1}.g-input{border:3px solid var(--g-border);border-radius:calc(var(--g-radius) * .6);color:#1a1a1a;background:#fff;width:100%;min-height:56px;padding:12px 14px;font-size:1.15rem;font-weight:800}.g-input:focus-visible{outline:3px solid var(--g-accent);outline-offset:2px}.g-choices{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.g-choice{border:3px solid var(--g-border);border-radius:calc(var(--g-radius) * .7);background:var(--g-surface);min-height:60px;color:var(--g-text);text-align:left;cursor:pointer;transition:transform .16s var(--ease-spring);align-items:center;gap:10px;padding:8px 12px;font-weight:900;display:flex}.g-choice:hover:not(:disabled){transform:translateY(-2px)rotate(-1deg)}.g-choice[aria-pressed=true]{background:var(--g-accent);color:var(--g-accent-text);transform:rotate(-1.5deg)scale(1.03)}.g-choice:disabled{cursor:default;opacity:.55}.g-choice .name{font-size:1.1rem}.g-status{text-align:center;font-size:1.05rem;font-weight:900}.spectator{position:static}.lineup:has(>:nth-child(13)){grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.lineup:has(.kick-btn){grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.lineup:has(>:nth-child(13)) .lineup-slot{gap:6px;padding:5px 8px 5px 5px}.lineup:has(>:nth-child(13)) .lineup-slot .avatar{width:34px;height:34px}.lineup:has(>:nth-child(13)) .lineup-slot .name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.g-choices:has(>:nth-child(13)){grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}.g-choices:has(>:nth-child(13))>*{gap:6px;min-height:48px;padding:5px 8px}.g-choices:has(>:nth-child(13))>* :is(svg,img){width:30px;height:30px}.g-choices:has(>:nth-child(13)) .name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.waiting-list:has(>:nth-child(13)) :is(svg,img){width:28px;height:28px}.standings:has(>:nth-child(13)){gap:4px}.standings:has(>:nth-child(13)) :is(svg,img){width:30px;height:30px}.bot-check{flex-direction:column;align-items:center;min-height:65px;display:flex}.site-footer{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:540px;margin:auto auto 0;padding-top:24px;display:flex}.site-footer-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;display:flex}.kofi-link{min-height:44px;color:var(--cream);text-underline-offset:4px;align-items:center;gap:7px;padding:0 6px;font-weight:800;-webkit-text-decoration:underline #ffc5318c;text-decoration:underline #ffc5318c;text-decoration-thickness:2px;display:inline-flex}.kofi-link svg{color:var(--sun)}.kofi-link:hover{-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun)}.social-links{flex-wrap:wrap;gap:8px;display:flex}.social-btn{border:2px solid var(--grape-600);min-height:44px;color:var(--cream);background:#140a2e99;border-radius:14px;align-items:center;gap:7px;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.social-btn:hover{background:var(--grape-700)}.card .social-btn{border-color:var(--ink);color:var(--ink);background:#fff;text-decoration:none}.card .social-btn:hover{background:var(--cream-deep)}.legal-links{flex-wrap:wrap;justify-content:center;column-gap:4px;display:flex}.legal-links a{color:var(--lilac);text-underline-offset:4px;padding:12px 8px;font-size:.9rem;font-weight:700;-webkit-text-decoration:underline #c9bbff66;text-decoration:underline #c9bbff66}.legal-links a:hover{-webkit-text-decoration-color:var(--lilac);text-decoration-color:var(--lilac)}.site-footer.compact{color:var(--lilac);opacity:.7;flex-flow:wrap;justify-content:center;gap:0;padding-top:8px}.shell.game .site-footer.compact{color:inherit}.site-footer.compact .legal-links{column-gap:0}.kofi-mini,.site-footer.compact .legal-links a{min-height:44px;color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:3px;align-items:center;gap:4px;padding:0 7px;font-size:.75rem;font-weight:800;display:inline-flex}.site-footer.compact a:hover{text-decoration-color:currentColor}.site-footer.compact:hover,.site-footer.compact:focus-within{opacity:1}@media (width>=1240px){.site-footer.compact{z-index:5;flex-direction:column;align-items:flex-start;width:auto;max-width:calc(50vw - 512px);margin:0;padding:0;position:fixed;bottom:14px;left:20px}.site-footer.compact .legal-links{flex-direction:column;align-items:flex-start}.kofi-mini,.site-footer.compact .legal-links a{min-height:0;padding:4px 0}}.consent{color:var(--ink-soft);text-align:center;font-size:.85rem}.consent a,.legal a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--gum);text-decoration-color:var(--gum);text-underline-offset:3px;font-weight:800;text-decoration-thickness:2px}.kofi-pitch{text-align:center;color:var(--ink-soft);flex-direction:column;align-items:center;gap:12px;display:flex}.legal-column{max-width:660px}.legal-head{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:8px;display:flex}.legal-head h1{overflow-wrap:break-word;font-size:clamp(1.5rem,7vw,2.8rem)}.legal-courtesy{border:2px solid var(--grape-600);color:var(--lilac);background:#140a2e8c;border-radius:14px;padding:10px 14px;font-size:.9rem}.legal-courtesy .link-btn{color:var(--cream);padding:0}.legal{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;gap:26px;font-weight:600;line-height:1.55}.legal section{flex-direction:column;gap:8px;display:flex}.card.legal h2{font-size:1.3rem}.legal ul{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.legal address{font-style:normal}.legal code{background:var(--cream-deep);-webkit-hyphens:none;hyphens:none;border-radius:6px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86em}.legal-missing{background:var(--tomato);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:1px 6px;font-weight:900}