@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0b0d;--surface:#141619;--surface-2:#1b1e23;--surface-3:#262a31;--line:#ffffff12;--line-2:#ffffff1f;--text:#f3f4f6;--text-2:#a3a8b3;--text-3:#6f7581;--accent:#d4ff3a;--accent-ink:#12160a;--red:#ff5a5f;--green:#2bd67b;--gold:#ffc83d;--silver:#c9d1d9;--bronze:#e0a370;--blue:#3dd6ff;--purple:#b78cff;--font-ui:"Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque Variable", var(--font-ui);--radius-sm:10px;--radius:16px;--radius-lg:24px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--tabbar-h:64px;--gutter:16px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}html:has(.app--fullscreen){overscroll-behavior:none}body{background:radial-gradient(120% 60% at 50% -10%, #d4ff3a12, transparent 60%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;font-size:1rem;line-height:1.5}h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button,a,label{touch-action:manipulation}fieldset{border:0;min-width:0;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}kbd{border:1px solid var(--line-2);background:var(--surface-2);font-family:var(--font-ui);color:var(--text-2);border-radius:6px;padding:0 6px;font-size:.75rem;line-height:1.6;display:inline-block}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.18s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.18s;animation-timing-function:var(--ease-out)}.app{min-height:100dvh}.view{padding:calc(var(--safe-t) + 20px) var(--gutter) calc(var(--tabbar-h) + var(--safe-b) + 32px)}.page{max-width:720px;margin-inline:auto}.tabbar{z-index:50;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-top:1px solid var(--line);view-transition-name:tabbar;background:#0a0b0dc7;position:fixed;inset:auto 0 0}.tabbar__brand,.tabbar__foot{display:none}.tabbar__list{grid-template-columns:repeat(4,1fr);height:100%;display:grid}.tabbar__link{letter-spacing:.01em;height:100%;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.6875rem;font-weight:600;transition:color .15s;display:flex}.tabbar__link[aria-current=page]{color:var(--text)}.tabbar__link[aria-current=page] svg{color:var(--accent)}.tabbar__link svg{transition:transform .16s var(--ease-out)}.tabbar__link:active svg{transform:scale(.9)}@media (width>=960px){.app:not(.app--fullscreen){grid-template-columns:248px 1fr;display:grid}.tabbar{border-top:0;border-right:1px solid var(--line);background:#0c0d1099;flex-direction:column;gap:28px;height:100dvh;padding:28px 16px 24px;display:flex;position:sticky;inset:0 auto auto 0}.tabbar__brand{color:var(--accent);align-items:center;gap:10px;padding-inline:12px;display:flex}.tabbar__brand span{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.625rem;font-weight:800}.tabbar__list{flex-direction:column;gap:4px;height:auto;display:flex}.tabbar__link{border-radius:12px;flex-direction:row;justify-content:flex-start;gap:12px;height:44px;padding-inline:12px;font-size:.9375rem}.tabbar__link[aria-current=page]{background:var(--surface-2)}.tabbar__foot{margin-top:auto;padding-inline:12px;display:block}.view{padding:48px 48px 64px}}@media (hover:hover) and (pointer:fine){.tabbar__link:hover{color:var(--text)}}.page-head{align-items:center;gap:8px;min-height:44px;margin-bottom:20px;display:flex}.page-head--plain{justify-content:space-between}.page-head .icon-btn:first-child{margin-left:-10px}.page-head__spacer{flex:1}.page-head__titles{min-width:0}.page-title{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;font-size:2rem;font-weight:800;line-height:1.1}.page-title--sm{font-size:1.375rem}.page-sub{color:var(--text-3);font-size:.8125rem}.section-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.2}.section-head{justify-content:space-between;align-items:center;gap:12px;margin:32px 0 12px;display:flex}.count{background:var(--surface-2);min-width:24px;height:22px;font-family:var(--font-ui);color:var(--text-2);vertical-align:3px;border-radius:999px;place-items:center;margin-left:4px;padding-inline:7px;font-size:.75rem;font-weight:600;display:inline-grid}.hint{color:var(--text-3);text-wrap:pretty;font-size:.8125rem;line-height:1.5}.text-link{color:var(--accent);align-items:center;gap:4px;font-size:.875rem;font-weight:600;display:inline-flex}.tag{background:var(--surface-3);letter-spacing:.03em;text-transform:uppercase;height:22px;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;padding-inline:8px;font-size:.6875rem;font-weight:600;display:inline-flex}.tag--warn{color:var(--gold);background:#ffc83d24}.card{border:1px solid var(--line);background:var(--surface);border-radius:20px;margin-block:12px;padding:16px}.card>.section-title{margin-bottom:12px}.empty{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:14px;padding:56px 16px;display:flex}.empty svg{color:var(--text-3)}.empty--center{justify-content:center;min-height:100dvh}.spin{animation:.8s linear infinite spin}@keyframes spin{to{rotate:360deg}}.sync-badge{background:var(--surface-2);height:26px;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding-inline:10px;font-size:.75rem;font-weight:600;display:inline-flex}.sync-badge--server{color:var(--green)}.sync-badge--offline{color:var(--gold)}.btn{border:1px solid var(--line-2);background:var(--surface-2);white-space:nowrap;-webkit-user-select:none;user-select:none;height:48px;transition:transform .16s var(--ease-out), background-color .15s ease, opacity .15s ease;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding-inline:20px;font-size:1rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn--ghost{background:0 0}.btn--secondary{background:var(--surface-3)}.btn--danger{background:var(--red);color:#fff;border-color:#0000}.btn--danger-ghost{color:var(--red);background:0 0;border-color:#ff5a5f59}.btn--sm{border-radius:11px;height:36px;padding-inline:14px;font-size:.875rem}.btn--lg{height:56px;padding-inline:28px}.btn--xl{border-radius:18px;width:100%;height:64px;font-size:1.125rem}.btn--grow{flex:1}.btn--countdown{isolation:isolate;position:relative;overflow:hidden}.btn--countdown:after{content:"";z-index:-1;transform-origin:0;animation:countdown var(--t) linear both;background:#00000029;position:absolute;inset:0}@keyframes countdown{0%{transform:scaleX(0)}}.btn__stack{flex-direction:column;align-items:center;line-height:1.25;display:flex}.btn__stack small{opacity:.7;font-size:.75rem;font-weight:500}.icon-btn{width:44px;height:44px;color:var(--text-2);transition:transform .16s var(--ease-out), background-color .15s ease;border-radius:12px;flex:none;place-items:center;display:inline-grid}.icon-btn:active{background:var(--surface-2);transform:scale(.94)}.icon-btn--sm{width:36px;height:36px}@media (hover:hover) and (pointer:fine){.btn--primary:hover{background:#e0ff6b}.btn--ghost:hover,.btn--secondary:hover{background:var(--surface-3)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}}.avatar{--size:40px;width:var(--size);height:var(--size);background:color-mix(in oklab, var(--c) 20%, var(--surface-2));box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--c) 55%, transparent);color:var(--c);font-family:var(--font-display);font-size:calc(var(--size) * .4);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.avatar--xs{--size:22px}.avatar--sm{--size:32px}.avatar--lg{--size:56px}.avatar--xl{--size:88px;box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--c) 60%, transparent), 0 12px 40px -8px color-mix(in oklab, var(--c) 45%, transparent)}.avatar-stack{flex:none;display:inline-flex}.avatar-stack .avatar+.avatar{margin-left:-10px}.avatar-stack .avatar{outline:2px solid var(--surface)}.field{margin-bottom:20px}.field-label{color:var(--text-2);margin-bottom:8px;font-size:.8125rem;font-weight:600;display:block}.field-error{color:var(--red);margin-top:6px;font-size:.8125rem}.input{border:1px solid var(--line-2);background:var(--surface-2);border-radius:14px;width:100%;height:52px;padding-inline:16px;font-size:1.0625rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #d4ff3a24}.input[aria-invalid=true]{border-color:var(--red)}.segmented{margin-bottom:18px}.segmented__track{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented__option{cursor:pointer;position:relative}.segmented__option input,.mode-card input,.swatch input,.emoji-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__option span{min-height:42px;color:var(--text-2);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:6px 8px;font-size:.9375rem;font-weight:600;line-height:1.2;transition:background-color .15s,color .15s;display:flex}.segmented__option small{color:var(--text-3);font-size:.6875rem;font-weight:500}.segmented__option:has(input:checked) span{background:var(--surface-3);color:var(--text);box-shadow:inset 0 1px #ffffff0f,0 4px 12px -4px #00000080}.segmented__option:has(input:focus-visible) span{outline:2px solid var(--accent);outline-offset:-2px}.segmented--lg .segmented__option span{min-height:52px;font-family:var(--font-display);font-size:1.375rem;font-weight:700}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-weight:600;display:flex}.switch>span{flex-direction:column;display:flex}.switch small{color:var(--text-3);font-size:.8125rem;font-weight:400}.switch input{appearance:none;background:var(--surface-3);cursor:pointer;border-radius:999px;flex:none;width:50px;height:30px;margin:0;transition:background-color .2s;position:relative}.switch input:before{content:"";background:var(--text);width:24px;height:24px;transition:translate .22s var(--ease-out), background-color .2s ease;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000059}.switch input:checked{background:var(--accent)}.switch input:checked:before{background:var(--accent-ink);translate:20px}.voice-picker{margin-top:-6px}.voice-picker .field-label{margin-bottom:6px}.voice-picker__row,.field-row{gap:8px;display:flex}.voice-picker select.input{flex:1;min-width:0;padding-inline-end:12px}.field-row .input{flex:1;min-width:0}.field-hint{margin-top:6px}.input-btn{border:1px solid var(--line-2);background:var(--surface-2);border-radius:14px;flex:none;align-items:center;gap:6px;height:52px;padding-inline:16px;font-weight:600;display:flex}.voice-picker .hint{margin-top:8px}.settings-row{justify-content:space-between;align-items:center;font-weight:600;display:flex}.menu-stack{flex-direction:column;gap:18px;margin-block:16px 8px;display:flex}.menu-stack .segmented{margin-bottom:0}.hint--keys{display:none}@media (hover:hover) and (pointer:fine){.hint--keys{line-height:2;display:block}}.sheet{width:100%;max-width:560px;max-height:92dvh;color:var(--text);transition:translate .28s var(--ease-drawer), display .28s allow-discrete, overlay .28s allow-discrete;background:0 0;border:0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:visible;translate:0 100%}.sheet[open]{translate:0}@starting-style{.sheet[open]{translate:0 100%}}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .28s ease, display .28s allow-discrete, overlay .28s allow-discrete;background:#0009}.sheet[open]::backdrop{opacity:1}@starting-style{.sheet[open]::backdrop{opacity:0}}.sheet__body{overscroll-behavior:contain;max-height:92dvh;padding:8px 20px calc(20px + var(--safe-b));border:1px solid var(--line-2);background:var(--surface);border-bottom:0;border-radius:26px 26px 0 0;overflow-y:auto;box-shadow:0 -20px 60px -20px #0009}.sheet--celebrate .sheet__body{background:radial-gradient(100% 70% at 50% 0%, #d4ff3a1f, transparent 70%), var(--surface)}.sheet__grip{background:var(--surface-3);border-radius:999px;width:36px;height:4px;margin:0 auto 8px}.sheet__head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:8px;display:flex}.sheet__head .icon-btn{margin-left:auto;margin-right:-8px}.sheet__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.375rem;font-weight:700}.sheet__text{color:var(--text-2);text-wrap:pretty}.sheet__actions{gap:10px;margin-top:24px;display:flex}@media (width>=640px){.sheet{opacity:1;max-width:480px;height:fit-content;transition:scale .2s var(--ease-out), opacity .2s var(--ease-out), display .2s allow-discrete, overlay .2s allow-discrete;margin:auto;inset:0;translate:none;scale:1}.sheet:not([open]){opacity:0;scale:.96}@starting-style{.sheet[open]{opacity:0;translate:none;scale:.96}}.sheet__body{border-bottom:1px solid var(--line-2);border-radius:26px;padding:20px 24px 24px}.sheet__grip{display:none}}.home-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.brand{color:var(--accent);align-items:center;gap:12px;display:flex}.brand__name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:1.75rem;font-weight:800;line-height:1}.brand__sub{color:var(--text-3);margin-top:2px;font-size:.8125rem}@media (width>=960px){.home-head .brand{visibility:hidden}}.hero-cta{isolation:isolate;min-height:200px;color:var(--accent-ink);transition:transform .18s var(--ease-out);background:radial-gradient(90% 120% at 0 100%,#ffffff47,#0000 60%),linear-gradient(135deg,#d4ff3a,#a6e81c);border-radius:28px;flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px -24px #d4ff3a73}.hero-cta:active{transform:scale(.98)}.hero-cta__text{z-index:1;flex-direction:column;display:flex;position:relative}.hero-cta__title{font-family:var(--font-display);letter-spacing:-.035em;font-size:2.75rem;font-weight:800;font-stretch:85%;line-height:.95}.hero-cta__sub{opacity:.7;margin-top:6px;font-size:.875rem;font-weight:600}.hero-cta__go{z-index:1;background:var(--accent-ink);width:52px;height:52px;color:var(--accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;left:24px}.hero-cta__board{z-index:-1;filter:drop-shadow(0 16px 30px #00000059);width:240px;transition:rotate .7s var(--ease-out);position:absolute;top:-56px;right:-96px;rotate:-14deg}@media (hover:hover) and (pointer:fine){.hero-cta:hover .hero-cta__board{rotate:4deg}}.db-rim{fill:#121416}.db-dark{fill:#17191c}.db-light{fill:#ece5d0}.db-red{fill:#e63b3b}.db-green{fill:#1b8a4c}.db-num{fill:#d8d8d8;font-family:var(--font-display);font-size:11px;font-weight:700}.resume-card{background:linear-gradient(180deg, #d4ff3a0f, transparent), var(--surface);transition:transform .16s var(--ease-out);border:1px solid #d4ff3a59;border-radius:22px;gap:12px;margin-bottom:14px;padding:16px;display:grid}.resume-card:active{transform:scale(.98)}.resume-card__label{color:var(--text-2);align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:flex}.live-dot{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite live;box-shadow:0 0 #ff5a5f99}@keyframes live{to{box-shadow:0 0 0 8px #ff5a5f00}}.resume-card__players{gap:6px;display:grid}.resume-card__players li{color:var(--text-2);align-items:center;gap:10px;font-weight:500;display:flex}.resume-card__players li[data-active]{color:var(--text)}.resume-card__players strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.25rem}.resume-card__cta{color:var(--accent);justify-self:end;align-items:center;gap:6px;font-weight:700;display:inline-flex}.again{border:1px solid var(--line);background:var(--surface);text-align:left;width:100%;transition:transform .16s var(--ease-out), background-color .15s ease;border-radius:18px;align-items:center;gap:14px;margin-top:12px;padding:14px 16px;display:flex}.again:active{transform:scale(.98)}.again>svg{color:var(--accent);flex:none}.again__text{flex-direction:column;flex:1;min-width:0;display:flex}.again__text span{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.home-section .hint{margin-top:10px}.mini-ranks{gap:8px;display:grid}.mini-rank{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:24px auto 1fr auto;align-items:center;gap:12px;padding:10px 16px 10px 12px;display:grid}.mini-rank__pos{font-family:var(--font-display);text-align:center;font-size:1.25rem;font-weight:800}.mini-rank[data-rank="1"] .mini-rank__pos{color:var(--gold)}.mini-rank[data-rank="2"] .mini-rank__pos{color:var(--silver)}.mini-rank[data-rank="3"] .mini-rank__pos{color:var(--bronze)}.mini-rank__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mini-rank__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.onboard{border:1px dashed var(--line-2);border-radius:22px;margin-top:32px;padding:20px}.onboard__steps{counter-reset:step;color:var(--text-2);gap:12px;margin-top:14px;display:grid}.onboard__steps li{counter-increment:step;grid-template-columns:28px 1fr;gap:10px;display:grid}.onboard__steps li:before{content:counter(step);background:var(--surface-2);width:28px;height:28px;font-family:var(--font-display);color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.game-list{gap:8px;display:grid}.game-row{border:1px solid var(--line);background:var(--surface);transition:transform .16s var(--ease-out), background-color .15s ease;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.game-row:active{transform:scale(.985)}.game-row__main{gap:3px;min-width:0;display:grid}.game-row__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.game-row__meta{color:var(--text-2);align-items:center;gap:8px;font-size:.8125rem;display:flex}.game-row__winner{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.game-row__winner svg{color:var(--gold);flex:none}.game-row__side{justify-items:end;gap:2px;display:grid}.game-row__side strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.0625rem}.game-row__side time{color:var(--text-3);font-size:.75rem}.mode-badge{color:var(--accent);background:#d4ff3a1f;border-radius:999px;flex:none;padding:1px 8px;font-size:.6875rem;font-weight:700}.mode-badge[data-mode=cricket]{color:var(--blue);background:#3dd6ff1f}.mode-badge[data-mode=atc]{color:var(--purple);background:#b78cff24}@media (hover:hover) and (pointer:fine){.game-row:hover,.mini-rank:hover,.again:hover,.rank-row:hover,.player-card:hover{background:var(--surface-2)}}.setup-section+.setup-section{margin-top:8px}.setup-section>.section-title{margin-bottom:12px}.mode-cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mode-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:104px;transition:transform .16s var(--ease-out), border-color .15s ease, background-color .15s ease;border-radius:18px;flex-direction:column;justify-content:space-between;gap:18px;padding:14px;display:flex;position:relative}.mode-card:active{transform:scale(.97)}.mode-card__glyph{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-3);font-size:1.625rem;font-weight:800;font-stretch:80%;line-height:1;transition:color .15s}.mode-card__title{font-size:.9375rem;font-weight:600}.mode-card:has(input:checked){background:linear-gradient(180deg, #d4ff3a1a, #d4ff3a05), var(--surface);border-color:#d4ff3a99}.mode-card:has(input:checked) .mode-card__glyph{color:var(--accent)}.mode-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.mode-hint{margin:10px 2px 20px}.chip-cloud{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.player-chip{border:1px solid var(--line-2);background:var(--surface);height:40px;transition:transform .16s var(--ease-out), background-color .15s ease;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-weight:600;display:inline-flex}.player-chip:active{transform:scale(.95)}.player-chip[aria-pressed=true]{border-color:color-mix(in oklab, var(--accent) 60%, transparent);background:#d4ff3a1a}.player-chip__check{color:var(--accent);margin-right:-4px}.draw-hint{align-items:center;gap:6px;margin-top:-4px;display:flex}.draw-hint svg{color:var(--accent);flex:none}.player-chip--new{color:var(--accent);border-style:dashed;padding-left:12px}.sticky-cta{bottom:calc(var(--tabbar-h) + var(--safe-b) + 12px);z-index:5;margin-top:28px;padding-top:12px;position:sticky}.sticky-cta .btn{box-shadow:0 16px 40px -12px #d4ff3a66, 0 0 0 6px var(--bg)}@media (width>=960px){.sticky-cta{bottom:24px}}.player-form__preview{place-items:center;margin:4px 0 20px;display:grid}.swatches{flex-wrap:wrap;gap:12px;display:flex}.swatch{background:var(--c);cursor:pointer;width:36px;height:36px;transition:transform .16s var(--ease-out);border-radius:50%;position:relative}.swatch:active{transform:scale(.9)}.swatch:has(input:checked){outline:2px solid var(--text);outline-offset:3px}.swatch:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.emoji-option{aspect-ratio:1;background:var(--surface-2);font-family:var(--font-display);cursor:pointer;border:1px solid #0000;border-radius:12px;place-items:center;font-size:1.25rem;font-weight:700;transition:background-color .15s;display:grid;position:relative}.emoji-option:first-child{font-size:.875rem}.emoji-option:has(input:checked){border-color:var(--accent);background:#d4ff3a24}.emoji-option:has(input:focus-visible){outline:2px solid var(--accent)}.player-form__actions{gap:10px;margin-top:8px;display:flex}.player-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;display:grid}.player-card{border:1px solid var(--line);background:var(--surface);text-align:center;min-width:0;transition:transform .16s var(--ease-out), background-color .15s ease;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px 16px;display:flex}.player-card:active{transform:scale(.97)}.player-card[data-archived]{opacity:.55}.player-card__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.player-card__meta{flex-direction:column;line-height:1.3;display:flex}.player-card__meta strong{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.player-card__meta span{color:var(--text-3);font-size:.75rem}.player-card--add{border-style:dashed;border-color:var(--line-2);color:var(--text-2);background:0 0;justify-content:center}.player-card__plus{background:var(--surface-2);width:56px;height:56px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.archived{margin-top:28px}.archived summary{color:var(--text-2);cursor:pointer;margin-bottom:12px;font-weight:600}.profile{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;display:flex}.profile__name{font-family:var(--font-display);letter-spacing:-.03em;font-size:2.25rem;font-weight:800;line-height:1.05}.form{gap:4px;display:flex}.form li{border-radius:6px;place-items:center;width:22px;height:22px;font-size:.6875rem;font-weight:700;display:grid}.form li[data-result=W]{color:var(--green);background:#2bd67b29}.form li[data-result=L]{color:var(--red);background:#ff5a5f24}.tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;padding:12px 14px}.tile dt{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.tile dd{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.5rem;font-weight:700;line-height:1.2}.tile[data-accent] dd{color:var(--c,var(--accent))}.stat-section{margin-top:32px}.stat-section>.section-title{margin-bottom:12px}.chart-card{color:var(--c,var(--accent))}.chart-card__head{color:var(--text);justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.chart-card__title{color:var(--text-2);font-size:.875rem;font-weight:600}.chart-card__value{font-family:var(--font-display);font-size:1.375rem;font-weight:700}.sparkline{width:100%;height:64px;display:block;overflow:visible}.h2h{gap:8px;display:grid}.h2h__row{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;padding:12px 14px;display:grid}.h2h__name{font-weight:600}.h2h__score{font-family:var(--font-display);color:var(--text-2);font-variant-numeric:tabular-nums;font-size:1.125rem}.h2h__score strong{color:var(--text)}.h2h__bar{background:#ff5a5f59;border-radius:999px;grid-column:1/-1;height:4px;overflow:hidden}.h2h__bar span{background:var(--green);transform-origin:0;height:100%;display:block}.chip-scroll{margin:0 calc(var(--gutter) * -1) 14px;padding-inline:var(--gutter);scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chip-scroll::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--line-2);background:var(--surface);height:38px;color:var(--text-2);transition:background-color .15s ease, color .15s ease, transform .16s var(--ease-out);border-radius:999px;flex:none;padding-inline:16px;font-size:.875rem;font-weight:600}.filter-chip:active{transform:scale(.95)}.filter-chip[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:#0000}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;margin:28px 0 16px;display:grid}.podium__spot[data-rank="1"]{order:2}.podium__spot[data-rank="2"]{order:1}.podium__spot[data-rank="3"]{order:3}.podium__link{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.podium__avatar{margin-bottom:8px;position:relative}.podium__crown{font-size:1.5rem;position:absolute;top:-22px;left:50%;translate:-50%;rotate:-8deg}.podium__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.875rem;font-weight:600;overflow:hidden}.podium__value{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800;line-height:1.1}.podium__sub{color:var(--text-3);margin-bottom:10px;font-size:.6875rem}.podium__block{--tone:var(--bronze);background:linear-gradient(180deg, color-mix(in oklab, var(--tone) 30%, transparent), color-mix(in oklab, var(--tone) 4%, transparent));width:100%;height:56px;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--tone) 50%, transparent);font-family:var(--font-display);color:var(--tone);transform-origin:bottom;animation:rise .52s var(--ease-out) both;border-radius:14px 14px 6px 6px;place-items:start center;padding-top:8px;font-size:1.5rem;font-weight:800;display:grid}.podium__spot[data-rank="1"] .podium__block{--tone:var(--gold);height:100px;animation-delay:.12s}.podium__spot[data-rank="2"] .podium__block{--tone:var(--silver);height:76px;animation-delay:60ms}@keyframes rise{0%{opacity:0;transform:scaleY(.4)}}.rank-list{gap:6px;margin-bottom:16px;display:grid}.rank-row{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:24px auto 1fr auto;align-items:center;gap:12px;padding:10px 16px 10px 12px;display:grid}.rank-row__pos{font-family:var(--font-display);color:var(--text-3);text-align:center;font-weight:700}.rank-row__name{flex-direction:column;min-width:0;font-weight:600;line-height:1.3;display:flex}.rank-row__name small{color:var(--text-3);font-size:.75rem;font-weight:400}.rank-row__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.page--ranks .segmented{margin-bottom:0}.day__title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:28px 0 10px;font-size:.8125rem;font-weight:600}.day__title .count{vertical-align:1px}.result-hero{border:1px solid var(--line);background:radial-gradient(90% 80% at 50% 0%, color-mix(in oklab, var(--c) 22%, transparent), transparent 70%), var(--surface);text-align:center;border-radius:26px;flex-direction:column;align-items:center;padding:28px 20px 24px;display:flex}.result-hero .avatar{margin-bottom:12px}.result-hero__score{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:4px;font-size:2.5rem;font-weight:800;line-height:1}.win{text-align:center;flex-direction:column;align-items:center;padding-top:12px;display:flex}.win .avatar{margin-bottom:14px}.win__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:700}.win__title{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin-top:2px;font-size:2.125rem;font-weight:800;line-height:1.1}.win__sub{color:var(--text-2);margin-top:6px}.win .sheet__actions{width:100%}.legscore{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.legscore li{background:var(--surface-2);border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:.875rem;font-weight:600;display:flex}.legscore strong{background:var(--surface-3);min-width:28px;height:28px;font-family:var(--font-display);border-radius:999px;place-items:center;display:grid}.table-scroll{margin-inline:-16px;padding-inline:16px;overflow-x:auto}.stats-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.stats-table th,.stats-table td{border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;padding:10px 6px}.stats-table tbody tr:last-child>*{border-bottom:0}.stats-table tbody th{color:var(--text-2);text-align:left;font-size:.8125rem;font-weight:500}.stats-table td{font-weight:600}.stats-table td[data-best]{color:var(--accent)}.stats-table__player{flex-direction:column;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;display:inline-flex}.legs{gap:4px;display:grid}.legs__row{border-bottom:1px solid var(--line);grid-template-columns:52px auto 1fr auto;align-items:center;gap:10px;padding-block:8px;display:grid}.legs__row:last-child{border-bottom:0}.legs__n{color:var(--text-3);font-size:.8125rem}.legs__name{font-weight:600}.legs__detail{color:var(--text-2);font-size:.8125rem}.result-actions{gap:10px;margin-top:20px;display:flex}.confetti{z-index:100;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.dart-count{gap:10px;margin-top:8px;display:grid}.game{--key-h:clamp(44px, 6.6dvh, 66px);height:100dvh;padding-top:var(--safe-t);-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.game-head{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:6px 10px 2px;display:grid}.game-head__title{text-align:center;flex-direction:column;align-items:center;min-width:0;line-height:1.25;display:flex}.game-head__title strong{font-family:var(--font-display);font-size:1.0625rem;font-weight:700}.game-head__title span{max-width:100%;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.game__board{overscroll-behavior:contain;min-height:0;padding:8px 12px 12px;overflow-y:auto}.game__input{padding:10px 10px calc(10px + var(--safe-b));border-top:1px solid var(--line);background:var(--surface);border-radius:24px 24px 0 0;box-shadow:0 -16px 40px -20px #000000b3}@media (width>=900px),(orientation:landscape) and (height<=560px){.game{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(360px,440px)}.game-head{grid-column:1/-1}.game__board{padding:16px 20px}.game__input{border:1px solid var(--line);border-radius:24px;align-self:end;margin:0 16px 16px 0}}@media (width>=900px) and (height>=700px){.game__input{align-self:center}}@media (orientation:landscape) and (height<=560px){.game{--key-h:clamp(34px, 8.5dvh, 48px)}.game__input{margin:0 8px 8px 0;padding:8px}}.board{height:100%}.board--1,.board--2{grid-auto-rows:minmax(0,340px);gap:10px;display:grid}.board--2{grid-template-columns:1fr 1fr}.pcard{border:1px solid var(--line);background:var(--surface);border-radius:22px;flex-direction:column;min-width:0;padding:14px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex;position:relative}.pcard[data-active]{border-color:color-mix(in oklab, var(--c) 55%, transparent);background:radial-gradient(120% 90% at 50% 0%, color-mix(in oklab, var(--c) 16%, transparent), transparent 70%), var(--surface);box-shadow:0 18px 50px -24px color-mix(in oklab, var(--c) 55%, transparent)}.pcard__head{align-items:center;gap:8px;min-width:0;display:flex}.pcard__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);flex:1;font-size:.9375rem;font-weight:600;overflow:hidden}.pcard[data-active] .pcard__name{color:var(--text)}.pcard__score{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--text-3);margin:auto 0;padding-block:10px 8px;font-size:clamp(3.5rem,17vw,6.5rem);font-weight:800;font-stretch:78%;line-height:.9;transition:color .2s}.pcard[data-active] .pcard__score{color:var(--text)}.board--1 .pcard__score{text-align:center;font-size:clamp(5rem,28vw,9rem)}.pcard[data-done],.cricket th[data-done]{opacity:.5}.pcard__tag{align-self:flex-start;margin-bottom:8px}.pcard__route{flex-wrap:wrap;margin-bottom:10px}.pcard__meta{border-top:1px solid var(--line);grid-template-columns:repeat(3,auto);justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;display:grid}.pcard__meta div{min-width:0}.pcard__meta dt{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:.625rem;font-weight:600}.pcard__meta dd{font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:600}.pcard__meta dd[data-bust]{color:var(--red)}.board--many{flex-direction:column;gap:5px;display:flex}.board--many .pcard{border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"head route score""meta meta score";align-items:center;column-gap:10px;padding:8px 12px;display:grid}.board--many .pcard__head{grid-area:head}.board--many .pcard__score{grid-area:score;margin:0;padding:0;font-size:2.25rem}.board--many .pcard[data-active] .pcard__score{font-size:2.875rem}.board--many .avatar{--size:26px}.board--many .pcard__meta{border-top:0;grid-area:meta;justify-content:start;gap:14px;margin-top:2px;padding-top:0}.board--many .pcard__meta div{align-items:baseline;gap:5px;display:flex}.board--many .pcard__meta dd{color:var(--text-2);font-size:.8125rem}.board--many .pcard__route{grid-area:route;margin:0}.board--many .pcard__tag,.board--many .progress{display:none}.pips{flex:none;gap:4px;display:inline-flex}.pips i{background:var(--surface-3);border-radius:50%;width:8px;height:8px}.pips i[data-on]{background:var(--c,var(--accent));box-shadow:0 0 8px color-mix(in oklab, var(--c,var(--accent)) 60%, transparent)}.progress{background:var(--surface-3);border-radius:999px;height:6px;margin-bottom:10px;overflow:hidden}.progress span{border-radius:inherit;background:var(--c);transform-origin:0;height:100%;transition:scale .3s var(--ease-out);display:block}.board--atc .pcard__score{align-items:center;display:flex}.board--1.board--atc .pcard__score{justify-content:center}.board--cricket{overflow-x:auto}.cricket{width:100%;min-width:calc(56px + var(--cols) * 72px);border-collapse:separate;border-spacing:0;table-layout:fixed}.cricket td:first-child,.cricket tbody th{width:60px}.cricket thead th{vertical-align:bottom;border-radius:18px 18px 0 0;padding:8px 4px 10px;font-weight:600}.cricket__player{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.cricket__name{max-width:100%;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.cricket th[data-active] .cricket__name{color:var(--text)}.cricket__points{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:4px;font-size:2rem;font-weight:800;font-stretch:80%;line-height:1;display:block}.cricket__points[data-lead]{color:var(--c)}.cricket__mpr{color:var(--text-3);margin-top:2px;font-size:.6875rem;font-weight:500;display:block}.cricket [data-active]{background:color-mix(in oklab, var(--c) 9%, transparent)}.cricket tbody th{font-family:var(--font-display);text-align:center;font-size:1.25rem;font-weight:800}.cricket tbody td,.cricket tbody th{border-top:1px solid var(--line);height:clamp(34px,5.4dvh,50px)}.cricket tbody tr:last-child td[data-active]{border-radius:0 0 18px 18px}.cricket tbody td{text-align:center;color:var(--text-3)}.cricket tbody td[data-scoring]{color:var(--c)}.cricket tr[data-dead] th{color:var(--text-3);text-decoration:line-through;text-decoration-thickness:2px}.cricket tr[data-dead] td{opacity:.35}.marks{vertical-align:middle;fill:currentColor;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;width:clamp(22px,3.6dvh,30px);height:clamp(22px,3.6dvh,30px)}.marks--0{stroke:none;opacity:.5}.marks--1,.marks--2{color:var(--text)}.marks--3{color:var(--c)}.marks circle[fill=none]{stroke-width:2.2px}.dictation{min-height:20px;color:var(--text-3);align-items:center;gap:6px;margin-bottom:8px;font-size:.8125rem;display:flex}.dictation span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dictation[data-state=listening] svg,.dictation[data-state=hearing]{color:var(--accent)}.dictation[data-state=bad]{color:var(--red)}.turn{justify-content:space-between;align-items:center;gap:10px;min-height:44px;margin-bottom:10px;display:flex}.turn__darts{gap:6px;display:flex}.turn__darts li{border:1.5px dashed var(--line-2);width:58px;height:40px;font-family:var(--font-display);color:var(--text-3);border-radius:12px;place-items:center;font-size:1.125rem;font-weight:700;display:grid}.turn__darts li[data-state=next]{border-color:color-mix(in oklab, var(--c) 70%, transparent);background:color-mix(in oklab, var(--c) 8%, transparent)}.turn__darts li[data-state=done]{border:1px solid var(--line-2);background:var(--surface-3);color:var(--text)}@starting-style{.turn__darts li[data-state=done]{opacity:.4;scale:.85}}.turn__darts li{transition:scale .18s var(--ease-out), opacity .18s ease}.turn__darts li[data-m="2"]{color:var(--green)}.turn__darts li[data-m="3"]{color:var(--red)}.route{gap:4px;display:flex}.route span{font-family:var(--font-display);color:var(--accent);white-space:nowrap;background:#d4ff3a1f;border-radius:7px;padding:3px 7px;font-size:.875rem;font-weight:700;line-height:1.3}.route--lg span{border-radius:9px;padding:5px 9px;font-size:1.0625rem}.route span[data-next]{background:var(--accent);color:var(--accent-ink)}.turn__checkout{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.turn__label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.625rem;font-weight:700}.turn__total{font-family:var(--font-display);font-variant-numeric:tabular-nums;padding-right:6px;font-size:1.75rem;font-weight:800}.key{min-width:0;height:var(--key-h);border:1px solid var(--line);background:var(--surface-2);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text);-webkit-user-select:none;user-select:none;transition:transform .11s var(--ease-out), background-color .12s ease, color .12s ease, border-color .12s ease, opacity .15s ease;border-radius:14px;justify-content:center;align-items:center;gap:1px;font-size:1.375rem;font-weight:700;display:flex}.key:active{background:var(--surface-3);transform:scale(.94)}.key:disabled{opacity:.3;pointer-events:none}.key[data-hint]{box-shadow:inset 0 0 0 2px var(--accent), 0 0 20px -6px #d4ff3ab3}.key[data-dim]{opacity:.4}.key__prefix{opacity:.85;font-size:.65em}.pad__mods{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;display:grid}.pad__grid{gap:6px;margin-bottom:6px;display:grid}.pad__row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.key--mod{height:calc(var(--key-h) * .8);font-family:var(--font-ui);color:var(--text-2);font-size:.9375rem;font-weight:600}.key--double[aria-pressed=true]{background:var(--green);color:#06140c;border-color:#0000}.key--triple[aria-pressed=true]{background:var(--red);color:#fff;border-color:#0000}.pad[data-mod="2"] .key--num{color:var(--green);background:#2bd67b1a;border-color:#2bd67b66}.pad[data-mod="3"] .key--num{color:var(--red);background:#ff5a5f1a;border-color:#ff5a5f66}.key--miss{border-style:dashed;border-color:var(--text-3);color:var(--text-2);background:0 0}.key--bull{color:var(--green)}.pad[data-mod="2"] .key--bull{background:#2bd67b1a;border-color:#2bd67b66}.key--util{color:var(--text-2);background:0 0}.atcpad__hits{grid-template-columns:repeat(var(--n,1), 1fr);gap:6px;margin-bottom:6px;display:grid}.atcpad__hits[data-count="2"]{--n:2}.atcpad__hits[data-count="3"]{--n:3}.key--hit{height:calc(var(--key-h) * 2.6);border-color:#0000;font-size:2rem;font-weight:800}.key--m1{background:var(--accent);color:var(--accent-ink)}.key--m2{background:var(--green);color:#06140c}.key--m3{background:var(--red);color:#fff}.key--hit:active{filter:brightness(.9)}.atcpad__row{grid-template-columns:1fr 3fr;gap:6px;display:grid}.key--wide,.atcpad__row .key--util{height:calc(var(--key-h) * 1.2)}.callout-layer{z-index:60;pointer-events:none;justify-items:center;display:grid;position:fixed;inset:26dvh 0 auto}.callout{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(12px);animation:callout 1.3s var(--ease-out) both;background:#0f1013d1;border-radius:32px;flex-direction:column;align-items:center;padding:14px 36px 16px;display:flex;box-shadow:0 30px 80px -20px #000c}.callout strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:5rem;font-weight:800;font-stretch:78%;line-height:1}.callout span{color:var(--text-2);font-size:.875rem;font-weight:600}.callout[data-small]{animation-duration:2s}.callout[data-small] strong{text-overflow:ellipsis;white-space:nowrap;max-width:80vw;font-size:3.25rem;overflow:hidden}.callout[data-tone=accent] strong{color:var(--accent)}.callout[data-tone=gold] strong{color:var(--gold);text-shadow:0 0 40px #ffc83d99}.callout[data-tone=bad] strong{color:var(--red)}@keyframes callout{0%{opacity:0;translate:0 10px;scale:.9}14%{opacity:1;translate:0;scale:1}80%{opacity:1;scale:1}to{opacity:0;translate:0 -8px;scale:.98}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto}.callout{animation-name:fade-callout}@keyframes fade-callout{0%,to{opacity:0}12%,80%{opacity:1}}.sheet,.sheet::backdrop{transition-property:opacity,display,overlay}.podium__block,.live-dot{animation:none}.hero-cta__board{transition:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.settings-link{align-items:center;gap:12px;font-weight:600;display:flex}.settings-link>span{flex-direction:column;flex:1;display:flex}.settings-link small{color:var(--text-3);font-size:.8125rem;font-weight:400}.settings-link svg{color:var(--text-3);flex:none}.page--caller>.hint{margin-top:4px}.caller-moment .section-head{align-items:flex-start}.caller-moment .section-head .btn{flex:none}.rule-group{margin-bottom:16px}.rule-group__title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;font-size:.75rem;font-weight:600}.rule-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.rule-row{align-items:center;gap:4px;padding:6px 6px 6px 14px;display:flex}.rule-row+.rule-row{border-top:1px solid var(--line)}.rule-row__toggle{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex:none;margin:0 6px 0 0}.rule-row__main{text-align:left;flex-direction:column;flex:1;min-width:0;padding:6px 4px;display:flex}.rule-row__name{align-items:center;gap:6px;font-weight:600;display:flex}.rule-row__name svg{color:var(--accent)}.rule-row__meta{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.rule-row[data-off] .rule-row__main{opacity:.45}.icon-btn:disabled{opacity:.3;pointer-events:none}.numbers summary{cursor:pointer;margin-bottom:8px}.number-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px;margin-top:12px;display:grid}.number-cell{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-variant-numeric:tabular-nums;height:44px;color:var(--text-2);transition:transform .16s var(--ease-out);font-weight:600}.number-cell:active{transform:scale(.94)}.number-cell[data-recorded]{border-color:color-mix(in oklab, var(--accent) 60%, transparent);color:var(--accent);background:#d4ff3a1a}.caller-reset{margin-top:32px}.chip-cloud--tight{margin-top:0}.player-chip--plain{padding-left:14px}.conds{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.cond{align-items:center;gap:6px;display:flex}.cond .input{min-width:0;height:44px;padding-inline:10px;font-size:.9375rem}.cond select:first-child{flex:1}.cond__op{flex:none;width:64px}.cond__value{flex:none;width:76px}.cond__flag{flex:none;width:96px}.field-label output{color:var(--text);font-variant-numeric:tabular-nums;margin-left:4px}.range{width:100%;accent-color:var(--accent)}.say{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);margin-block:12px;padding:12px}.say__legend{color:var(--text-3);padding-inline:4px;font-size:.75rem;font-weight:600}.say__parts{flex-direction:column;gap:6px;display:flex}.say__part{align-items:center;gap:4px;display:flex}.say__part>.input,.say__part>.clip-chip{flex:1;min-width:0}.input--sm{height:44px;padding-inline:12px;font-size:.9375rem}.say__tools{flex:none;display:flex}.say__vars{flex-wrap:wrap;gap:6px;margin-block:10px;display:flex}.var-chip{background:var(--surface-3);height:28px;color:var(--text-2);border-radius:999px;padding-inline:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.say__actions{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.say__remove{margin-left:auto}.recorder{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.recorder__meter{background:#ffffff40;border-radius:999px;width:28px;height:6px;overflow:hidden}.recorder__meter:before{content:"";height:100%;transform:scaleX(var(--level,0));transform-origin:0;background:#fff;display:block}.recorder__time{font-variant-numeric:tabular-nums}.recorder__note{max-width:32ch}.clip-chip{border:1px solid color-mix(in oklab, var(--accent) 45%, transparent);background:#d4ff3a14;border-radius:12px;align-items:center;gap:2px;min-height:44px;padding-right:4px;display:inline-flex}.clip-chip__play{color:var(--accent);flex:1;align-self:stretch;align-items:center;gap:8px;padding-inline:12px;font-weight:600;display:inline-flex}