.pron-chips{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pron-chip{min-height:44px;color:var(--cream-2,#fff4dcbd);font:inherit;cursor:pointer;background:#fff4dc0f;border:1px solid #ffdcaa38;border-radius:999px;font-size:15px;font-weight:800;transition:transform .2s cubic-bezier(.2,1.6,.4,1),background .2s,border-color .2s}.pron-chip.is-skip{opacity:.8;font-weight:600}.pron-chip.on{background:var(--me,#ffc65c);color:#22121f;opacity:1;border-color:#0000;transform:scale(1.04)}.pron-chip.is-skip.on{color:var(--cream-2,#fff4dcbd);background:0 0;border:1px dashed #fff4dc66;transform:none}.pron-chips{min-height:44px}#pronoun-field{padding-bottom:calc(110px + env(safe-area-inset-bottom));scroll-margin-bottom:130px}@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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.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{--font-display:"Fraunces Variable", Georgia, serif;--font-ui:"Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--bg:#130b17;--bg-2:#1e1122;--cream:#fff4dc;--cream-2:#fff4dcbd;--cream-3:#fff4dc80;--gold:#ffc65c;--gold-2:#f29a4a;--plum:#3a1f3f;--teal:#5fd0d6;--danger:#ff6b6b;--glass:#22132694;--glass-strong:#1c0f1fd1;--line:#ffdcaa29;--shadow:0 1.5rem 4rem #00000073}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--cream);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button{font:inherit;color:inherit}.display{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 0}.avatar{--size:3rem;width:var(--size);height:var(--size);background:radial-gradient(circle at 32% 28%, var(--c-hi), var(--c) 55%, var(--c-lo));box-shadow:inset 0 0 0 calc(var(--size) * .06) #ffffff8c, inset 0 calc(var(--size) * -.06) calc(var(--size) * .12) #00000040, 0 calc(var(--size) * .08) calc(var(--size) * .2) #00000059;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar-letter{font-family:var(--font-display);font-variation-settings:"SOFT" 100;font-weight:900;font-size:calc(var(--size) * .52);line-height:1;transform:translateY(.04em)}html,body.phone{overscroll-behavior:none;min-height:100%}body.phone{--me:#ffc65c;--pad-gutter:20px;background:radial-gradient(120% 60% at 50% -10%, color-mix(in srgb, var(--me) 26%, transparent), transparent 60%), radial-gradient(90% 50% at 100% 100%, #5fd0d61a, transparent 60%), linear-gradient(180deg, #1d1021, #120a15 70%);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background-attachment:fixed;font-size:16px;transition:background .6s}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient i{filter:blur(50px);opacity:.22;background:var(--me);border-radius:50%;width:220px;height:220px;animation:16s ease-in-out infinite float;position:absolute}.ambient i:first-child{top:30%;left:-60px}.ambient i:nth-child(2){background:#ff7a59;animation-duration:19s;animation-delay:-5s;top:60%;right:-80px}.ambient i:nth-child(3){opacity:.12;background:#5fd0d6;animation-delay:-9s;bottom:-120px;left:30%}@keyframes float{50%{transform:translate(30px,-40px)scale(1.15)}}main{z-index:1;position:relative}.screen{min-height:calc(100dvh - 64px);padding:8px var(--pad-gutter) 24px;display:none}body[data-screen=boot] .screen-boot,body[data-screen=join] .screen-join,body[data-screen=remote] .screen-remote,body[data-screen=starting] .screen-starting,body[data-screen=game] .screen-game,body[data-screen=left] .screen-left{animation:.45s cubic-bezier(.2,.8,.2,1) screenIn;display:block}@keyframes screenIn{0%{opacity:0;transform:translateY(12px)}}.bar{z-index:5;height:64px;padding:0 var(--pad-gutter);background:linear-gradient(#160c19f7 0%,#160c19ed 78%,#160c1900 100%);justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.bar-brand{letter-spacing:.18em;text-transform:uppercase;color:var(--cream-2);align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.bar-brand svg{width:30px;height:30px;transform:rotate(-8deg)}body.has-me .bar-brand{display:none}.bar-me{align-items:center;gap:10px;min-width:0;display:flex}.bar-me .avatar{--size:38px}.bar-me-text{flex-direction:column;min-width:0;display:flex}.bar-me-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.host-pill{letter-spacing:.12em;text-transform:uppercase;color:#22121f;background:var(--gold);border-radius:999px;align-self:flex-start;margin-top:2px;padding:1px 8px;font-size:10.5px;font-weight:800}.bar-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#fff4dc0f;border-radius:999px;align-items:center;gap:6px;min-width:40px;height:40px;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.icon-btn svg{width:18px;height:18px;color:var(--gold)}.icon-btn:active{transform:scale(.94)}.conn-dot{background:#6be39a;border-radius:50%;width:10px;height:10px;transition:background .3s;box-shadow:0 0 10px #6be39a}.conn-dot[data-state=reconnecting],.conn-dot[data-state=connecting]{background:var(--gold);box-shadow:0 0 10px var(--gold);animation:1s infinite blink}.conn-dot[data-state=lost]{background:var(--danger);box-shadow:0 0 10px var(--danger);animation:1s infinite blink}@keyframes blink{50%{opacity:.35}}.banner{z-index:6;margin:0 var(--pad-gutter) 8px;background:#46300eeb;border:1px solid #ffc65c73;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:700;animation:.3s screenIn;display:flex;position:sticky;top:64px}.banner.lost{background:#461218f0;border-color:#ff6b6b80}.banner[hidden]{display:none}.spinner{border:2.5px solid #ffffff40;border-top-color:currentColor;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot-spinner{border:4px solid #ffffff1f;border-top-color:var(--gold);border-radius:50%;width:42px;height:42px;margin:30vh auto 0;animation:.9s linear infinite spin}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:11.5px;font-weight:800}.label,.field label{letter-spacing:.16em;text-transform:uppercase;color:var(--cream-2);margin-bottom:8px;font-size:12px;font-weight:800;display:block}.help{color:var(--cream-3);margin:8px 0 0;font-size:13.5px}.card{border:1px solid var(--line);background:linear-gradient(160deg,#3a223eb3,#1c0f1fcc);border-radius:24px;box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff0f}.btn{cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 24px;font-size:18px;font-weight:800;transition:transform .15s,filter .2s,opacity .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6}.btn-block{width:100%}.btn-primary{color:#22121f;background:linear-gradient(180deg, color-mix(in srgb, var(--me) 55%, #fff), var(--me) 55%, color-mix(in srgb, var(--me) 75%, #000));box-shadow:0 5px 0 color-mix(in srgb, var(--me) 55%, #000), 0 14px 30px color-mix(in srgb, var(--me) 35%, transparent)}.btn-primary:active{box-shadow:0 2px 0 color-mix(in srgb, var(--me) 55%, #000);transform:translateY(3px)}.btn-ghost{color:var(--cream);box-shadow:inset 0 0 0 1px var(--line);background:#fff4dc12}.btn-danger{color:#ffd9d9;background:#ff6b6b24;box-shadow:inset 0 0 0 1px #ff6b6b66}.join{padding-bottom:calc(150px + env(safe-area-inset-bottom));flex-direction:column;gap:18px;display:flex}.hero{place-items:center;height:150px;margin-top:4px;display:grid;position:relative}.hero-glow{background:radial-gradient(circle, color-mix(in srgb, var(--me) 55%, transparent), transparent 70%);filter:blur(8px);border-radius:50%;width:170px;height:170px;animation:3.5s ease-in-out infinite breathe;position:absolute}.hero-avatar{animation:3.2s ease-in-out infinite bob;position:relative}.hero-avatar .avatar{--size:112px;transition:background .4s}.hero-avatar.bump .avatar{animation:.5s cubic-bezier(.2,1.6,.4,1) bump}@keyframes bob{50%{transform:translateY(-8px)rotate(-3deg)}}@keyframes breathe{50%{opacity:.8;transform:scale(1.12)}}@keyframes bump{40%{transform:scale(1.15)rotate(8deg)}}.title{text-align:center;font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;margin:0;font-size:34px;font-weight:800;line-height:1.05}.subtitle{text-align:center;color:var(--cream-2);margin:-10px 0 4px;font-size:16px}.field[hidden]{display:none}.text-input{border:1.5px solid var(--line);width:100%;height:58px;color:var(--cream);font:inherit;-webkit-user-select:text;user-select:text;background:#0a050c73;border-radius:16px;outline:none;padding:0 18px;font-size:20px;font-weight:700;transition:border-color .2s,box-shadow .2s}.text-input::placeholder{color:var(--cream-3);font-weight:500}.text-input:focus{border-color:var(--me);box-shadow:0 0 0 4px color-mix(in srgb, var(--me) 25%, transparent)}.code-boxes{position:relative}.code-input{opacity:0;z-index:2;-webkit-user-select:text;user-select:text;width:100%;font-size:16px;position:absolute;inset:0}.code-cells{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.code-cells span{border:1.5px solid var(--line);height:70px;font-family:var(--font-display);background:#0a050c73;border-radius:16px;place-items:center;font-size:34px;font-weight:800;transition:all .2s;display:grid}.code-cells span.filled{color:#22121f;background:linear-gradient(#fff6e2,#f3d9a8);border-color:#0000;animation:.25s cubic-bezier(.2,1.6,.4,1) pop;box-shadow:0 4px #b9864a}.code-cells span.cursor{border-color:var(--me);box-shadow:0 0 0 4px color-mix(in srgb, var(--me) 25%, transparent)}.code-boxes[data-valid=no] .code-cells span{color:#ffd9d9;background:#ff6b6b33;animation:.4s shake;box-shadow:0 4px #8c2828cc}.code-boxes[data-valid=yes] .code-cells span{box-shadow:0 4px #3c9a62}@keyframes pop{0%{transform:scale(.8)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.room-chip{letter-spacing:.1em;text-transform:uppercase;color:var(--cream-2);cursor:pointer;background:#6be39a14;border:1px solid #6be39a66;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:800;display:flex}.room-chip strong{font-family:var(--font-display);letter-spacing:.2em;color:var(--cream);font-size:18px}.room-chip svg{color:#6be39a;width:18px;height:18px}.room-chip[hidden]{display:none}.swatches{grid-template-columns:repeat(8,1fr);gap:10px 6px;padding:4px 0;display:grid}.swatch{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--c) 50%, #fff), var(--c) 55%, color-mix(in srgb, var(--c) 70%, #000));border:0;border-radius:50%;padding:0;transition:transform .25s cubic-bezier(.2,1.6,.4,1);position:relative;box-shadow:0 6px 14px #00000059,inset 0 0 0 3px #ffffff4d}.swatch.on{box-shadow:0 0 0 2px #1a0e1c, 0 0 0 4px var(--c), 0 8px 18px color-mix(in srgb, var(--c) 50%, transparent);transform:scale(1.08)}.swatch.on i:after{content:"";filter:drop-shadow(0 1px 1px #0006);border:3px solid #fff;border-width:0 3px 3px 0;width:22%;height:40%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.swatch.taken{opacity:.25;cursor:not-allowed}.swatch.taken i:after{content:"";background:#fff;border-radius:2px;height:3px;position:absolute;top:50%;left:15%;right:15%;transform:rotate(-45deg)}.form-error{text-align:center;color:#ff9b9b;min-height:20px;margin:-4px 0 0;font-size:15px;font-weight:700}.form-error.shake{animation:.4s shake}.join-cta{z-index:4;padding:16px var(--pad-gutter) calc(16px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#120a15f2 35%);position:fixed;bottom:0;left:0;right:0}.screen-remote{flex-direction:column;gap:16px;display:none}body[data-screen=remote] .screen-remote{display:flex}.now{align-items:center;gap:14px;padding:12px;display:flex}.now-cover{border-radius:14px;flex:none;width:104px;height:104px;overflow:hidden;transform:perspective(400px)rotateY(-8deg);box-shadow:0 10px 22px #00000073,0 0 0 1px #ffffff14}.now-cover.flip{animation:.5s cubic-bezier(.2,.8,.2,1) coverIn}@keyframes coverIn{0%{opacity:0;transform:perspective(400px)rotateY(-70deg)scale(.9)}}.now-cover canvas{width:100%;height:100%;display:block}.now-text{min-width:0}.now-text h2{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;margin:4px 0 0;font-size:24px;font-weight:800;line-height:1.05}.now-text p{color:var(--cream-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.now-dots{align-items:center;gap:5px;margin-top:8px;display:flex}.now-dots i{background:#fff4dc40;border-radius:9px;width:6px;height:6px;transition:all .3s}.now-dots i.on{background:var(--gold);width:18px}.soon-pill{letter-spacing:.12em;text-transform:uppercase;color:var(--accent,var(--gold));border:1px solid color-mix(in srgb, var(--accent,var(--gold)) 50%, transparent);border-radius:999px;margin-right:6px;padding:2px 8px;font-size:10px;font-weight:800}.remote,.spectator{display:none}body.is-host .remote{flex-direction:column;gap:14px;display:flex}body:not(.is-host) .spectator{display:flex}.pad{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--me) 16%, transparent), transparent 60%), repeating-radial-gradient(circle at 50% 42%, #ffffff06 0 2px, transparent 2px 14px), linear-gradient(170deg, #301b34d9, #160c19e6);border:1px solid var(--line);touch-action:none;border-radius:32px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;height:min(52dvh,420px);min-height:300px;padding:18px 14px 50px;display:grid;position:relative;box-shadow:inset 0 2px #ffffff0d,inset 0 -20px 40px #00000040,0 18px 40px #00000059}.pad-arrow{width:76px;height:120px;box-shadow:inset 0 0 0 1px var(--line);color:var(--cream);cursor:pointer;background:#fff4dc0f;border:0;border-radius:24px;justify-self:center;place-items:center;transition:background .2s;display:grid}.pad-arrow svg{width:38px;height:38px}.pad-select{cursor:pointer;color:#22121f;letter-spacing:.04em;background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--me) 45%, #fff), var(--me) 55%, color-mix(in srgb, var(--me) 70%, #000));width:148px;height:148px;box-shadow:0 8px 0 color-mix(in srgb, var(--me) 50%, #000), 0 20px 40px color-mix(in srgb, var(--me) 40%, transparent), inset 0 -6px 14px #0003, inset 0 4px 10px #fff6;border:0;border-radius:50%;place-items:center;font-size:19px;font-weight:900;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.pad-select span{text-align:center;max-width:120px;line-height:1.1}.pad-select:before{content:"";border:2px solid color-mix(in srgb, var(--me) 45%, transparent);border-radius:50%;animation:2.6s ease-out infinite ring;position:absolute;inset:-14px}@keyframes ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}.pressed{animation:.22s ease-out press}.pad-select.pressed{animation:.25s ease-out pressBig}@keyframes press{40%{background:#fff4dc2e;transform:scale(.9)}}@keyframes pressBig{40%{box-shadow:0 2px 0 color-mix(in srgb, var(--me) 50%, #000);transform:translateY(6px)scale(.96)}}.pad-hint{text-align:center;color:var(--cream-2);margin:0;font-size:13.5px;line-height:1.3;position:absolute;bottom:16px;left:18px;right:18px}.back-btn svg{width:20px;height:20px}body.is-offline .pad,body.is-offline .back-btn,body.is-offline .cheer{opacity:.45;pointer-events:none;filter:saturate(.4)}.spectator{border:1px solid var(--line);text-align:center;background:linear-gradient(170deg,#301b34cc,#160c19d9);border-radius:32px;flex-direction:column;align-items:center;gap:16px;padding:26px 18px 24px}.spectator-who{align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;display:flex}.spectator-who .avatar{--size:34px}.cheer{cursor:pointer;color:#22121f;background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--me) 45%, #fff), var(--me) 55%, color-mix(in srgb, var(--me) 70%, #000));width:190px;height:190px;box-shadow:0 9px 0 color-mix(in srgb, var(--me) 50%, #000), 0 24px 50px color-mix(in srgb, var(--me) 40%, transparent);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:20px;font-weight:900;display:flex;position:relative}.pass-list{flex-wrap:wrap;gap:8px;display:flex}.pass-btn{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:#ffffff12;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:6px 14px 6px 6px;font-weight:700;display:inline-flex}.pass-btn .avatar{--size:30px}.pass-btn span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reactions{gap:10px;display:flex}.reactions button{border:1px solid var(--line);cursor:pointer;background:#ffffff12;border-radius:50%;width:56px;height:56px;font-size:28px;line-height:1}.reactions button.pressed{animation:.25s ease-out pressBig}body.is-offline .reactions{opacity:.45;pointer-events:none}.cheer svg{width:56px;height:56px}.cheer.pressed{animation:.25s ease-out pressBig}.cheer-burst{pointer-events:none;position:absolute;inset:50%}.cheer-burst i{background:var(--me);opacity:0;border-radius:3px;width:10px;height:10px;position:absolute}.cheer-burst i:nth-child(3n){background:#fff3c4}.cheer-burst i:nth-child(3n+1){background:var(--gold)}.cheer-burst.go i{animation:.8s cubic-bezier(.1,.8,.3,1) forwards burst}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(-70px) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-70px - var(--d))) scale(.4) rotate(180deg)}}.starting,.left{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:70dvh;display:flex}.screen-starting{background:radial-gradient(80% 50% at 50% 40%, color-mix(in srgb, var(--game,#2f6b3f) 45%, transparent), transparent 70%)}.starting h2,.left h2{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;margin:0;font-size:34px;font-weight:800}.starting-num{font-family:var(--font-display);text-shadow:0 0 40px color-mix(in srgb, var(--me) 60%, transparent);font-size:150px;font-weight:900;line-height:1}.starting-num.pop{animation:.6s cubic-bezier(.2,1.3,.3,1) cdPop}@keyframes cdPop{0%{opacity:0;transform:scale(1.6)}}.starting p{color:var(--cream-2);font-size:17px}.left .avatar{--size:90px;filter:grayscale(.6)}.screen-game{padding:8px var(--pad-gutter) 16px}.game-mount{min-height:calc(100dvh - 88px);position:relative}.ctl-root{min-height:calc(100dvh - 88px)}.ctl-overlay:empty{display:none}.ctl-overlay{z-index:8;padding:var(--pad-gutter);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c060eb3;place-items:center;display:grid;position:fixed;inset:0}.ctl-sheet{text-align:center;border:1px solid var(--line);background:linear-gradient(160deg,#3a223ef2,#1c0f1ff2);border-radius:26px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:26px 20px;display:flex}.ctl-sheet .big{font-family:var(--font-display);font-size:30px}.mini-list{flex-direction:column;gap:6px;width:100%;display:flex}.mini-row{background:#fff4dc0f;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-weight:700;display:flex}.mini-row.me{box-shadow:inset 0 0 0 1.5px var(--me)}.mini-row .avatar{--size:28px}.mini-row>span:not(.avatar){text-align:left;flex:1}.mini-row b{width:18px;color:var(--gold)}.ctl-buttons{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.ctl-btn{--btn:var(--me);color:#22121f;background:linear-gradient(180deg, color-mix(in srgb, var(--btn) 55%, #fff), var(--btn));min-height:84px;box-shadow:0 6px 0 color-mix(in srgb, var(--btn) 55%, #000);border:0;border-radius:22px;font-size:19px;font-weight:800}.ctl-btn.down{box-shadow:0 2px 0 color-mix(in srgb, var(--btn) 55%, #000);transform:translateY(4px)}.ctl-btn:disabled{opacity:.35}.ctl-dpad{aspect-ratio:1;width:min(84vw,320px);box-shadow:inset 0 0 0 1px var(--line);background:radial-gradient(circle,#fff4dc0f,#fff4dc05);border-radius:50%;margin:0 auto;position:relative}.ctl-dpad-btn{width:33%;height:33%;color:var(--cream);background:#fff4dc14;border:0;border-radius:22px;place-items:center;display:grid;position:absolute}.ctl-dpad-btn svg{width:44%;height:44%}.ctl-dpad-btn.up{top:2%;left:33.5%}.ctl-dpad-btn.down{bottom:2%;left:33.5%}.ctl-dpad-btn.left{top:33.5%;left:2%}.ctl-dpad-btn.right{top:33.5%;right:2%}.ctl-dpad-btn.down,.ctl-dpad-btn:active,.ctl-dpad-btn.up.down,.ctl-dpad-btn.left.down,.ctl-dpad-btn.right.down{background:color-mix(in srgb, var(--me) 35%, transparent)}.ctl-dpad-center{color:#22121f;background:var(--me);border:0;border-radius:50%;width:28%;height:28%;font-weight:900;position:absolute;top:36%;left:36%}.ctl-grid{width:100%;display:grid}.ctl-cell{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--line);color:var(--cream);background:#fff4dc14;border:0;border-radius:10px;font-weight:800}.ctl-cell.pop{animation:.25s cubic-bezier(.2,1.6,.4,1) pop}.ctl-message{text-align:center;font-family:var(--font-display);margin:16px 0;font-size:26px;font-weight:700}.sheet-backdrop{z-index:20;opacity:0;background:#08040a8c;transition:opacity .3s;position:fixed;inset:0}.sheet-backdrop.open{opacity:1}.sheet{z-index:21;max-height:88dvh;padding:10px var(--pad-gutter) calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:linear-gradient(#2a172d,#1a0e1c);border-radius:28px 28px 0 0;flex-direction:column;gap:16px;transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(105%);box-shadow:0 -20px 50px #00000080}.sheet.open{transform:none}.sheet-grip{background:#fff4dc40;border-radius:9px;width:44px;height:5px;margin:0 auto}.sheet h3{font-family:var(--font-display);margin:0;font-size:26px;font-weight:800}.segs{background:#0000004d;border-radius:16px;gap:6px;padding:5px;display:flex}.seg{min-height:46px;color:var(--cream-2);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;font-size:15px;font-weight:700}.seg.on{background:var(--cream);color:#22121f}.conn-info{color:var(--cream-2);align-items:center;gap:10px;font-size:14px;display:flex}.tip{margin:0}.phone-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;border:1px solid var(--line);opacity:0;visibility:hidden;background:#1e1021f5;border-radius:14px;max-width:calc(100% - 40px);padding:12px 18px;font-size:15px;font-weight:700;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s,visibility .35s;position:fixed;transform:translate(-50%,140%)}.phone-toast.show{opacity:1;visibility:visible;transform:translate(-50%)}@media (min-width:600px){main,.bar,.join-cta{max-width:480px;margin:0 auto}}.table-list{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.table-list>span{border:1px solid var(--line);background:#fff4dc0f;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:14px;font-weight:700;display:inline-flex}.table-list>span.away{opacity:.5}.table-list .avatar{--size:26px}.table-title{margin:8px 0 0}.join-cta .form-error{min-height:0;margin:0 0 10px}.join-cta .form-error:empty{display:none}.soon-card{background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#ffc65c) 22%, transparent), #1c0f1f99);border:1px solid color-mix(in srgb, var(--accent,#ffc65c) 45%, transparent);border-radius:22px;align-items:center;gap:14px;padding:14px 16px;animation:.45s cubic-bezier(.2,.8,.2,1) screenIn;display:none}.soon-card.show{display:flex}.soon-card svg{flex:none;width:58px;height:58px}.soon-card strong{font-family:var(--font-display);font-size:21px;display:block}.soon-card span{color:var(--cream-2);font-size:14px;line-height:1.35}.soon-card .leaf{transform-box:fill-box;transform-origin:50% 100%;animation:2.6s ease-in-out infinite sway}@keyframes sway{50%{transform:rotate(8deg)}}.join-cta:has(.form-error:not(:empty)){background:linear-gradient(#0000,#120a15f7 22%);padding-top:28px}.bar{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#160c19db;box-shadow:0 1px #fff4dc0f}.label-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.label-row label{margin-bottom:8px}.name-count{color:var(--cream-2);font-size:13px;font-weight:700}.name-count.none{color:var(--gold)}.name-count.bump{animation:.35s shake}.send-pill{color:#ffe2a8;opacity:0;pointer-events:none;background:#ffc65c24;border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 12px;font-size:13px;font-weight:800;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%,-6px);box-shadow:inset 0 0 0 1px #ffc65c66}.send-pill .spinner{border-width:2px;width:12px;height:12px}body.is-sending .send-pill{opacity:1;transform:translate(-50%)}body.is-sending .pad-select{filter:saturate(.7)}.dialog-wrap{z-index:40;padding:24px var(--pad-gutter);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#08040a99;place-items:center;transition:opacity .2s;display:grid;position:fixed;inset:0}.dialog-wrap.open{opacity:1}.dialog{text-align:center;background:linear-gradient(#2c1a30,#1d1220);border-radius:26px;flex-direction:column;align-items:center;gap:10px;width:min(100%,360px);padding:26px 22px 20px;transition:transform .25s cubic-bezier(.2,.9,.3,1.2);display:flex;transform:translateY(14px)scale(.97);box-shadow:0 30px 80px #0000008c,inset 0 0 0 1px #fff4dc1a}.dialog-wrap.open .dialog{transform:none}.dialog-avatar .avatar{--size:64px}.dialog h3{font-family:var(--font-display);margin:4px 0 0;font-size:24px;line-height:1.15}.dialog p{color:var(--cream-2);margin:0 0 6px;font-size:15.5px;line-height:1.4}.dialog-actions{gap:10px;width:100%;margin-top:6px;display:grid}.ctl-hexgrid{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;max-height:62dvh;margin:0 auto;display:block}.hex-cell{--hex-fill:#fff4dc17;--hex-stroke:#fff4dc38;--hex-text:var(--cream);cursor:pointer;transform-box:fill-box;transform-origin:50%;outline:none}.hex-shape{fill:var(--hex-fill);stroke:var(--hex-stroke);stroke-width:.6px;transition:fill .2s}.hex-label{fill:var(--hex-text);font:800 6px var(--font-ui,sans-serif);pointer-events:none}.hex-cell:focus-visible .hex-shape,.hex-cell.is-selected .hex-shape{stroke:var(--gold);stroke-width:1.4px}.hex-cell.is-disabled{cursor:default;opacity:.45}.hex-cell.pop{animation:.25s cubic-bezier(.2,1.6,.4,1) pop}.hex-edge{cursor:pointer}.hex-edge-hit{stroke:#0000;stroke-width:4.5px;stroke-linecap:round}.hex-edge-line{stroke:#fff4dc1f;stroke-width:1px;stroke-linecap:round;pointer-events:none;transition:stroke .2s,stroke-width .2s}.hex-edge.is-wall .hex-edge-line{stroke:#5fb85a;stroke-width:2.6px}.hex-edge.is-disabled{pointer-events:none}.mini-group{background:color-mix(in srgb, var(--team) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--team) 40%, transparent);border-radius:16px;flex-direction:column;gap:6px;padding:6px;display:flex}.mini-group.mine{box-shadow:inset 0 0 0 2px var(--team)}.mini-team{align-items:center;gap:8px;padding:4px 8px;font-weight:800;display:flex}.mini-team b{width:18px}.mini-team span{text-align:left;flex:1}.mini-team .team-swatch{background:var(--team);border-radius:50%;flex:none;width:12px;height:12px}.mini-group .mini-row b{width:4px}.mini-team b{color:var(--gold)}.lang-offer{margin:0 var(--pad-gutter) 4px;align-items:stretch;gap:6px;display:flex}.lang-offer[hidden],body[data-screen=game] .lang-offer,body[data-screen=starting] .lang-offer{display:none}.lang-offer button{min-height:34px;color:var(--cream,#fff4dc);font:inherit;cursor:pointer;background:#fff4dc14;border:1px solid #ffdcaa4d;border-radius:999px;font-size:13px;font-weight:800}.lang-offer .offer-yes{background:#ffc65c29;border-color:#ffc65c8c;flex:1}.lang-offer .offer-no{width:34px;font-size:18px;line-height:1}@media (max-height:720px){.join{gap:12px}.hero{height:78px;margin-top:0}.hero-glow{width:100px;height:100px}.hero-avatar .avatar{--size:64px}.join .title{font-size:27px}.join .subtitle{margin:-6px 0 0;font-size:14px}.join .swatches{gap:8px 6px;padding:0}body:has(.lang-offer:not([hidden])) .join .hero{display:none}.join-cta{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}}