@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/cormorant-garamond-cyrillic-ext-wght-normal-Bg62sWL9.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:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/cormorant-garamond-cyrillic-wght-normal-BWCqVJN0.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/cormorant-garamond-vietnamese-wght-normal-CDLFB6hb.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:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/cormorant-garamond-latin-ext-wght-normal-ltf1AbuM.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:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/cormorant-garamond-latin-wght-normal-CUoBjw-S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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{--bg:#e9edf2;--panel:#ffffffc7;--panel-solid:#fff;--surface:#1822340d;--surface-strong:#1822341a;--line:#1822341a;--line-strong:#18223433;--text:#1a2230;--text-dim:#444f61;--text-faint:#636f82;--accent:#e2b552;--accent-ink:#2a1d06;--accent-text:#85600f;--accent-soft:#e2b55233;--danger:#c23b2c;--good:#1f8a5b;--radius-sm:8px;--radius-md:12px;--radius:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #1c283e0f, 0 4px 14px -4px #1c283e1f;--shadow:0 12px 34px #1c283e29;--hairline:inset 0 1px 0 #ffffffd9;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, .8, .3);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.45, .64, 1);--dur-instant:90ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.36s;--dur-reveal:.56s;--rise:10px;--lift:-1px;--press:.97;--pop-from:.94;--pop-deep:.5;--display:Georgia, "Times New Roman", serif;--body:ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--body);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;animation:focus-in var(--dur-fast) var(--ease-out)}@keyframes focus-in{0%{outline-offset:6px;outline-color:#0000}}.muted{color:var(--text-faint)}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}kbd{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);text-align:center;border-bottom-width:2px;min-width:1.7em;padding:0 6px;font:700 .82em/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:inline-block}.game{grid-template-columns:minmax(0,1fr) 340px;height:100dvh;display:grid}.stage{min-width:0;min-height:0;position:relative;overflow:hidden}.panel{scrollbar-width:thin;background:var(--panel);-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);border-left:1px solid var(--line);flex-direction:column;gap:16px;min-height:0;padding:16px 16px 24px;display:flex;overflow-y:auto}.overlay{z-index:30;pointer-events:none;place-items:center start;padding:24px;display:grid;position:absolute;inset:0}.overlay>*{pointer-events:auto}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-solid);box-shadow:var(--hairline), var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.panel>.card{animation:card-in var(--dur-slow) var(--ease-out) backwards}@keyframes card-in{0%{opacity:0;transform:translateY(var(--rise))}}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.card-head h2,.modal h2{font:600 1.375rem/1.2 var(--display);letter-spacing:-.005em;margin:0}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.card-actions.center{justify-content:center}.tag{background:var(--surface-strong);color:var(--text-dim);letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex}.tag.gold{background:var(--accent-soft);color:var(--accent-text)}.hint{color:var(--text-dim);margin:0;font-size:.875rem;line-height:1.5}.hint.small{color:var(--text-faint);font-size:.8125rem;line-height:1.45}.hint.center{text-align:center}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--text-dim);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:8px;font-size:.72rem;font-weight:700;line-height:1.3;display:flex}.field-value{color:var(--text-faint);letter-spacing:0;text-transform:none;font-weight:500}.field-error{color:var(--danger);margin:0;font-size:.875rem}.button{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--panel-solid);min-height:40px;color:var(--text);letter-spacing:.005em;box-shadow:var(--hairline), 0 1px 2px #1c283e0f;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:.9375rem;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:var(--surface)}@media (hover:hover){.button:hover:not(:disabled){transform:translateY(var(--lift))}.button.primary:hover:not(:disabled){box-shadow:0 10px 22px -4px #be8c2861,inset 0 1px #ffffff8c,inset 0 0 0 1px #9669142e}}.button:active:not(:disabled){transform:scale(var(--press));transition-duration:var(--dur-instant)}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{background:linear-gradient(180deg, #f0c970, var(--accent));color:var(--accent-ink);border-color:#0000;font-weight:700;box-shadow:0 6px 16px -2px #be8c284d,inset 0 1px #ffffff8c,inset 0 0 0 1px #9669142e}.button.primary:hover:not(:disabled){background:linear-gradient(#f4d283,#e9bd5f)}.button.ghost{box-shadow:none;color:var(--text-dim);background:0 0;border-color:#0000}.button.ghost:hover:not(:disabled){background:var(--surface)}.button.danger{background:var(--danger);color:#fff;border-color:#0000;box-shadow:0 6px 16px -2px #c23b2c4d}.button.danger:hover:not(:disabled){background:var(--danger);filter:brightness(1.08)}.button.small{min-height:32px;padding:0 12px;font-size:.875rem}.button.small .icon{flex:none;width:16px;height:16px}.button.wide{width:100%}.icon-button{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-dim);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-strong);color:var(--text)}.icon-button:active{transition-duration:var(--dur-instant);transform:scale(.92)}.link-button{color:var(--accent-text);text-underline-offset:3px;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out);background:0 0;border:0;align-self:center;padding:4px;font-weight:700;text-decoration:underline}.link-button:hover{opacity:.75}.input{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--panel-solid);width:100%;min-height:44px;color:var(--text);font:inherit;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);padding:0 14px}.input:focus{border-color:var(--accent-text)}.input::placeholder{color:var(--text-faint)}.input[aria-invalid=true]{border-color:var(--danger)}.segmented{border-radius:var(--radius-md);background:var(--surface-strong);gap:2px;padding:3px;display:flex}.segmented button{min-height:32px;color:var(--text-dim);font-variant-numeric:tabular-nums;transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:0 8px;font-size:.875rem;font-weight:600}.segmented button.is-on{background:var(--panel-solid);color:var(--text);font-weight:700;box-shadow:0 1px 3px #1822342e,0 0 0 1px #1822340a}.segmented button:disabled{cursor:default}.toggle-row{justify-content:space-between;align-items:center;gap:14px;padding:6px 0;display:flex}.toggle-text{flex-direction:column;gap:2px;display:flex}.toggle-label{font-weight:600}.switch{appearance:none;background:var(--line-strong);cursor:pointer;width:44px;height:26px;transition:background var(--dur-base) var(--ease-out);border-radius:999px;flex:none;position:relative}.switch:after{content:"";width:20px;height:20px;transition:transform var(--dur-base) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--accent-text)}.switch:checked:after{transform:translate(18px)}.slider{appearance:none;background:linear-gradient(90deg, var(--accent-text) var(--fill,50%), var(--line-strong) var(--fill,50%));cursor:pointer;border-radius:999px;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent-text);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00000040}.slider::-moz-range-thumb{border:2px solid var(--accent-text);background:#fff;border-radius:50%;width:18px;height:18px}.avatar{object-fit:cover;color:#fff;background:var(--surface-strong);border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid}.avatar.is-bot{color:var(--text-dim)}.avatar .icon{width:62%;height:62%}.level-badge{border-radius:var(--radius-sm);background:var(--accent-soft);min-width:20px;height:18px;color:var(--accent-text);font-variant-numeric:tabular-nums;vertical-align:1px;place-items:center;margin-left:6px;padding:0 5px;font-size:.6875rem;font-weight:700;display:inline-grid}.place-badge{background:var(--surface-strong);width:28px;height:28px;color:var(--text-dim);border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid}.place-badge.is-small{width:20px;height:20px;font-size:.75rem}.level-badge.is-labelled{white-space:nowrap;margin-left:0}.place-1{color:#3a2a05;background:linear-gradient(145deg,#f7dd8d,#d9a62e)}.place-2{color:#28303d;background:linear-gradient(145deg,#eef1f6,#aab4c3)}.place-3{color:#35200a;background:linear-gradient(145deg,#e9b98c,#b7773b)}.watchers ul{flex-wrap:wrap;gap:6px 12px;margin:6px 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.watchers li{align-items:center;gap:6px;min-width:0;display:flex}.reactions{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-top:auto;padding-top:8px;display:grid}.reaction{border-radius:var(--radius-md);background:var(--surface);cursor:pointer;height:36px;transition:transform var(--dur-fast) var(--ease-spring), background var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);border:1px solid #0000;padding:0;font-size:1.125rem;line-height:1}.reaction:hover{background:var(--surface-strong)}@media (hover:hover){.reaction:hover{transform:translateY(-2px)scale(1.08)}}.reaction:active{transition-duration:var(--dur-instant);transform:scale(.88)}.reaction[aria-disabled=true]{opacity:.45}.share{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;padding:12px;display:flex}.share-head{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.share-head .button{min-height:24px;margin-right:-8px;padding:0 8px;font-size:.8125rem}.share-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-row .button{white-space:nowrap;flex:auto;min-width:0;padding:0 10px}.share-row .button.is-copied{border-color:var(--good);color:var(--good)}.share-code,.code-chip{border-radius:var(--radius-sm);background:var(--surface-strong);letter-spacing:.12em;padding:4px 10px;font:700 1rem/1.4 ui-monospace,SF Mono,Menlo,Consolas,monospace}.share-code{letter-spacing:.08em;background:var(--panel-solid);border:1px solid var(--line);box-shadow:var(--hairline);padding:6px 10px}.xp-meter{flex-direction:column;gap:6px;display:flex}.xp-meter-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.xp-gain{color:var(--accent-text);font-weight:800}.xp-note,.xp-next{color:var(--text-faint);font-size:.8125rem}.xp-note.level-up{color:var(--good);font-weight:800}.xp-meter.is-levelled .level-badge{background:var(--accent);color:var(--accent-ink);animation:level-pop .64s var(--ease-spring) backwards}.xp-meter.is-levelled .xp-bar{box-shadow:0 0 0 3px var(--accent-soft);transition:box-shadow var(--dur-slow) var(--ease-out)}@keyframes level-pop{0%{transform:scale(var(--pop-deep))}}.xp-bar{background:var(--surface-strong);border-radius:999px;height:8px;overflow:hidden}.xp-bar>span{border-radius:inherit;height:100%;transition:width 1.1s var(--ease-out) .35s;background:linear-gradient(90deg,#e2b552,#f4d283);display:block}.xp-bar>span.is-reset{transition:none}.xp-chip{background:var(--accent-soft);color:var(--accent-text);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:700}.standings-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.standings-list li{border-radius:10px;align-items:center;gap:9px;padding:6px 8px;display:flex}.standings-list li.is-me{background:var(--accent-soft)}.standing-pos{text-align:center;width:18px;color:var(--text-faint);font-weight:800}.standing-pos.pos-1{color:var(--accent-text)}.standing-who{flex-direction:column;flex:1;min-width:0;display:flex}.standing-name{font-weight:700}.standing-detail{color:var(--text-faint);font-size:.8125rem}.topbar{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--hairline), var(--shadow-sm);font:600 1.15rem/1 var(--display);border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 7px;display:flex}@media (width<=380px){.brand{padding:5px}.brand span{display:none}}.topbar-actions{border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--hairline), var(--shadow-sm);gap:2px;padding:4px;display:flex}.toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);color:#f8fafc;max-width:min(90vw,440px);box-shadow:var(--shadow);animation:toast-in var(--dur-base) var(--ease-out) backwards;background:#1f2937;padding:10px 16px;font-size:.875rem;font-weight:600;line-height:1.4}.toast.is-error{background:#8f2a1f}.toast.is-leaving{animation:toast-out var(--dur-base) var(--ease-in) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(calc(var(--rise) * -.8)) scale(var(--pop-from))}}@keyframes toast-out{to{opacity:0;transform:translateY(calc(var(--rise) * -.5)) scale(var(--pop-from))}}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--dur-base) var(--ease-out) backwards;background:#141c2a73;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-backdrop.is-light{-webkit-backdrop-filter:none;backdrop-filter:none;background:#141c2a24}@media (width>=900px) and (height>=560px){.modal-backdrop.is-light{place-items:center end;padding-right:28px}.modal-backdrop.is-light .modal{width:min(400px,100%)}}.modal-backdrop.is-leaving{animation:fade-out var(--dur-fast) var(--ease-in) forwards}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.modal{border-radius:var(--radius-xl);background:var(--panel-solid);width:min(480px,100%);max-height:calc(100dvh - 36px);box-shadow:var(--shadow);animation:modal-in var(--dur-slow) var(--ease-out) backwards;flex-direction:column;gap:14px;padding:20px;display:flex;overflow-y:auto}.modal-backdrop.is-leaving .modal{animation:modal-out var(--dur-fast) var(--ease-in) forwards}@keyframes modal-in{0%{opacity:0;transform:translateY(var(--rise)) scale(var(--pop-from))}}@keyframes modal-out{to{opacity:0;transform:translateY(calc(var(--rise) * .5)) scale(.98)}}.settings-section{border-top:1px solid var(--line);color:var(--text-faint);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;margin:6px 0 0;padding-top:12px;font-size:.72rem;font-weight:700;display:flex}.settings-section .icon{width:16px;height:16px;color:var(--accent-text)}.title-card{border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);width:min(420px,100%);box-shadow:var(--hairline), var(--shadow);animation:card-in var(--dur-reveal) var(--ease-out) backwards;flex-direction:column;gap:16px;padding:28px;display:flex}.title-card.is-splash{text-align:center;align-items:center}.title-lede{color:var(--text-dim);margin:0;font-size:.9375rem;line-height:1.55}.title-foot{border-top:1px solid var(--line);color:var(--text-faint);margin:4px 0 0;padding-top:16px;font-size:.8125rem;line-height:1.5}.wordmark{align-items:center;gap:14px;display:flex}.title-card>.wordmark:not(.is-compact){border-bottom:1px solid #0000;border-image:linear-gradient(90deg, var(--line-strong), transparent) 1;padding-bottom:18px}.invite{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.invite-dot{background:var(--text-faint);border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px;position:relative}.invite.is-waiting .invite-dot{background:var(--good)}.invite.is-live .invite-dot{background:var(--accent-text)}.invite.is-empty .invite-dot{box-shadow:0 0 0 1.5px var(--text-faint) inset;background:0 0}.invite.is-waiting .invite-dot:after{content:"";border-radius:inherit;background:var(--good);animation:invite-ping 1.8s var(--ease-out) .4s 3 backwards;position:absolute;inset:0}@keyframes invite-ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.invite-text{min-width:0}.invite-lead{margin:0;font-weight:600;line-height:1.35}.invite-meta{color:var(--text-dim);margin:3px 0 0;font-size:.8125rem;line-height:1.5}.invite .code-chip{letter-spacing:.1em;padding:0 6px;font-size:.8125rem}.code-entry{flex-direction:column;gap:8px;display:flex}.link-button.is-quiet{color:var(--text-faint);font-weight:500}.splash-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #be8c2847}.splash-icon .icon{width:22px;height:22px}.splash-title{font:600 1.5rem/1.15 var(--display);letter-spacing:-.005em;margin:0}.title-card.has-icon .title-lede{max-width:30ch}.wordmark h1{font:600 2.25rem/1.05 var(--display);letter-spacing:-.01em;margin:0}.wordmark p{color:var(--accent-text);font:italic 500 1.0625rem/1.2 var(--display);margin:4px 0 0}.wordmark.is-compact h1{font-size:1.6rem}.code-row{gap:8px;display:flex}.code-input{letter-spacing:.18em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.splash-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.spinner{border:3px solid var(--line-strong);border-top-color:var(--accent-text);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-line{color:var(--text-faint);flex-direction:column;gap:6px;font-size:.8125rem;display:flex}.loading-line-bar{background:var(--surface-strong);border-radius:999px;height:4px;overflow:hidden}.loading-line-bar>span{background:var(--accent-text);height:100%;transition:width .25s;display:block}.connection-banner{z-index:20;background:var(--danger);color:#fff;animation:banner-in var(--dur-base) var(--ease-out) backwards;border-radius:999px;padding:6px 14px;font-size:.875rem;font-weight:600;position:absolute;top:64px;left:50%;transform:translate(-50%)}@keyframes banner-in{0%{opacity:0;transform:translate(-50%, calc(var(--rise) * -1))}}.skeleton{border-radius:var(--radius-md);background:var(--surface-strong);position:relative;overflow:hidden}.skeleton:after{content:"";animation:sheen 1.5s var(--ease-in-out) infinite;background:linear-gradient(100deg,#0000 20%,#ffffff8c 50%,#0000 80%);position:absolute;inset:0;transform:translate(-100%)}@keyframes sheen{to{transform:translate(100%)}}@media (width<=820px),(aspect-ratio<=1){.game{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.panel{border-left:0;border-top:1px solid var(--line);max-height:46dvh}.overlay{place-items:start center;padding-top:64px}}@media (pointer:coarse){.button,.button.small,.icon-button,.icon-button.small,.segmented button,.select,.input,.link-button{min-height:44px}.icon-button,.icon-button.small{width:44px}.reaction{height:44px}.reactions{grid-template-columns:repeat(4,minmax(0,1fr))}.share-head .button{min-height:44px}.link-button{padding:4px 10px}.slider{background-origin:content-box;background-clip:content-box;height:44px;padding:19px 0}}@media (pointer:coarse) and (width>=481px) and (width<=820px),(pointer:coarse) and (width>=481px) and (aspect-ratio<=1){.reactions{grid-template-columns:repeat(8,minmax(0,1fr))}}.overlay>.title-card{max-height:100%;overflow-y:auto}@media (height<=520px){.title-card{gap:8px;padding:14px 18px}.overlay{padding-top:58px;padding-bottom:8px}}@media (prefers-reduced-motion:reduce){:root{--rise:0px;--lift:0px;--press:1;--pop-from:1;--pop-deep:1;--dur-slow:.2s;--dur-reveal:.24s}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.panel>.card,.title-card,.toast,.modal,.modal-backdrop,.connection-banner{animation-duration:var(--dur-base)!important}.toast.is-leaving,.modal-backdrop.is-leaving,.modal-backdrop.is-leaving .modal{animation-duration:var(--dur-fast)!important}.spinner{animation-duration:2.4s!important;animation-iteration-count:infinite!important}.skeleton:after{display:none}.reaction:hover,.icon-button:active,.reaction:active{transform:none}}