@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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{--font-display:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-body:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num:var(--font-display);--track-display:-.035em;--track-tight:-.02em;--track-caps:.14em;--loc-accent:#f6a945;--loc-accent-2:#e8604c;--loc-ink:#2a1b12;--loc-gradient:linear-gradient(160deg, #ffd59a 0%, #f08a5d 48%, #6a3d6b 100%);--loc-glow:#f6a94573;--loc-tint:#f6a94529;--loc-on-accent:var(--loc-ink);--white:#fff;--cream:#fff8ee;--ink:#15110f;--ink-soft:#15110fb8;--text:#fffaf3;--text-dim:#fffaf3d9;--text-faint:#fffaf3b3;--hairline:#ffffff1f;--glass:#140e1a80;--glass-strong:#100b16c7;--glass-light:#ffffff1f;--glass-border:#ffffff29;--glass-blur:22px;--glass-highlight:inset 0 1px 0 #ffffff24;--glass-solid:#1d1626;--good:#3ddc97;--warn:#ffcf56;--bad:#ff5d73;--gold:#ffc93c;--gold-hi:#fff3b0;--gold-lo:#f29e1f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--tap:48px;--tap-min:44px;--radius-xs:6px;--radius-s:10px;--radius-m:16px;--radius-l:24px;--radius-xl:32px;--radius-pill:999px;--shadow-1:0 2px 10px #0000002e;--shadow-2:0 12px 40px #00000052;--shadow-3:0 24px 80px #00000073;--shadow-glow:0 0 0 1px #ffffff14, 0 10px 30px #00000059;--text-shadow:0 2px 18px #00000059;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, .75, .2);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce:cubic-bezier(.2, 1.8, .4, 1);--dur-fast:.16s;--dur-med:.32s;--dur-slow:.6s;--safe-top:env(safe-area-inset-top,0px);--vp-gap:0px;--safe-bottom:calc(env(safe-area-inset-bottom,0px) + var(--vp-gap));--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--gutter:16px;--edge-top:calc(var(--safe-top) + 12px);--edge-left:calc(var(--safe-left) + var(--gutter));--edge-right:calc(var(--safe-right) + var(--gutter));--edge-bottom:calc(var(--safe-bottom) + var(--gutter));--z-canvas:0;--z-hud:10;--z-dock:20;--z-fx:30;--z-overlay:40;--z-modal:60;--z-toast:80;--z-loading:100}:root[data-loc=beach],:root[data-loc=backyard]{--glass:#100b16a8}@media (min-width:900px) and (min-height:521px){:root{--gutter:24px;--edge-top:calc(var(--safe-top) + 20px)}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-med:0s;--dur-slow:0s}}:root.reduced-motion{--dur-fast:0s;--dur-med:0s;--dur-slow:0s}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#120c18;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}:root[data-vp-fill] #app,:root[data-vp-fill] .ui-root,:root[data-vp-fill] .boot-splash{height:calc(100% + var(--vp-gap));bottom:auto}:root[data-vp-fill] .td,:root[data-vp-fill] .ft{position:absolute}#scene{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.ui-root{z-index:1;pointer-events:none;font-family:var(--font-body);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-size:15px;line-height:1.4;position:fixed;top:0;bottom:0;left:0;right:0}.ui-root *,.ui-root :before,.ui-root :after{box-sizing:border-box}.ui-root :where(button,input,select,textarea,a,label,summary,[data-interactive]){pointer-events:auto}.ui-root :where(input,textarea){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.ui-root :where(h1,h2,h3,h4,p,ul,ol,figure){margin:0}.ui-root svg{display:block}.ui-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.ui-layer--hud{z-index:var(--z-hud)}.ui-layer--fx{z-index:var(--z-fx)}.ui-layer--menu{z-index:var(--z-overlay)}.ui-layer--overlay{z-index:calc(var(--z-overlay) + 5)}.ui-layer--modal{z-index:var(--z-modal)}.ui-layer--toast{z-index:var(--z-toast)}.ui-layer--loading{z-index:var(--z-loading)}.ui-surface{pointer-events:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.ui-root :focus{outline:none}.ui-root :focus-visible{outline:3px solid var(--white);outline-offset:3px}.ui-root [tabindex="-1"]:focus{outline:none}.glass{background:linear-gradient(180deg, #ffffff17, #ffffff05 40%), var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(165%);backdrop-filter:blur(var(--glass-blur)) saturate(165%);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow-2)}.glass--strong{background:linear-gradient(180deg, #ffffff12, #fff0 45%), var(--glass-strong)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.glass--strong{background:var(--glass-solid)}}.ui-root.no-blur .glass,.ui-root.no-blur .glass--strong,.ui-root.no-blur .btn--glass,.ui-root.no-blur .icon-btn{-webkit-backdrop-filter:none;backdrop-filter:none}.ui-root.no-blur .glass,.ui-root.no-blur .glass--strong{background:var(--glass-solid)}.eyebrow{font:700 11px/1.2 var(--font-body);letter-spacing:var(--track-caps);text-transform:uppercase;color:#fffaf3cc}.display{font-family:var(--font-display);letter-spacing:var(--track-display);font-weight:800;line-height:.95}.title{font:800 28px/1.05 var(--font-display);letter-spacing:var(--track-tight)}.muted{color:var(--text-dim)}.btn{--btn-bg:#ffffff24;--btn-fg:var(--text);--btn-lip:#00000057;--btn-shine:#ffffff47;--btn-ring:color-mix(in oklab, var(--loc-accent) 70%, transparent);--btn-glow:transparent;-webkit-appearance:none;appearance:none;border-radius:var(--radius-pill);min-height:52px;font:750 17px/1 var(--font-display);letter-spacing:-.01em;color:var(--btn-fg);background:var(--btn-bg);box-shadow:0 4px 0 var(--btn-lip), 0 10px 22px #00000038, inset 0 1px 0 var(--btn-shine);transition:transform .26s var(--ease-spring), box-shadow .2s var(--ease-out), background-color var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;justify-content:center;align-items:center;gap:10px;margin:0;padding:0 24px;display:inline-flex;position:relative;transform:translateY(0)}.btn svg{flex:none;width:20px;height:20px}@media (hover:hover){.btn:hover:not([disabled]){filter:brightness(1.07);transform:translateY(-1px)}}.btn:active:not([disabled]),.btn.is-pressed:not([disabled]){box-shadow:0 1px 0 var(--btn-lip), 0 4px 10px #0000002e, inset 0 1px 0 var(--btn-shine), 0 0 0 4px var(--btn-ring), 0 0 22px var(--btn-glow);transition-duration:0s;transform:translateY(3px)scale(.97)}.btn[disabled]{opacity:.42;cursor:not-allowed;filter:saturate(.5)}.btn--primary{--btn-bg:var(--loc-accent);--btn-fg:var(--loc-on-accent);--btn-lip:color-mix(in oklab, var(--loc-accent) 52%, #000);--btn-shine:#ffffff80}.btn--primary:active:not([disabled]),.btn--primary.is-pressed:not([disabled]){--btn-bg:color-mix(in oklab, var(--loc-accent) 76%, #fff);--btn-glow:var(--loc-glow)}.btn--glass{--btn-bg:#ffffff21;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 0 var(--btn-lip), 0 10px 22px #0003, inset 0 0 0 1px var(--glass-border), inset 0 1px 0 var(--btn-shine)}.btn--glass:active:not([disabled]),.btn--glass.is-pressed:not([disabled]){--btn-bg:#ffffff3d;box-shadow:0 1px 0 var(--btn-lip), inset 0 0 0 1px var(--glass-border), inset 0 1px 0 var(--btn-shine), 0 0 0 4px #fff3}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--text-dim);box-shadow:none}.btn--ghost:active:not([disabled]),.btn--ghost.is-pressed:not([disabled]){--btn-bg:#ffffff1f;box-shadow:none;transform:translateY(1px)scale(.97)}@media (hover:hover){.btn--ghost:hover:not([disabled]){--btn-fg:var(--text);background:#ffffff14}}.btn--danger{--btn-fg:#ffd2d8}.btn--danger.is-armed{--btn-bg:var(--bad);--btn-fg:#2a0610;--btn-lip:#8f1f33}@media (hover:hover){.btn--danger.is-armed:hover:not([disabled]){--btn-fg:#2a0610;background:var(--btn-bg)}}.btn--danger.is-armed:-webkit-any(:active,.is-pressed):not([disabled]){--btn-bg:color-mix(in oklab, var(--bad) 80%, #fff);box-shadow:0 0 0 4px color-mix(in oklab, var(--bad) 45%, transparent)}.btn--danger.is-armed:is(:active,.is-pressed):not([disabled]){--btn-bg:color-mix(in oklab, var(--bad) 80%, #fff);box-shadow:0 0 0 4px color-mix(in oklab, var(--bad) 45%, transparent)}.btn--lg{min-height:60px;padding:0 32px;font-size:20px}.btn--sm{min-height:44px;padding:0 16px;font-size:15px}.btn--block{width:100%}.btn .btn__arrow{transition:transform .3s var(--ease-spring)}@media (hover:hover){.btn:hover:not([disabled]) .btn__arrow{transform:translate(3px)}}.icon-btn{-webkit-appearance:none;appearance:none;width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);border:1px solid var(--glass-border);color:var(--text);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);box-shadow:var(--glass-highlight), 0 6px 18px #00000040;cursor:pointer;transition:transform .26s var(--ease-spring), background-color var(--dur-fast) var(--ease-out);touch-action:manipulation;background:#140e1a6b;place-items:center;margin:0;display:inline-grid}.icon-btn svg{width:22px;height:22px}@media (hover:hover){.icon-btn:hover{background:#ffffff29;transform:scale(1.05)}}.icon-btn:active,.icon-btn.is-pressed{box-shadow:var(--glass-highlight), 0 0 0 3px color-mix(in oklab, var(--loc-accent) 60%, transparent);background:#ffffff42;transition-duration:0s;transform:scale(.88)}.icon-btn[aria-expanded=true]{background:#ffffff38}.link-btn{-webkit-appearance:none;appearance:none;min-height:var(--tap-min);color:var(--loc-accent);font:650 14px/1 var(--font-body);cursor:pointer;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in oklab, var(--loc-accent) 45%, transparent);text-decoration-color:color-mix(in oklab, var(--loc-accent) 45%, transparent);background:0 0;border:0;padding:8px 4px}.link-btn:active,.link-btn.is-pressed{opacity:.6}.field{gap:8px;display:grid}.field__label{font:650 13px/1.2 var(--font-body);color:var(--text-dim);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field__hint{color:var(--text-faint);font-weight:500}.input{-webkit-appearance:none;appearance:none;border-radius:var(--radius-m);width:100%;height:52px;color:var(--text);font:600 17px/1 var(--font-body);caret-color:var(--loc-accent);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#00000042;border:1px solid #ffffff29;padding:0 16px;box-shadow:inset 0 2px 6px #00000040}.input::placeholder{color:var(--text-faint);font-weight:500}.input:focus{border-color:var(--loc-accent);box-shadow:inset 0 2px 6px #00000040, 0 0 0 4px color-mix(in oklab, var(--loc-accent) 30%, transparent);background:#00000057;outline:none}.input:focus-visible{border-color:var(--loc-accent);box-shadow:inset 0 2px 6px #00000040, 0 0 0 4px color-mix(in oklab, var(--loc-accent) 30%, transparent);background:#00000057;outline:none}.input[aria-invalid=true]{border-color:var(--bad)}.field__error{min-height:0;font:600 13px/1.3 var(--font-body);color:#ffb3bf}.seg{border-radius:var(--radius-m);background:#00000042;border:1px solid #ffffff14;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid;box-shadow:inset 0 2px 6px #00000038}.seg__opt{cursor:pointer;display:block;position:relative}.seg__opt input{opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.seg__face{border-radius:calc(var(--radius-m) - 4px);min-height:44px;color:var(--text-dim);font:700 15px/1.1 var(--font-display);text-align:center;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform .26s var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out);align-content:center;place-items:center;gap:2px;padding:6px 10px;display:grid}.seg__face small{font:500 12px/1.25 var(--font-body);color:var(--text-faint);letter-spacing:0}.seg__opt input:checked+.seg__face{color:var(--ink);background:#fffffff0;box-shadow:0 3px 10px #00000040}.seg__opt input:checked+.seg__face small{color:var(--ink-soft)}.seg__opt input:focus-visible+.seg__face{outline:3px solid var(--white);outline-offset:2px}.seg__opt:active .seg__face,.seg__opt.is-pressed .seg__face{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--loc-accent) 75%, transparent);background-color:#ffffff24;transition-duration:0s;transform:scale(.95)}.seg__opt:-webkit-any(:active,.is-pressed) input:checked+.seg__face{box-shadow:0 0 0 3px color-mix(in oklab, var(--loc-accent) 70%, transparent), 0 3px 10px #00000040;background-color:#fff}.seg__opt:is(:active,.is-pressed) input:checked+.seg__face{box-shadow:0 0 0 3px color-mix(in oklab, var(--loc-accent) 70%, transparent), 0 3px 10px #00000040;background-color:#fff}.seg--target .seg__face>span{letter-spacing:-.03em;font-size:22px;font-weight:800}.swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.swatch{aspect-ratio:1;min-width:var(--tap-min);cursor:pointer;display:block;position:relative}.swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.swatch__bag{transition:transform .3s var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out), opacity var(--dur-fast);border-radius:10px;position:absolute;top:3px;bottom:3px;left:3px;right:3px;box-shadow:inset 0 -3px #00000038,0 3px 8px #0000004d}.swatch input:checked+.swatch__bag{box-shadow:0 0 0 3px #140e1ae6, 0 0 0 5px var(--white), 0 8px 18px #00000059;transform:scale(1.04)rotate(-6deg)}.swatch input:focus-visible+.swatch__bag{outline:3px solid var(--white);outline-offset:5px}.swatch input:disabled{cursor:not-allowed}.swatch input:disabled+.swatch__bag{opacity:.22;transform:scale(.82)}.swatch__check{color:#fff;opacity:0;transition:opacity var(--dur-fast), transform .3s var(--ease-spring);filter:drop-shadow(0 1px 2px #0009);pointer-events:none;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(.4)}.swatch__check svg{width:45%;height:45%}.swatch input:checked~.swatch__check{opacity:1;transform:scale(1)}@media (hover:hover){.swatch:hover input:not(:disabled):not(:checked)+.swatch__bag{transform:translateY(-2px)rotate(3deg)}}.swatches .swatch:-webkit-any(:active,.is-pressed) input:not(:disabled)+.swatch__bag{box-shadow:0 0 0 3px #140e1ae6, 0 0 0 6px var(--loc-accent);transition-duration:0s;transform:scale(.86)rotate(-6deg)}.swatches .swatch:is(:active,.is-pressed) input:not(:disabled)+.swatch__bag{box-shadow:0 0 0 3px #140e1ae6, 0 0 0 6px var(--loc-accent);transition-duration:0s;transform:scale(.86)rotate(-6deg)}.bag-chip{background-color:var(--c,#d7263d);border-radius:8px;flex:none;width:28px;height:28px;position:relative;box-shadow:inset 0 -2px #00000040,0 2px 6px #0000004d}.bag-chip:after,.swatch__bag:after{content:"";border-radius:inherit;pointer-events:none;border:1.5px dashed #ffffff6b;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.bag-chip:after{border-width:1px;border-radius:5px;top:2.5px;bottom:2.5px;left:2.5px;right:2.5px}[data-pattern=solid]{background-image:linear-gradient(145deg,#ffffff3d,#fff0 60%)}[data-pattern=stripe]{background-image:linear-gradient(145deg, #ffffff2e, #fff0 60%), repeating-linear-gradient(-45deg, rgb(var(--bag-ink,255 255 255) / .45) 0 2.625%, transparent 2.625% 9.875%, rgb(var(--bag-ink,255 255 255) / .45) 9.875% 12.5%)}[data-pattern=dots]{background-image:linear-gradient(145deg, #ffffff2e, #fff0 60%), radial-gradient(closest-side, rgb(var(--bag-ink,255 255 255) / .55) 0 52%, transparent 58%);background-position:0 0,12.5% 12.5%;background-size:100% 100%,20% 20%}.switch{flex:none;width:56px;height:34px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:calc(100% + 12px);height:calc(100% + 12px);margin:0;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.switch__track{border-radius:var(--radius-pill);transition:background-color var(--dur-med) var(--ease-out);background:#ffffff2e;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 2px 5px #0000004d}.switch__knob{width:28px;height:28px;transition:transform .34s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #00000059}.switch input:checked~.switch__track{background:var(--loc-accent)}.switch input:checked~.switch__knob{transform:translate(22px)}.switch input:focus-visible~.switch__track{outline:3px solid var(--white);outline-offset:3px}.switch input:active~.switch__knob,.switch.is-pressed input:not(:disabled)~.switch__knob{width:32px}.switch input:checked:active~.switch__knob,.switch.is-pressed input:checked:not(:disabled)~.switch__knob{transform:translate(18px)}.switch.is-pressed input:not(:disabled)~.switch__track{box-shadow:inset 0 2px 5px #0000004d, 0 0 0 3px color-mix(in oklab, var(--loc-accent) 55%, transparent)}.range{--val:50%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--loc-accent) var(--val), #ffffff2e var(--val));border-radius:8px;height:8px;box-shadow:inset 0 1px 3px #0000004d}.range::-moz-range-track{background:linear-gradient(90deg, var(--loc-accent) var(--val), #ffffff2e var(--val));border-radius:8px;height:8px}.range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;transition:transform .26s var(--ease-spring);background:#fff;border:0;border-radius:50%;margin-top:-10px;box-shadow:0 3px 10px #0006}.range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:28px;height:28px;box-shadow:0 3px 10px #0006}.range:active::-webkit-slider-thumb{transform:scale(1.15)}.range:focus-visible{outline:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #140e1ae6,0 0 0 7px #fff}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #140e1ae6,0 0 0 7px #fff}.loc-chip{border-radius:var(--radius-pill);font:600 14px/1.2 var(--font-body);color:var(--text);background:#ffffff1a;border:1px solid #ffffff24;align-items:center;gap:10px;max-width:100%;padding:5px 14px 5px 5px;display:inline-flex}.loc-chip__art{width:32px;height:32px;box-shadow:0 0 0 2px var(--loc-accent);border-radius:50%;flex:none;overflow:hidden}.loc-chip__art svg{width:100%;height:100%}.loc-chip b{color:var(--white);font-weight:750}.loc-chip__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hop{align-items:flex-end;gap:6px;height:22px;display:inline-flex}.hop i{background:var(--loc-accent);width:10px;height:10px;animation:hop 1.1s var(--ease-in-out) infinite;border-radius:3px}.hop i:nth-child(2){background:var(--loc-accent-2);animation-delay:.14s}.hop i:nth-child(3){background:var(--white);animation-delay:.28s}@keyframes hop{0%,60%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-11px)rotate(90deg)}}.dots:after{content:"";text-align:left;width:1.2em;animation:1.4s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.is-entering{animation:ui-enter var(--dur-slow) var(--ease-out) both}.is-leaving{animation:ui-leave .22s var(--ease-in) both!important;pointer-events:none!important}@keyframes ui-enter{0%{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes ui-leave{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.scrim{pointer-events:auto;animation:fade-in var(--dur-med) var(--ease-out) both;background:radial-gradient(120% 90% at 50% 40%,#0a060e59,#0a060eb3);position:absolute;top:0;bottom:0;left:0;right:0}.scrim.is-leaving{animation:fade-out .22s var(--ease-in) both!important}:root.reduced-motion .ui-root *,:root.reduced-motion .ui-root :before,:root.reduced-motion .ui-root :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){.ui-root *,.ui-root :before,.ui-root :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.wordmark{font:800 clamp(54px, 7.2vw, 104px) / .86 var(--font-display);letter-spacing:-.05em;color:var(--white);filter:drop-shadow(0 6px 26px #00000059)drop-shadow(0 1px 1px #00000040)}.wordmark__row{white-space:nowrap;align-items:baseline;display:inline-flex}.wordmark__o{width:.735em;height:.735em;color:var(--white);margin:0 .012em 0 .02em;display:inline-block;transform:translateY(.012em)}.wordmark__o svg{width:100%;height:100%;animation:mark-thud 4.2s var(--ease-out) infinite;transform-origin:50% 60%;overflow:visible}.mark__bag{transform-box:view-box;opacity:0;animation:4.2s linear .6s infinite bag-drop}@keyframes bag-drop{0%{opacity:0;transform:translate(124px,-128px)rotate(-62deg)scale(1)}3%{opacity:1}7%{transform:translate(104px,-92px)rotate(-46deg)}11%{transform:translate(86px,-52px)rotate(-30deg)}15%{transform:translate(70px,-12px)rotate(-14deg)}18%{transform:translate(57px,24px)rotate(-2deg)scale(.98)}20%{opacity:1;transform:translate(51px,44px)rotate(6deg)scale(.94)}23%{opacity:.85;transform:translate(50px,70px)rotate(10deg)scale(.8)}26%{opacity:0;transform:translate(50px,98px)rotate(12deg)scale(.62)}to{opacity:0;transform:translate(50px,98px)rotate(12deg)scale(.62)}}@keyframes mark-thud{0%,19%,30%,to{transform:scale(1)}22%{transform:scale(1.06,.95)}26%{transform:scale(.98,1.02)}}:root.reduced-motion .mark__bag,:root.reduced-motion .wordmark__o svg{animation:none!important}:root.reduced-motion .mark__bag{opacity:1;transform:translate(50px,36px)rotate(8deg)scale(.92)}@media (prefers-reduced-motion:reduce){.mark__bag,.wordmark__o svg{animation:none!important}.mark__bag{opacity:1;transform:translate(50px,36px)rotate(8deg)scale(.92)}}.menu{gap:var(--space-4);padding:var(--edge-top) var(--edge-right) var(--edge-bottom) var(--edge-left);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.menu.is-leaving{animation:none!important}.menu.is-leaving .menu__scrim,.menu.is-leaving .menu__brand,.menu.is-leaving .menu__panel,.menu.is-leaving .icon-btn{animation:fade-out .3s var(--ease-in) both!important}.menu__scrim{pointer-events:none;animation:fade-in .5s var(--ease-out) both;background:linear-gradient(90deg,#0a060e9e 0%,#0a060e52 30%,#0a060e00 55%),linear-gradient(#0a060e59 0%,#0a060e00 26%);position:absolute;top:0;bottom:0;left:0;right:0}.menu__brand{padding-top:var(--space-2);animation:brand-in .9s var(--ease-out) both;flex:none;position:relative}@keyframes brand-in{0%{opacity:0;filter:blur(6px);transform:translateY(-14px)}}.menu__tag{margin-top:var(--space-3);font:600 16px/1.3 var(--font-body);color:#fffaf3f0;letter-spacing:.005em;text-shadow:0 1px 2px #000000b3, 0 0 8px #0000008c, var(--text-shadow)}.menu__corner{top:var(--edge-top);right:var(--edge-right);gap:var(--space-2);display:flex;position:absolute}.menu__corner .icon-btn{animation:fade-in .7s .2s var(--ease-out) both}.menu__site{color:var(--text);-webkit-tap-highlight-color:transparent;text-decoration:none}.menu--sheet .menu__site{display:none}.menu__slot{flex:1;align-items:end;width:min(500px,100%);min-height:0;display:grid;position:relative}.menu__slot>*{grid-area:1/1;max-height:100%}.menu__panel{border-radius:var(--radius-xl);width:100%}.menu__home{padding:var(--space-5);gap:var(--space-5);overscroll-behavior:contain;scrollbar-width:none;animation:panel-up .7s .12s var(--ease-out) both;transition:opacity .26s var(--ease-out), transform .38s var(--ease-out), visibility 0s linear 0s;display:grid;overflow:auto}.menu__home::-webkit-scrollbar{display:none}.menu__home.is-behind{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease-in), transform .3s var(--ease-in), visibility 0s linear .3s;transform:translate(-28px)scale(.98)}@keyframes panel-up{0%{opacity:0;transform:translateY(28px)}}.menu__section{gap:var(--space-3);display:grid}.loc-cards{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.loc-card{aspect-ratio:3/4;isolation:isolate;cursor:pointer;opacity:.82;transition:transform .42s var(--ease-spring), box-shadow .24s var(--ease-out), opacity .24s var(--ease-out);border-radius:20px;display:block;position:relative;overflow:hidden;transform:scale(.96);box-shadow:0 8px 22px #00000052,inset 0 0 0 1px #ffffff24}.loc-card__art{z-index:-1;transition:transform .7s var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0}.loc-card__art svg{width:100%;height:100%}.loc-card:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#08050c00 0%,#08050cb8 100%);position:absolute;top:45%;bottom:0;left:0;right:0}.loc-card__meta{z-index:1;text-shadow:0 1px 8px #00000080;gap:1px;display:grid;position:absolute;bottom:10px;left:12px;right:10px}.loc-card__meta b{font:750 17px/1.05 var(--font-display);letter-spacing:-.02em}.loc-card__meta small{font:600 11.5px/1.2 var(--font-body);color:#ffffffd1}.loc-card__check{z-index:1;background:var(--loc-accent);width:26px;height:26px;color:var(--loc-on-accent);opacity:0;transition:opacity .18s, transform .42s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px;transform:scale(.4)rotate(-30deg);box-shadow:0 3px 10px #0000004d}.loc-card__check svg{width:15px;height:15px}.loc-card.is-selected{opacity:1;box-shadow:0 0 0 3px var(--loc-accent), 0 16px 36px #00000073, 0 0 40px var(--loc-glow);transform:translateY(-4px)scale(1)}.loc-card.is-selected .loc-card__check{opacity:1;transform:scale(1)rotate(0)}.loc-card.is-selected .loc-card__art{transform:scale(1.06)}.loc-card:has(input:focus-visible){outline:3px solid var(--white);outline-offset:5px}@media (hover:hover){.loc-card:not(.is-selected):hover{opacity:1;transform:translateY(-2px)scale(.98)}}.loc-cards .loc-card:-webkit-any(:active,.is-pressed){opacity:1;transition-duration:0s;transform:scale(.93);box-shadow:0 0 0 3px #ffffffeb,0 0 0 7px #ffffff38,0 6px 18px #0000005c}.loc-cards .loc-card:is(:active,.is-pressed){opacity:1;transition-duration:0s;transform:scale(.93);box-shadow:0 0 0 3px #ffffffeb,0 0 0 7px #ffffff38,0 6px 18px #0000005c}.loc-detail{min-height:2.8em;font:500 14px/1.4 var(--font-body);color:var(--text-dim);text-wrap:pretty}.loc-detail b{color:var(--white);font-weight:700}.loc-card .art-board,.loc-pill .art-board,.loc-chip .art-board{display:none}:-webkit-any(.loc-card.is-selected,.invite__art,.lobby__art) .art .tw{animation:2.6s ease-in-out infinite twinkle}:is(.loc-card.is-selected,.invite__art,.lobby__art) .art .tw{animation:2.6s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.55}}:-webkit-any(.loc-card.is-selected,.invite__art,.lobby__art) .art .wave{animation:5s ease-in-out infinite alternate wave}:is(.loc-card.is-selected,.invite__art,.lobby__art) .art .wave{animation:5s ease-in-out infinite alternate wave}:-webkit-any(.loc-card.is-selected,.invite__art,.lobby__art) .art .wave--b{animation-duration:6.5s;animation-direction:alternate-reverse}:is(.loc-card.is-selected,.invite__art,.lobby__art) .art .wave--b{animation-duration:6.5s;animation-direction:alternate-reverse}@keyframes wave{0%{transform:translate(-5px)}to{transform:translate(5px)}}:-webkit-any(.loc-card.is-selected,.invite__art,.lobby__art) .art .gl{animation:1.8s ease-in-out infinite twinkle}:is(.loc-card.is-selected,.invite__art,.lobby__art) .art .gl{animation:1.8s ease-in-out infinite twinkle}:-webkit-any(.loc-card.is-selected,.invite__art,.lobby__art) .art .neon{animation:6s step-end infinite neon}:is(.loc-card.is-selected,.invite__art,.lobby__art) .art .neon{animation:6s step-end infinite neon}@keyframes neon{0%,to{opacity:1}71%{opacity:1}72%{opacity:.35}73%{opacity:1}75%{opacity:.5}76%{opacity:1}}:-webkit-any(.loc-card.is-selected,.invite__art,.lobby__art) .art .blink{animation:1.6s step-end infinite blink}:is(.loc-card.is-selected,.invite__art,.lobby__art) .art .blink{animation:1.6s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}.modes{gap:var(--space-2);display:grid}.mode-tile{-webkit-appearance:none;appearance:none;text-align:left;width:100%;min-height:72px;color:var(--text);cursor:pointer;transition:transform .32s var(--ease-spring), background-color .16s var(--ease-out), box-shadow .16s var(--ease-out);touch-action:manipulation;background:#ffffff13;border:0;border-radius:20px;grid-template-columns:52px 1fr 24px;align-items:center;gap:14px;margin:0;padding:10px 14px 10px 10px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px #0000003d}.mode-tile__icon{width:52px;height:52px;color:var(--loc-accent);background:color-mix(in oklab, var(--loc-accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--loc-accent) 30%, transparent);transition:transform .42s var(--ease-spring);border-radius:16px;place-items:center;display:grid}.mode-tile__icon svg{width:34px;height:34px}.mode-tile__text{min-width:0}.mode-tile__text b{font:750 19px/1.1 var(--font-display);letter-spacing:-.02em;display:block}.mode-tile__text small{font:500 13.5px/1.3 var(--font-body);color:var(--text-dim);margin-top:3px;display:block}.mode-tile__go{color:var(--text-faint);transition:transform .32s var(--ease-spring), color .16s}.mode-tile__go svg{width:20px;height:20px}@media (hover:hover){.mode-tile:hover{background:#ffffff21;transform:translateY(-2px)}.mode-tile:hover .mode-tile__icon{transform:rotate(-6deg)scale(1.06)}.mode-tile:hover .mode-tile__go{color:var(--white);transform:translate(3px)}}.mode-tile:active,.mode-tile.is-pressed,.mode-tile.is-chosen{background-color:color-mix(in oklab, var(--loc-accent) 26%, #ffffff1a);box-shadow:inset 0 0 0 2px var(--loc-accent), 0 0 0 4px color-mix(in oklab, var(--loc-accent) 30%, transparent), 0 0 28px var(--loc-glow);transition-duration:0s;transform:scale(.96)}.mode-tile:-webkit-any(:active,.is-pressed,.is-chosen) .mode-tile__icon{background:color-mix(in oklab, var(--loc-accent) 30%, transparent);transition-duration:0s;transform:rotate(-6deg)scale(1.08)}.mode-tile:is(:active,.is-pressed,.is-chosen) .mode-tile__icon{background:color-mix(in oklab, var(--loc-accent) 30%, transparent);transition-duration:0s;transform:rotate(-6deg)scale(1.08)}.mode-tile:-webkit-any(:active,.is-pressed,.is-chosen) .mode-tile__go{color:var(--loc-accent);transition-duration:0s;transform:translate(3px)}.mode-tile:is(:active,.is-pressed,.is-chosen) .mode-tile__go{color:var(--loc-accent);transition-duration:0s;transform:translate(3px)}.sheet{animation:sheet-in .46s var(--ease-out) both;flex-direction:column;margin:0;display:flex;overflow:hidden}.sheet.no-anim{animation:none}.sheet.is-leaving{animation:sheet-out .24s var(--ease-in) both!important}@keyframes sheet-in{0%{opacity:0;transform:translate(32px)scale(.98)}}@keyframes sheet-out{to{opacity:0;transform:translate(24px)scale(.98)}}.sheet__head{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-2) var(--space-3);flex:none;display:flex}.sheet__titles{min-width:0}.sheet__titles .eyebrow{color:var(--loc-accent)}.sheet__titles .title{margin-top:2px;font-size:26px}.icon-btn--flat{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.sheet__body{overscroll-behavior:contain;min-height:0;padding:var(--space-2) var(--space-5) var(--space-5);scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex:1;align-content:start;gap:20px;display:grid;overflow:auto}.sheet__foot{padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--hairline);background:linear-gradient(#0000,#00000029);flex:none}.pane{gap:20px;display:grid}.pane[hidden]{display:none}.pane:not([hidden]){animation:fade-in .26s var(--ease-out)}.seg--tall .seg__face{min-height:64px;padding:8px 6px}.note{border-radius:var(--radius-s);background:color-mix(in oklab, var(--loc-accent) 12%, #ffffff0a);border:1px solid color-mix(in oklab, var(--loc-accent) 26%, transparent);font:500 13.5px/1.4 var(--font-body);color:var(--text-dim);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.note b{color:var(--white);font-weight:700}.note__icon{color:var(--loc-accent);flex:none;margin-top:1px}.note__icon svg{width:18px;height:18px}.field>.note{margin-top:4px}.field__hint b{color:var(--white);font-weight:700}.loc-pills{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.loc-pill{border-radius:var(--radius-pill);cursor:pointer;min-height:52px;font:700 14px/1.1 var(--font-display);color:var(--text-dim);transition:background-color .16s, box-shadow .2s, transform .32s var(--ease-spring), color .16s;background:#0000003d;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.loc-pill__art{border-radius:50%;flex:none;width:40px;height:40px;overflow:hidden;box-shadow:0 2px 6px #0000004d}.loc-pill__art svg{width:100%;height:100%}.loc-pill__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.loc-pill:has(input:checked){color:var(--ink);box-shadow:0 0 0 2px var(--loc-accent), 0 6px 16px #0000004d;background:#fffffff0}.loc-pill:has(input:focus-visible){outline:3px solid var(--white);outline-offset:3px}.loc-pill:active,.loc-pill.is-pressed{background-color:#ffffff29;transition-duration:0s;transform:scale(.95);box-shadow:inset 0 0 0 2px #ffffffb3,0 0 0 4px #ffffff29}.loc-pill:-webkit-any(:active,.is-pressed):has(input:checked){box-shadow:0 0 0 2px var(--loc-accent), 0 0 0 6px color-mix(in oklab, var(--loc-accent) 35%, transparent);background-color:#fff}.loc-pill:is(:active,.is-pressed):has(input:checked){box-shadow:0 0 0 2px var(--loc-accent), 0 0 0 6px color-mix(in oklab, var(--loc-accent) 35%, transparent);background-color:#fff}.player-block{border:1px solid var(--hairline);background:#ffffff09;border-radius:20px;gap:12px;min-width:0;margin:0;padding:14px;display:grid}.player-block__legend{float:left;width:100%;font:750 17px/1.1 var(--font-display);letter-spacing:-.015em;justify-content:space-between;align-items:baseline;gap:8px;padding:0;display:flex}.player-block__legend small{font:600 12px/1.2 var(--font-body);color:var(--text-faint)}.player-block__legend+*{clear:both}.input--code{text-align:center;height:64px;font:800 30px/1 var(--font-display);letter-spacing:.32em;text-transform:uppercase;padding-left:calc(16px + .32em)}.input--code::placeholder{color:#ffffff38;font-weight:800}@media (max-width:899px){.menu{gap:var(--space-3);padding-bottom:calc(var(--safe-bottom) + 8px);padding-left:calc(var(--safe-left) + 8px);padding-right:calc(var(--safe-right) + 8px)}.menu__scrim{background:linear-gradient(#0a060e99 0%,#0a060e7a 16%,#0a060e33 24%,#0a060e00 34%),linear-gradient(#0a060e00 55%,#0a060e80 100%)}.menu__brand{text-align:center;padding-top:52px}.wordmark{font-size:clamp(50px,15vw,84px)}.menu__tag{margin-top:var(--space-2);font-size:14.5px}.menu__corner{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 8px)}.menu__slot{width:100%;max-width:560px;margin:0 auto}.menu__panel{border-radius:28px}.menu__home{gap:20px;padding:20px 16px 16px}.loc-cards{gap:var(--space-2)}.loc-card{border-radius:16px}.loc-card__meta b{font-size:15.5px}.loc-detail{min-height:0;font-size:13.5px}.mode-tile{grid-template-columns:46px 1fr 20px;gap:12px;min-height:66px}.mode-tile__icon{border-radius:14px;width:46px;height:46px}.mode-tile__icon svg{width:30px;height:30px}.mode-tile__text b{font-size:18px}.sheet__body{padding:var(--space-2) var(--space-4) var(--space-4)}.sheet__titles .title{font-size:23px}.sheet__foot{padding:var(--space-3) var(--space-4) var(--space-4)}.menu--sheet .menu__brand,.menu--sheet .menu__corner{display:none}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}@keyframes sheet-out{to{opacity:0;transform:translateY(40px)}}}@media (min-width:900px) and (max-height:900px) and (min-height:561px){.wordmark{font-size:clamp(54px,11.5vh,104px)}.menu__tag{margin-top:var(--space-2)}.loc-card{aspect-ratio:auto;height:clamp(112px,22vh,207px)}.mode-tile{min-height:64px}}@media (min-width:900px) and (max-height:720px) and (min-height:561px){.menu{gap:var(--space-3);padding-top:calc(var(--safe-top) + 14px);padding-bottom:calc(var(--safe-bottom) + 14px)}.menu__corner{top:calc(var(--safe-top) + 14px)}.menu__home{gap:var(--space-4);padding:18px 20px}.loc-detail{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mode-tile{min-height:58px;padding-top:6px;padding-bottom:6px}}.loc-pills-wrap{container-type:inline-size}@container (width<=400px){.loc-pill{text-align:center;border-radius:20px;flex-direction:column;justify-content:center;gap:6px;min-height:84px;padding:8px 4px}.loc-pill__art{width:38px;height:38px}.loc-pill__name{max-width:100%;font-size:14px}}@media (max-width:599px){.swatches{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;row-gap:10px}.swatch{width:min(50px,100%)}}@media (max-height:560px) and (min-width:600px){.menu{padding-top:calc(var(--safe-top) + 12px);flex-direction:row;align-items:stretch}.menu__brand{text-align:left;flex:1;padding-top:0}.wordmark{font-size:52px}.menu__slot{width:min(460px,60vw);margin:0}.menu__home{gap:12px;padding:14px 14px 12px}.menu__section{gap:8px}.loc-card{aspect-ratio:16/10}.loc-card__meta small{display:none}.loc-card__meta{bottom:7px}.loc-card__check{width:20px;height:20px;top:5px;right:5px}.loc-card__check svg{width:12px;height:12px}.loc-detail{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mode-tile{grid-template-columns:40px 1fr 20px;min-height:56px;padding-top:6px;padding-bottom:6px}.mode-tile__icon{border-radius:12px;width:40px;height:40px}.mode-tile__icon svg{width:26px;height:26px}.mode-tile__text b{font-size:17px}.mode-tile__text small{margin-top:1px;font-size:13px}.menu--sheet .menu__brand{display:block}.menu__corner{top:auto;right:auto;bottom:calc(var(--safe-bottom) + 12px);left:calc(var(--safe-left) + 12px)}.menu--sheet .menu__corner{display:flex}.loc-pill{border-radius:var(--radius-pill);text-align:left;flex-direction:row;justify-content:flex-start;gap:6px;min-height:44px;padding:4px 10px 4px 4px}.loc-pill__art{width:34px;height:34px}@container (width<=380px){.loc-pill{justify-content:center;padding:4px 8px}.loc-pill__art{display:none}}.sheet__head{padding:8px 16px 2px 6px}.sheet__titles .title{font-size:20px}.sheet__body{gap:14px;padding-top:6px}.sheet__foot{padding:10px 16px 12px}.sheet__foot .btn--lg{min-height:50px;font-size:18px}}@media (min-width:1800px) and (min-height:1040px){.menu{gap:var(--space-5);padding-top:calc(var(--safe-top) + 36px);padding-left:calc(var(--safe-left) + 48px);padding-bottom:calc(var(--safe-bottom) + 40px)}.menu__corner{top:calc(var(--safe-top) + 36px);right:calc(var(--safe-right) + 40px)}.wordmark{font-size:124px}.menu__tag{font-size:18px}.menu__slot{width:580px}.menu__home{padding:28px}.mode-tile__text b{font-size:21px}.mode-tile__text small{font-size:14.5px}}:root{--hud-h:72px}.hud{pointer-events:none;transition:opacity .3s var(--ease-out), visibility 0s;position:absolute;top:0;bottom:0;left:0;right:0}.ui-root:has(.results-wrap--over:not(.is-leaving)) .hud{opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), visibility 0s linear .3s}.hud .plate,.hud .hud__mid,.hud .hud__btn{animation:hud-in .6s var(--ease-out) both}.hud .hud__mid{animation-delay:60ms}.hud .plate--1{animation-delay:.12s}.hud.is-leaving{animation:none!important}.hud.is-leaving .plate,.hud.is-leaving .hud__mid,.hud.is-leaving .hud__btn{animation:fade-out .26s var(--ease-in) both!important}@keyframes hud-in{0%{opacity:0;transform:translateY(-16px)}}.hud__bar{top:var(--edge-top);align-items:stretch;gap:var(--space-2);display:flex;position:absolute;left:50%;transform:translate(-50%)}.plate{--pc:#d7263d;--pc-tint:#ff7a8a;--pc-glow:#ff7a8a80;width:252px;height:72px;transition:box-shadow .42s var(--ease-out), transform .42s var(--ease-spring), border-color .3s;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 18px 0 14px;display:grid;position:relative}.plate--1{grid-template-columns:auto minmax(0,1fr) auto;padding:0 14px 0 18px}.plate--1 .bag-chip{order:3}.plate--1 .plate__who{text-align:right;order:2}.plate--1 .plate__score{order:1}.plate .bag-chip{border-radius:10px;width:34px;height:34px}.plate__who{gap:7px;min-width:0;display:grid}.plate__line{align-items:center;gap:6px;min-width:0;display:flex}.plate--1 .plate__line{flex-direction:row-reverse}.plate__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 15px/1.15 var(--font-body);letter-spacing:-.005em;overflow:hidden}.plate__tag:empty{display:none}.plate__tag{color:var(--text-dim);flex:none;place-items:center;display:inline-grid}.plate__tag svg{width:16px;height:16px}.plate__tag[data-kind=you]{font:800 9.5px/1.2 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:#ffffff29;border-radius:6px;padding:2px 6px}.plate__pips{gap:5px;display:flex}.plate--1 .plate__pips{justify-content:flex-end}.plate__pips i{width:11px;height:11px;transition:background-color .2s, box-shadow .2s, transform .3s var(--ease-spring);border-radius:3.5px;box-shadow:inset 0 0 0 1.5px #ffffff47}.plate__pips i.is-full{background:var(--pc);box-shadow:inset 0 0 0 1.5px var(--pc-tint), 0 1px 3px #0000004d}.plate__pips i.is-spent{animation:pip-spent .42s var(--ease-out)}@keyframes pip-spent{0%{background:var(--pc-tint);transform:scale(1.35)translateY(-3px)}}.plate__score{text-align:center;min-width:1.1ch;font:800 42px/1 var(--font-num);letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px #0000004d}.plate__score.is-bump{animation:score-bump .64s var(--ease-bounce)}@keyframes score-bump{0%{transform:scale(1)}25%{color:var(--pc-tint);transform:scale(1.32)}to{transform:scale(1)}}.plate__live{border-radius:var(--radius-pill);background:var(--pc-tint);min-width:34px;height:22px;color:var(--ink);font:800 13px/1 var(--font-display);letter-spacing:-.01em;opacity:0;transition:opacity .2s, transform .36s var(--ease-spring);place-items:center;padding:0 8px;display:grid;position:absolute;top:-9px;right:14px;transform:scale(.5);box-shadow:0 4px 12px #0000004d}.plate--1 .plate__live{left:14px;right:auto}.plate__live.is-on{opacity:1;transform:scale(1)}.plate__live.is-pop{animation:live-pop .52s var(--ease-bounce)}@keyframes live-pop{0%{transform:scale(.6)}50%{transform:scale(1.3)}}.plate.is-active{border-color:color-mix(in oklab, var(--pc-tint) 70%, transparent);box-shadow:0 0 0 1.5px var(--pc-tint), 0 0 34px var(--pc-glow), var(--glass-highlight), var(--shadow-2);transform:translateY(2px)}.plate__turn{background:var(--pc-tint);width:36px;height:4px;box-shadow:0 0 12px var(--pc-glow);opacity:0;transition:opacity .2s, transform .42s var(--ease-spring);border-radius:4px;margin-left:-18px;position:absolute;bottom:-7px;left:50%;transform:scaleX(.2)}.plate.is-active .plate__turn{opacity:1;animation:1.8s ease-in-out infinite turn-breathe;transform:scaleX(1)}.plate.is-flight .plate__turn{animation:none}@keyframes turn-breathe{50%{opacity:.45}}.hud__mid{text-align:center;border-radius:22px;align-content:center;place-items:center;gap:1px;min-width:92px;padding:6px 12px;display:grid}.hud__eyebrow{font:800 10px/1 var(--font-body);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim);text-shadow:0 1px 2px #0009}.hud__inning{font:800 26px/1 var(--font-num);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hud__target{font:650 12px/1.1 var(--font-body);color:color-mix(in oklab, var(--loc-accent) 55%, #fff);text-shadow:0 1px 2px #0009}.hud__btns{top:var(--edge-top);right:var(--edge-right);gap:var(--space-2);pointer-events:none;display:flex;position:absolute}.hud__btn{width:52px;height:52px}.hud__btn[hidden]{display:none}.hud__btns--start{left:var(--edge-left);right:auto}.ui-root:has(.results-wrap:not(.is-leaving)) .hud__btns{visibility:hidden}.emote-tray{top:calc(var(--edge-top) + 60px);right:var(--edge-right);pointer-events:auto;transform-origin:85% 0;animation:tray-in .34s var(--ease-spring) both;border-radius:22px;grid-template-columns:repeat(6,48px);gap:4px;padding:6px;display:grid;position:absolute}.emote-tray.is-leaving{animation:.16s both fade-out!important}@keyframes tray-in{0%{opacity:0;transform:scale(.7)translateY(-8px)}}.emote-tray__btn{-webkit-appearance:none;appearance:none;cursor:pointer;width:48px;height:48px;transition:transform .26s var(--ease-spring), background-color .12s;background:0 0;border:0;border-radius:14px;font-size:28px;line-height:1}@media (hover:hover){.emote-tray__btn:hover{background:#ffffff24;transform:scale(1.15)}}.emote-tray__btn:active{transform:scale(.88)}.emote-bubble{width:52px;height:52px;box-shadow:0 8px 24px #0000004d, 0 0 0 3px var(--pc-tint);animation:emote-float 2.5s var(--ease-out) both;pointer-events:none;background:#ffffffeb;border-radius:50%;place-items:center;margin-left:-26px;font-size:30px;line-height:1;display:grid;position:absolute;top:calc(100% + 6px);left:50%}@keyframes emote-float{0%{opacity:0;transform:translateY(-14px)scale(.3)}12%{opacity:1;transform:translateY(0)scale(1.12)}20%{transform:translateY(0)scale(1)}75%{opacity:1;transform:translate(var(--drift), 26px) scale(1)}to{opacity:0;transform:translate(var(--drift), 40px) scale(.85)}}.banner{--pc-tint:var(--loc-accent);top:calc(var(--edge-top) + 96px);min-width:220px;max-width:min(520px,100% - 32px);animation:banner-in .52s var(--ease-spring) both;border-radius:22px;align-items:center;gap:14px;padding:12px 24px 12px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.banner.is-leaving{animation:banner-out .26s var(--ease-in) both!important}@keyframes banner-in{0%{opacity:0;transform:translate(-50%)translateY(-14px)scale(.92)}}@keyframes banner-out{to{opacity:0;transform:translate(-50%)translateY(-8px)scale(.96)}}.banner__bar{background:var(--pc-tint);width:6px;min-height:40px;box-shadow:0 0 16px var(--pc-glow,var(--loc-glow));border-radius:6px;flex:none;align-self:stretch}.banner__text{gap:2px;min-width:0;display:grid}.banner__title{font:800 26px/1.05 var(--font-display);letter-spacing:-.03em}.banner__sub{font:550 14px/1.3 var(--font-body);color:var(--text-dim)}.callout{--sz:clamp(64px, 13vw, 176px);padding:0 max(16px, var(--safe-right)) 0 max(16px, var(--safe-left));text-align:center;pointer-events:none;--drop:#00000047;--soft:0 20px 66px #00000080;justify-items:center;gap:10px;display:grid;position:absolute;top:36%;left:0;right:0;transform:translateY(-50%)}.callout.is-out{animation:callout-out .32s var(--ease-in) both}@keyframes callout-out{to{opacity:0;filter:blur(6px);transform:translateY(-50%)scale(1.12)}}@keyframes callout-out-top{to{opacity:0;filter:blur(6px);transform:scale(1.12)}}.callout__word{z-index:1;max-width:100%;font:800 var(--sz) / .9 var(--font-display);letter-spacing:-.045em;white-space:normal;color:#fff;position:relative}.callout__shade{z-index:-1;color:#0000;text-shadow:var(--callout-edge,) 0 5px 0 var(--drop), var(--glow,) var(--soft);position:absolute;top:0;bottom:0;left:0;right:0}:root[data-loc=beach] .callout__shade,:root[data-loc=backyard] .callout__shade{--callout-edge:0 0 2.5px var(--loc-ink), 0 0 6px color-mix(in srgb, var(--loc-ink) 85%, transparent), 0 5px 2.5px var(--drop), 0 5px 6px color-mix(in srgb, var(--drop) 85%, transparent),}.callout[data-size=mid]{--sz:min(clamp(52px, 10.5vw, 150px), calc((100vw - 32px) / 5.9))}.callout[data-size=long]{--sz:clamp(40px, 8vw, 116px)}.callout__w{white-space:nowrap;display:inline-block}.callout__ch{transform-origin:calc(50% - .04em) calc(50% - .05em);animation:ch-in .62s var(--ease-bounce) both;animation-delay:calc(var(--i) * 36ms);margin-bottom:-.1em;margin-right:-.08em;padding-bottom:.1em;padding-right:.08em;display:inline-block}@keyframes ch-in{0%{opacity:0;transform:translateY(.45em)scale(.3)rotate(-14deg)}60%{opacity:1}to{transform:none}}.callout__sub{z-index:1;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:750 16px/1.2 var(--font-display);letter-spacing:-.01em;color:var(--pc-tint,var(--white));text-wrap:balance;animation:fade-in .4s .3s var(--ease-out) both;background:#100b16c7;padding:6px 14px;position:relative}.callout--hole .callout__ch{background:linear-gradient(180deg, var(--gold-hi) 8%, var(--gold) 52%, var(--gold-lo) 92%);background-color:var(--gold-lo);color:#0000;-webkit-background-clip:text;background-clip:text}.callout--hole{--drop:#8a4b00;--glow:0 3px 66px #ffbe3cd9,;--soft:0 22px 76px #000000a6}.callout__burst{aspect-ratio:1;width:min(140vw,1100px);animation:burst-in .7s var(--ease-out) both, burst-spin 9s linear infinite;background:repeating-conic-gradient(#ffd6664d 0deg 5deg,#ffd66600 5deg 15deg);border-radius:50%;margin:calc(min(140vw,1100px)/-2) 0 0 calc(min(140vw,1100px)/-2);position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 6%,#00000080 22%,#0000 52%);mask:radial-gradient(circle,#000 6%,#00000080 22%,#0000 52%)}@keyframes burst-in{0%{opacity:0;scale:.2}}@keyframes burst-spin{to{transform:rotate(360deg)}}.callout__ring{width:200px;height:200px;animation:ring-out .9s var(--ease-out) both;border:6px solid #ffdc78e6;border-radius:50%;margin:-100px 0 0 -100px;position:absolute;top:50%;left:50%}@keyframes ring-out{0%{opacity:1;transform:scale(.2)}to{opacity:0;border-width:1px;transform:scale(4.2)}}.callout--airmail{--drop:#1d5fa6;--glow:0 3px 58px #82c8ffcc,;--soft:0 20px 76px #0009}.callout--airmail .callout__word{transform:skew(-12deg)}.callout--airmail .callout__ch{background:#a9dcff linear-gradient(#fff 30%,#a9dcff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;animation-name:ch-fly}@keyframes ch-fly{0%{opacity:0;transform:translate(calc(.048em - 60%))scaleX(1.6)}60%{opacity:1}to{transform:none}}.callout__lines{pointer-events:none;position:absolute;top:20%;bottom:20%;left:-10%;right:-10%}.callout__lines i{width:30%;height:4px;animation:speed .7s var(--ease-out) both;background:linear-gradient(90deg,#0000,#fffc);border-radius:4px;position:absolute;left:0}.callout__lines i:first-child{animation-delay:40ms;top:10%}.callout__lines i:nth-child(2){width:22%;animation-delay:.12s;top:38%}.callout__lines i:nth-child(3){animation-delay:80ms;top:64%}.callout__lines i:nth-child(4){width:18%;animation-delay:.18s;top:88%}@keyframes speed{0%{opacity:0;transform:translate(-60%)}40%{opacity:1}to{opacity:0;transform:translate(260%)}}.callout--board .callout__ch{background:#d99556 linear-gradient(#fff1d6 10%,#f2c48a 55%,#d99556 95%);color:#0000;-webkit-background-clip:text;background-clip:text}.callout--board{--drop:#7a4a20}.callout--board .callout__word{animation:thock .42s .26s var(--ease-out) both}@keyframes thock{30%{transform:translateY(6px)scaleY(.94)}}.callout--foul{--drop:#6d1424}.callout--foul .callout__word{color:#ff7d8f;transform:rotate(-4deg)}.callout--foul .callout__ch{animation-name:ch-stamp;animation-timing-function:var(--ease-out)}@keyframes ch-stamp{0%{opacity:0;transform:scale(2.2)}50%{opacity:1;transform:scale(.94)}70%{transform:translate(-4px)}85%{transform:translate(3px)}to{transform:none}}.callout--push .callout__ch{background:linear-gradient(180deg, #fff 0%, var(--loc-accent) 55%, var(--loc-accent-2) 100%);background-color:var(--loc-accent-2);color:#0000;-webkit-background-clip:text;background-clip:text}.callout--push{--drop:color-mix(in oklab, var(--loc-accent-2) 50%, #000)}.callout--info{--drop:color-mix(in oklab, var(--pc,#000) 70%, #000)}.callout__head{z-index:1;justify-content:center;align-items:center;gap:calc(var(--sz) * .16);max-width:100%;display:flex;position:relative}.callout__head>.callout__word{min-width:0}.callout--foul .callout__head{transform:rotate(-2.5deg)}.callout--map[data-size=mid]{--sz:min(clamp(52px, 10.5vw, 150px), calc((100vw - 32px) / 6.6))}.callout--map[data-size=long]{--sz:min(clamp(40px, 8vw, 116px), calc((100vw - 32px) / 8.4))}.callout--foul .callout__head>.callout__word{transform:none}.callout__map{height:calc(var(--sz) * 1.08);aspect-ratio:44/58;padding:calc(var(--sz) * .06);border-radius:calc(var(--sz) * .18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:map-in .52s var(--ease-bounce) both;background:#100b16cc;flex:none;box-shadow:inset 0 0 0 1.5px #ffffff29,0 5px #00000047,0 14px 30px #00000052}@keyframes map-in{0%{opacity:0;transform:scale(.4)rotate(-10deg)}}.callout__map svg{width:100%;height:100%;overflow:visible}.miss__board{fill:color-mix(in srgb, var(--loc-board,#f4ead8) 82%, #fff);stroke:var(--loc-board-trim,transparent);stroke-width:1.2px;stroke-linejoin:round}.miss__trim{fill:var(--loc-board-trim,var(--loc-accent))}.miss__hole{fill:#0b0710;stroke:#ffffff59;stroke-width:.8px}.miss__bag{fill:var(--pc,#ff7d8f);stroke:#fff;stroke-width:1.4px}.miss__bag--lip{fill:var(--pc-tint,#ffe6a6);stroke-width:1.8px}.miss__thud,.miss__trail{fill:none;stroke:#ffc2cb;stroke-width:2.2px;stroke-linecap:round}.miss__trail{stroke-dasharray:.09 .11;animation:.3s .42s both fade-in}.miss__thud{animation:.2s .56s both fade-in}.callout[data-variant=close] .callout__ch{background:#ffe6a6 linear-gradient(#fff 30%,#ffe6a6 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.callout[data-variant=close] .callout__word{transform-origin:50% 90%;animation:teeter .9s .36s var(--ease-out) both}@keyframes teeter{20%{transform:rotate(3deg)}42%{transform:rotate(-2.2deg)}62%{transform:rotate(1.2deg)}80%{transform:rotate(-.5deg)}}.callout[data-variant=close] .callout__ring{--ring:min(calc(var(--sz) * 2.4), calc(61vh - 170px));width:var(--ring);height:var(--ring);margin:calc(var(--ring) / -2) 0 0 calc(var(--ring) / -2);animation:ring-near 1.1s var(--ease-out) both;border:3px dashed #ffeebebf}@keyframes ring-near{0%{opacity:0;transform:scale(.3)rotate(-40deg)}45%{opacity:.9}to{opacity:0;transform:scale(1.18)}}.callout[data-variant=knock] .callout__ch{background:linear-gradient(180deg, #fff 26%, var(--pc-tint,var(--loc-accent)) 100%);background-color:var(--pc-tint,var(--loc-accent));color:#0000;animation-name:ch-knock;animation-duration:.42s;animation-timing-function:var(--ease-out);animation-delay:calc(var(--i) * 22ms);-webkit-background-clip:text;background-clip:text}@keyframes ch-knock{0%{opacity:0;transform:translate(calc(.056em - 70%))skew(-18deg)}60%{opacity:1;transform:translate(calc(6% - .0048em))skew(6deg)}}.callout[data-variant=knock]{--drop:color-mix(in oklab, var(--pc,var(--loc-accent-2)) 60%, #000)}.callout[data-variant=knock] .callout__w:last-child{transform-origin:10% 100%;animation:knocked .64s .52s var(--ease-bounce) both}@keyframes knocked{0%{transform:none}to{transform:rotate(7deg)translateY(4%)}}.callout[data-variant=knock] .callout__w:only-child{transform-origin:50% 100%;animation-name:knocked-word}@keyframes knocked-word{0%{transform:none}to{transform:rotate(4deg)}}.callout[data-variant=knock] .callout__sub{margin-top:calc(var(--sz) * .15)}.callout .callout__face .callout__ch{background-repeat:repeat-x;background-origin:content-box}.callout .callout__shade .callout__ch{color:#0000;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.toasts{top:calc(var(--edge-top) + 176px);justify-items:center;gap:var(--space-2);pointer-events:none;width:min(460px,100% - 32px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.toast.is-waiting{display:none}.toast{border-radius:var(--radius-pill);max-width:100%;min-height:44px;font:600 14.5px/1.3 var(--font-body);animation:toast-in .44s var(--ease-spring) both;align-items:center;gap:10px;padding:10px 18px 10px 14px;display:inline-flex}.toast.is-leaving{animation:.24s both fade-out!important}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.94)}}.toast__dot{background:var(--loc-accent);width:8px;height:8px;box-shadow:0 0 10px var(--loc-glow);border-radius:50%}.toast__icon{border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.toast__icon svg{width:14px;height:14px}.toast[data-tone=good] .toast__icon{background:var(--good);color:#062a1a}.toast[data-tone=warn] .toast__icon{background:var(--warn);color:#2a1e00}.toast[data-tone=bad] .toast__icon{background:var(--bad);color:#2a0610}@media (max-width:899px){:root{--hud-h:64px}.hud__bar{left:var(--edge-left);right:var(--edge-right);gap:6px;transform:none}.plate{border-radius:18px;flex:1;gap:9px;width:auto;min-width:0;height:64px;padding:0 12px 0 10px}.plate--1{padding:0 10px 0 12px}.plate .bag-chip{border-radius:8px;width:26px;height:26px}.plate__name{font-size:13.5px}.plate__who{gap:6px}.plate__pips{gap:4px}.plate__pips i{border-radius:3px;width:9px;height:9px}.plate__score{font-size:34px}.plate__live{min-width:30px;height:20px;font-size:12px;right:10px}.plate--1 .plate__live{left:10px}.hud__mid{border-radius:18px;flex:none;min-width:58px;padding:6px 8px}.hud__inning{font-size:22px}.hud__eyebrow{letter-spacing:.1em;font-size:9px}.hud__target{font-size:11px}.hud__btns{top:calc(var(--edge-top) + 64px + 12px)}.hud__btn{width:48px;height:48px}.emote-tray{top:calc(var(--edge-top) + 64px + 12px + 56px);grid-template-columns:repeat(3,48px)}.banner{top:calc(var(--edge-top) + 64px + 72px)}.banner__title{font-size:22px}.toasts{top:calc(var(--edge-top) + 64px + 152px)}}@media (min-width:600px) and (max-width:899px) and (orientation:portrait){.hud__bar{width:min(660px, calc(100% - 2 * var(--gutter)));left:50%;right:auto;transform:translate(-50%)}}@media (orientation:landscape) and (max-height:520px){:root{--hud-h:48px;--edge-top:calc(var(--safe-top) + 10px);--hud-btn:max(var(--tap-min), var(--hud-h));--hud-side:calc(var(--hud-btn) + 12px)}.hud:has(.hud__btns:not(.hud__btns--start)>.hud__btn:not([hidden])~.hud__btn:not([hidden])){--hud-side:calc(2 * var(--hud-btn) + var(--space-2) + 12px)}.hud__bar{top:calc(var(--edge-top) + (var(--hud-btn) - var(--hud-h)) / 2);left:calc(var(--edge-left) + var(--hud-side));right:calc(var(--edge-right) + var(--hud-side));transition:opacity .3s var(--ease-out), visibility 0s;justify-content:center;gap:6px;transform:none}.plate{width:auto;min-width:0;max-width:236px;height:var(--hud-h);border-radius:15px;flex:1;gap:8px;padding:0 12px 0 8px}.plate--1{padding:0 8px 0 12px}.plate .bag-chip{border-radius:7px;width:22px;height:22px}.plate__who{gap:4px}.plate__name{font-size:13px}.plate__tag svg{width:14px;height:14px}.plate__pips{gap:3px}.plate__pips i{border-radius:2.5px;width:8px;height:8px}.plate__score{font-size:28px}.plate__live{min-width:28px;height:18px;padding:0 7px;font-size:11px;top:-8px;right:10px}.plate--1 .plate__live{left:10px;right:auto}.plate__turn{width:28px;height:3px;margin-left:-14px;bottom:-6px}.hud__mid{border-radius:15px;flex:none;gap:0;min-width:52px;padding:3px 8px}.hud__eyebrow{letter-spacing:.06em;font-size:9px}.hud__inning{font-size:19px}.hud__target{font-size:11px;line-height:1}.hud__btns{top:var(--edge-top)}.hud__btn{width:var(--hud-btn);height:var(--hud-btn)}.emote-tray{top:calc(var(--edge-top) + var(--hud-btn) + 8px);grid-template-columns:repeat(3,48px)}.banner{top:calc(var(--edge-top) + var(--hud-h) + 10px);border-radius:18px;gap:10px;min-width:180px;padding:8px 18px 8px 10px}.banner__bar{width:5px;min-height:30px}.banner__title{font-size:19px}.banner__sub{font-size:13px}.ui-root:has(.results-wrap--inning:not(.is-leaving)) .hud__bar{opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), visibility 0s linear .3s}.toasts{top:auto;bottom:calc(var(--safe-bottom) + 12px);left:var(--edge-left);right:calc(var(--edge-right) + 236px);width:auto;transition:bottom .26s var(--ease-out);transform:none}.ui-root:has(.coach:not(.is-leaving)) .toasts{bottom:calc(var(--safe-bottom) + 12px + 84px)}@media (hover:hover) and (pointer:fine){.ui-root:has(.coach:not(.is-leaving)) .toasts{bottom:calc(var(--safe-bottom) + 12px + 104px)}}@media (min-height:481px){.ui-root:has(.coach:not(.is-leaving)) .toasts{bottom:calc(var(--edge-bottom) + 8px + 116px)}}}@media (orientation:landscape) and (max-height:380px){:root{--hud-h:44px;--edge-top:calc(var(--safe-top) + 8px)}.plate__score{font-size:26px}.plate__live{height:15px;font-size:10px;top:-7px}.hud__mid{padding:2px 8px}.hud__inning{font-size:18px}.emote-tray{top:calc(var(--edge-top) + var(--hud-btn) + 4px);grid-template-columns:repeat(3,44px)}.emote-tray__btn{width:44px;height:44px;font-size:26px}}@media (orientation:landscape) and (max-height:340px) and (min-width:600px){:root{--hud-h:40px;--edge-top:calc(var(--safe-top) + 6px)}.plate__score{font-size:24px}.plate__live{min-width:26px;height:14px;padding:0 6px;font-size:9.5px;top:-7px}.hud__mid{padding:0 8px}.hud__inning{font-size:17px}.emote-tray{grid-template-columns:repeat(6,44px)}}@media (max-width:599px){.hud__mid{min-width:54px}.plate{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-content:center;gap:7px 6px;padding:0 9px 0 11px}.plate--1{grid-template-columns:auto minmax(0,1fr) auto;padding:0 11px 0 9px}.plate__who{display:contents}.plate .bag-chip{border-radius:5px;grid-area:2/1;width:16px;height:16px}.plate .bag-chip:after{border-radius:3px;top:2px;bottom:2px;left:2px;right:2px}.plate__line{grid-area:1/1/2/3}.plate__pips{grid-area:2/2;align-self:center}.plate__score{grid-area:1/3/3/4;font-size:32px}.plate--1 .bag-chip{grid-area:2/3}.plate--1 .plate__line{grid-area:1/2/2/4}.plate--1 .plate__pips{grid-area:2/2}.plate--1 .plate__score{grid-area:1/1/3/2}.plate__tag{display:none}.plate__tag[data-kind=you]{background:var(--pc-tint);color:var(--ink);border-radius:6px;padding:1px 6px;font-size:9px;display:inline-grid;position:absolute;top:-8px;left:12px;box-shadow:0 2px 8px #00000059}.plate--1 .plate__tag[data-kind=you]{left:auto;right:12px}.plate--1 .emote-bubble{left:4%}.plate--0 .emote-bubble{left:96%}.plate__name{letter-spacing:-.015em;font-size:13px}}@media (max-height:560px) and (min-width:600px){.callout{top:calc(var(--edge-top) + var(--hud-h) + 12px);gap:6px;transform:none}.callout.is-out{animation-name:callout-out-top}.callout[data-variant=knock]{top:calc(var(--edge-top) + var(--hud-h) + 12px + var(--sz) * .2)}.callout,.callout[data-size=mid]{--sz:clamp(40px, 7.4vw, 68px)}.callout[data-size=long]{--sz:clamp(32px, 5.6vw, 56px)}.callout__sub{padding:4px 12px;font-size:15px}.callout[data-variant=close] .callout__ring{display:none}}.coach{left:50%;bottom:calc(var(--safe-bottom) + 12px + clamp(124px, 17vh, 150px) + 22px);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--glass-border);width:max-content;max-width:min(440px,100% - 32px);box-shadow:var(--shadow-2);pointer-events:none;animation:coach-in .52s .2s var(--ease-spring) both;background:#100b16bd;border-radius:22px;align-items:center;gap:12px;padding:10px 18px 10px 10px;display:flex;position:absolute;translate:-50%}.ui-root.no-blur .coach{-webkit-backdrop-filter:none;backdrop-filter:none;background:#100b16e0}.coach.is-leaving{animation:fade-out .24s var(--ease-in) both!important}@keyframes coach-in{0%{opacity:0;transform:translateY(12px)scale(.94)}}.coach__art{background:color-mix(in oklab, var(--loc-accent) 18%, #ffffff0f);border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid}.coach__art svg{width:44px;height:44px;overflow:visible}.coach__finger{animation:coach-drag 2.8s var(--ease-in-out) infinite}@keyframes coach-drag{0%,8%{opacity:0;transform:translate(0)}14%{opacity:1}46%{transform:translateY(26px)}58%{transform:translate(-7px,27px)}70%{opacity:1;transform:translate(6px,27px)}84%,to{opacity:0;transform:translateY(10px)scale(.6)}}.coach[data-style=flick] .coach__finger{transform-box:fill-box;transform-origin:50%;animation:coach-flick 2.2s var(--ease-in-out) infinite}@keyframes coach-flick{0%,10%{opacity:0;transform:translate(0)}18%,36%{opacity:1;transform:translate(0)}52%,to{opacity:0;transform:translateY(-30px)scale(.7)}}:root.reduced-motion .coach__finger{animation:none;transform:translateY(18px)}@media (prefers-reduced-motion:reduce){.coach__finger{animation:none;transform:translateY(18px)}}:root.reduced-motion .coach[data-style=flick] .coach__finger{animation:none;transform:none}@media (prefers-reduced-motion:reduce){.coach[data-style=flick] .coach__finger{animation:none;transform:none}}.coach__text{min-width:0;font:600 14.5px/1.35 var(--font-body);color:var(--text);gap:3px;display:grid}.coach__steps{gap:1px;display:grid}.coach__step{white-space:nowrap}.coach__step:first-child{font-weight:800}.coach__keys{font:500 12px/1.3 var(--font-body);color:var(--text-dim);display:none}@media (hover:hover) and (pointer:fine){.coach__keys{display:block}}.ui-root:has(.coach:not(.is-leaving)) .td__hint{opacity:0}@media (orientation:landscape){.coach{bottom:calc(var(--edge-bottom) + 8px);left:var(--edge-left);right:calc(var(--edge-right) + 260px);width:-moz-fit-content;width:fit-content;margin:0 auto;translate:none}}@media (orientation:landscape) and (max-height:480px){.coach{bottom:calc(var(--safe-bottom) + 12px);right:calc(var(--safe-right) + 230px);padding:8px 14px 8px 8px}.coach__art{width:44px;height:44px}.coach__text{font-size:13.5px}}.modal-wrap,.results-wrap{padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.modal-wrap>.ui-surface,.results-wrap>.ui-surface{overscroll-behavior:contain;max-height:100%;position:relative}.invite__body,.set-body{overscroll-behavior:contain}.scrim--soft{background:radial-gradient(120% 90% at 50% 40%,#0a060e40,#0a060e99)}.scrim--deep{background:radial-gradient(110% 80% at 50% 35%,#0a060e80,#0a060edb)}@keyframes pop-in{0%{opacity:0;transform:translateY(18px)scale(.95)}}.modal-wrap.is-leaving,.results-wrap.is-leaving{animation:none!important}.modal-wrap.is-leaving>*,.results-wrap.is-leaving>*,.results-wrap.is-leaving .stat{animation:fade-out .24s var(--ease-in) both!important}.inning{border-radius:var(--radius-xl);width:min(580px,100%);animation:pop-in .56s var(--ease-spring) both;gap:20px;padding:28px;display:grid;overflow:auto}.inning>*,.inning__result>*,.irows>*,.irow>*{min-width:0}.inning__head{text-align:center;gap:6px;display:grid}.inning__head .eyebrow{color:var(--loc-accent)}.inning__head .title{overflow-wrap:anywhere;text-wrap:balance}.inning__result{gap:12px;display:grid}.irows{gap:10px;display:grid}.irow{animation:row-in .52s var(--d,0s) var(--ease-out) both;background:#ffffff0f;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px 12px 14px;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}@keyframes row-in{0%{opacity:0;transform:translate(-16px)}}.irow[data-win="1"]{background:color-mix(in oklab, var(--pc) 24%, #ffffff0a);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--pc-tint) 55%, transparent)}.irow__who{align-items:center;gap:10px;min-width:0;display:flex}.irow__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 17px/1.2 var(--font-body);overflow:hidden}.irow__math{font-variant-numeric:tabular-nums;align-items:center;gap:7px;display:flex}.tok{background:#0003;border-radius:10px;justify-items:center;gap:2px;min-width:34px;padding:4px 6px 3px;line-height:1;display:grid}.tok b{font:800 21px/1 var(--font-num)}.tok small{font:700 9.5px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.op{font:650 14px/1 var(--font-body);color:var(--text-dim);white-space:nowrap}.irow__pts{text-align:right;min-width:1.6ch;font:800 34px/1 var(--font-num);letter-spacing:-.03em;color:var(--pc-tint)}.cancel{font:800 25px/1.1 var(--font-display);letter-spacing:-.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;display:flex}.cancel__sum{word-spacing:.08em;text-align:center;text-wrap:balance;min-width:0;max-width:100%;margin:0;font-size:.8em;font-weight:700;line-height:1.3}.cancel__out{align-items:center;gap:10px;min-width:0;max-width:100%;display:inline-flex}.cancel__sum>*,.cancel__out>*,.tot{opacity:0;transition:opacity .3s var(--ease-out), transform .52s var(--ease-spring);transform:translateY(10px)scale(.92)}.cancel__sum>.is-in,.cancel__out>.is-in,.tot.is-in{opacity:1;transform:none}.cancel__term{color:var(--pc-tint)}.cancel__term,.cancel__who,.cancel__res{white-space:nowrap;align-items:baseline;max-width:100%;display:inline-flex}.cancel__term,.cancel__res{gap:.26em}.cancel__term b,b.cancel__term{font-size:1.2em;font-weight:800}.cancel__who{min-width:0}.cancel__name{text-overflow:ellipsis;min-width:0;max-width:8.5em;overflow:hidden}.cancel__sum .cancel__name{max-width:10em}.cancel__op{color:var(--text-dim);white-space:nowrap;display:inline-block}.cancel__arrow{color:var(--text-faint);font-weight:600}.cancel__res{border-radius:var(--radius-pill);background:var(--pc-tint);color:var(--ink);box-shadow:0 0 34px var(--pc-glow);padding:6px 16px}.cancel__res--wash{color:var(--white);box-shadow:none;background:#ffffff29}.tot{justify-content:center;align-items:baseline;gap:16px;display:flex}.tot__side{align-items:baseline;gap:10px;min-width:0;display:flex}.tot__name{font:600 15px/1.2 var(--font-body);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:9em;overflow:hidden}.tot__n{font:800 46px/1 var(--font-num);letter-spacing:-.04em;color:var(--pc-tint);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;display:flex}.tot__side--r .tot__n{align-items:flex-start}.tot__n:after{content:attr(data-w);visibility:hidden;height:0;overflow:hidden}.tot__n.is-up{animation:score-bump .7s .5s var(--ease-bounce)}.tot__dash{font:700 28px/1 var(--font-display);color:var(--text-faint)}.inning__foot{justify-content:center;display:flex}.ring-btn{padding-left:14px}.inning__foot .ring-btn{padding-right:14px}.ring{width:30px;height:30px;transform:rotate(-90deg)}.ring.is-hidden{display:none}.ring__track{fill:none;stroke:color-mix(in oklab, var(--loc-on-accent) 18%, transparent);stroke-width:4px}.ring__bar{fill:none;stroke:var(--loc-on-accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:ring-fill var(--ring-ms,4.5s) linear forwards}.ring.is-paused .ring__bar{animation-play-state:paused}.ring-btn.is-held .ring{opacity:.35;transition:opacity .2s}@keyframes ring-fill{to{stroke-dashoffset:0}}:root.reduced-motion .ui-root .ring .ring__bar{animation-duration:var(--ring-ms,4.5s)!important}@media (prefers-reduced-motion:reduce){.ui-root .ring .ring__bar{animation-duration:var(--ring-ms,4.5s)!important}}.results-wrap--over{overflow:hidden}.gameover{scrollbar-width:none;text-align:center;justify-items:center;gap:10px;width:min(820px,100%);padding:40px 32px 24px;display:grid;overflow:auto}.gameover__eyebrow{color:var(--text-dim);animation:.6s .1s both fade-in}.gameover__title{max-width:100%;font:800 clamp(58px, 11vw, 132px) / .88 var(--font-display);letter-spacing:-.055em;color:var(--wc);overflow-wrap:anywhere;filter:drop-shadow(0 6px 0 #0000004d) drop-shadow(0 0 30px var(--wc-glow));animation:title-in 1s .12s var(--ease-spring) both;padding:0 4px 6px}.gameover__title[data-len=long]{overflow-wrap:break-word;text-wrap:balance;font-size:clamp(40px,7.4vw,96px)}.gameover[data-lost="1"] .gameover__title{filter:drop-shadow(0 6px #0000004d)}@keyframes title-in{0%{opacity:0;filter:blur(10px);transform:scale(.6)translateY(20px)}}.gameover__score{font:800 40px/1 var(--font-num);letter-spacing:-.03em;align-items:baseline;gap:14px;animation:.6s .4s both fade-in;display:flex}.gameover__score b{color:var(--pc-tint)}.gameover__score span{color:var(--text-faint);font-weight:600}.gameover__sub{font:600 16px/1.3 var(--font-body);color:var(--text-dim);animation:.6s .5s both fade-in}.gameover__msg{justify-items:center;gap:8px;min-width:0;display:grid}.gameover__records{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;animation:.6s .65s both fade-in;display:flex}.gameover__records[hidden]{display:none}.gameover__record{border-radius:var(--radius-pill);min-height:28px;font:750 13.5px/1 var(--font-body);color:#fff;background:color-mix(in srgb, var(--wc) 30%, #0a081480);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wc) 60%, transparent);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.gameover__record:before{content:"★";color:var(--wc)}.gameover__record[data-mark=check]:before{content:"✓";font-weight:900}.gameover__tip{max-width:36ch;font:500 14px/1.35 var(--font-body);color:var(--text-dim);animation:.6s .65s both fade-in}@media (min-width:900px) and (min-height:561px){.gameover:-webkit-any([data-actions="4"],[data-actions="5"]){width:min(920px,100%)}.gameover:is([data-actions="4"],[data-actions="5"]){width:min(920px,100%)}.gameover:-webkit-any([data-actions="4"],[data-actions="5"]) .gameover__actions>.btn--lg:not(.gameover__share){padding:0 24px;font-size:18px}.gameover:is([data-actions="4"],[data-actions="5"]) .gameover__actions>.btn--lg:not(.gameover__share){padding:0 24px;font-size:18px}.gameover[data-actions="5"]{width:min(1040px,100%)}}@media (min-width:900px) and (max-width:1071px) and (min-height:561px){.gameover:-webkit-any([data-actions="4"],[data-actions="5"]) .gameover__actions{gap:10px}.gameover:is([data-actions="4"],[data-actions="5"]) .gameover__actions{gap:10px}.gameover:-webkit-any([data-actions="4"],[data-actions="5"]) .gameover__actions>.btn--lg:not(.gameover__share){padding:0 16px}.gameover:is([data-actions="4"],[data-actions="5"]) .gameover__actions>.btn--lg:not(.gameover__share){padding:0 16px}}@media (min-width:900px) and (max-width:999px) and (min-height:561px){.gameover[data-actions="5"] .gameover__actions>.btn--lg:not(.gameover__share)>svg:not(.btn__arrow){display:none}}.gameover__actions>.gameover__share{flex:none;width:60px;padding:0}.gameover__share svg{width:24px;height:24px}.replay-bar{border-radius:var(--radius-pill);text-align:left;min-width:0;max-width:100%;animation:replay-in .42s var(--ease-spring) both;align-items:center;gap:10px;padding:7px 7px 7px 10px;display:flex}.replay-bar[hidden]{display:none}.replay-bar:focus{outline:none}@keyframes replay-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}.replay-bar__tag{border-radius:var(--radius-pill);color:#15110f;height:30px;font:800 13px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;background:#fff;flex:none;align-items:center;gap:7px;padding:0 12px 0 10px;display:inline-flex}.replay-bar__dot{background:#ff3b4f;border-radius:50%;width:9px;height:9px;animation:1.1s steps(2,jump-none) infinite rec-blink;box-shadow:0 0 0 3px #ff3b4f40}@keyframes rec-blink{50%{opacity:.25}}.replay-bar__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 16px/1.2 var(--font-body);color:var(--text);flex:auto;overflow:hidden}.replay-bar__text[hidden]{display:none}.replay-bar__btn{flex:none;min-height:44px;padding:0 18px;font-size:16px}.replay-bar__btn--icon{width:44px;padding:0}.replay-bar__btn svg{width:20px;height:20px}@media (max-width:480px){.replay-bar__btn{width:44px;padding:0}.replay-bar__btn-text{display:none}.replay-bar__text{font-size:15px}}@media (max-width:400px){.replay-bar{gap:8px}.replay-bar__text{font-size:14px}}@media (max-width:359px){.replay-bar__text{display:none}}.results-wrap--over.is-replay{place-items:end center}.results-wrap--over.is-replay>.scrim{opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out)}.results-wrap--over.is-replay>.gameover{width:auto;max-width:min(640px,100%);padding:0;display:flex;overflow:visible}.results-wrap--over.is-replay>.gameover>:not(.replay-bar){display:none}@media (prefers-reduced-motion:no-preference){.results-wrap--over.is-back>.scrim,.results-wrap--over.is-back>.gameover>*,.results-wrap--over.is-back .gameover__actions>.btn,.results-wrap--over.is-back .stat{animation-duration:.32s!important;animation-delay:0s!important}}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin-top:14px;display:grid}.stat{text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);animation:pop-in .56s var(--ease-spring) both;background:#140e1a8c;border-radius:20px;gap:10px;padding:14px 16px;display:grid}.stat:first-child{animation-delay:.55s}.stat:nth-child(2){animation-delay:.62s}.stat:nth-child(3){animation-delay:.69s}.stat:nth-child(4){animation-delay:.76s}.stat__label{font:700 11px/1.2 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.stat__vals{font:800 28px/1 var(--font-num);letter-spacing:-.03em;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:.3em;display:flex}.stat__vals b{color:var(--pc-tint)}.stat__vals--wide b{font-size:.84em}.stat__bar{gap:3px;height:6px;display:flex}.stat__bar i{background:var(--pc-tint);border-radius:6px;flex-basis:0;min-width:3px}.stat__bar--empty i{background:#ffffff1f}.legend{font:600 13.5px/1.2 var(--font-body);color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:2px;display:flex}.legend__item{align-items:center;gap:8px;display:inline-flex}.legend .bag-chip{border-radius:5px;width:18px;height:18px}.legend .bag-chip:after{display:none}.gameover__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.gameover__actions>.btn{animation:.6s .85s both fade-in}.gameover__actions>.btn[disabled]{opacity:.45}.gameover__status{min-height:1.3em;font:600 14px/1.3 var(--font-body);color:var(--text-dim)}.confetti{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{width:var(--w);height:var(--hh);opacity:0;animation:confetti-fall var(--t) var(--d) cubic-bezier(.25, .6, .45, 1) both;position:absolute;top:-24px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-6vh)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate3d(var(--x), 108vh, 0) rotate(var(--r))}}.set-sheet{border-radius:var(--radius-xl);width:min(560px,100%);animation:pop-in .48s var(--ease-spring) both;flex-direction:column;display:flex;overflow:hidden}.set-head{justify-content:space-between;padding:20px 16px 8px 24px}.set-tabs{padding:8px 24px 4px}.set-body{gap:8px;padding-top:8px}.set-group{display:grid}.set-group__title{font:800 11px/1.2 var(--font-body);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--loc-accent);margin:10px 0 0}.set-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:8px 0;display:flex}.set-group>.set-row:last-child{border-bottom:0}.set-row__text{min-width:0;font:650 16px/1.25 var(--font-body);cursor:pointer;gap:2px;display:grid}.set-row__text small{font:500 13px/1.3 var(--font-body);color:var(--text-faint)}.set-row--slider .set-row__text{white-space:nowrap;flex:none;align-items:center;gap:10px;min-width:7.4em;display:flex}.set-row--slider .set-row__control{flex:auto;min-width:120px;max-width:280px}.set-row__control{flex:0 280px;align-items:center;gap:12px;min-width:150px;display:flex}.set-row__val{text-align:right;min-width:3ch;font:700 14px/1 var(--font-body);color:var(--text-dim);font-variant-numeric:tabular-nums}.set-row.is-off,.set-row.is-muted{opacity:.45}.set-row.is-off .set-row__text,.set-row.is-off .range{cursor:default}.set-row--stack{flex-direction:column;align-items:stretch;gap:10px}.set-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.set-foot>.btn--primary:only-child,.set-foot>.btn--primary:last-child{margin-left:auto}.set-foot>.btn--danger{white-space:nowrap;flex:0 auto;min-width:0}.set-foot>.btn--danger.is-armed{text-align:left;justify-content:flex-start;padding:6px 18px;font-size:15px}.btn__stack{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:100%;display:flex}.btn__main{line-height:1.1}.btn__sub{text-overflow:ellipsis;max-width:100%;font:650 12.5px/1.2 var(--font-body);letter-spacing:0;opacity:.82;display:block;overflow:hidden}.set-foot>.btn--primary{flex:none}.set-note{font:500 13.5px/1.35 var(--font-body);color:var(--text-dim);margin-top:4px}.set-credits{min-height:44px;font:600 13px/1.2 var(--font-body);color:var(--text-dim);text-underline-offset:3px;border-radius:8px;align-items:center;padding:0 4px;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59;display:inline-flex}@media (hover:hover){.set-credits:hover{color:var(--text)}}.set-credits-row{text-align:center;margin-top:4px}.how{gap:10px;margin:0;padding:8px 0 0;list-style:none;display:grid}.how__step{animation:row-in .48s calc(var(--i) * 70ms) var(--ease-out) both;background:#ffffff0d;border-radius:20px;grid-template-columns:112px 1fr;align-items:center;gap:16px;padding:10px 14px 10px 10px;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.how__art{aspect-ratio:4/3;background:radial-gradient(120% 120% at 30% 20%, color-mix(in oklab, var(--loc-accent) 22%, #0000004d), #00000059);border-radius:14px;padding:6px;display:block}.how__art svg{width:100%;height:100%;overflow:visible}.how__text{font:500 14px/1.4 var(--font-body);color:var(--text-dim);gap:3px;display:grid}.how__text b{font:750 17px/1.15 var(--font-display);letter-spacing:-.015em;color:var(--white)}.how__keys{font:500 13px/2 var(--font-body);color:var(--text-faint);margin-top:12px}@media (hover:none) and (pointer:coarse){.how__keys{display:none}}.how__keys kbd{min-width:24px;font:700 12px/22px var(--font-body);text-align:center;color:var(--text);background:#ffffff1a;border-radius:6px;margin:0 2px;padding:0 6px;display:inline-block;box-shadow:inset 0 -2px #0000004d}.how-finger{animation:how-drag 2.4s var(--ease-in-out) infinite}.how-meter{transform-box:fill-box;transform-origin:50% 100%;animation:how-meter 2.4s var(--ease-in-out) infinite}@keyframes how-drag{0%,15%{transform:translateY(0)}60%,75%{transform:translateY(34px)}80%,to{opacity:.4;transform:translateY(0)}}@keyframes how-meter{0%,15%{transform:scaleY(.1)}60%,75%{transform:scaleY(1)}80%,to{transform:scaleY(.1)}}.how-flick-finger{animation:how-flick 2.2s var(--ease-in-out) infinite}.how-flick-bag{transform-box:fill-box;transform-origin:50%;animation:how-flick-bag 2.2s var(--ease-out) infinite}@keyframes how-flick{0%{opacity:0;transform:translateY(0)}12%,28%{opacity:.95;transform:translateY(0)}42%,to{opacity:0;transform:translateY(-36px)}}@keyframes how-flick-bag{0%,36%{opacity:0;transform:translateY(24px)scale(.7)}44%{opacity:1}78%,to{opacity:0;transform:translateY(-4px)rotate(-40deg)}}:root.reduced-motion .how-flick-finger,:root.reduced-motion .how-flick-bag{animation:none}@media (prefers-reduced-motion:reduce){.how-flick-finger,.how-flick-bag{animation:none}}.how__note{font:500 13px/1.4 var(--font-body);color:var(--text-faint);margin-top:10px}.lobby{scrollbar-width:none;border-radius:var(--radius-xl);width:min(780px,100%);animation:pop-in .56s var(--ease-spring) both;overflow:auto}.lobby__art{height:132px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 35%,#0000 100%);mask-image:linear-gradient(#000 35%,#0000 100%)}.lobby__art svg{width:100%;height:100%}.lobby__head{justify-items:start;gap:10px;margin-top:-52px;padding:0 32px;display:grid;position:relative}.lobby__head .loc-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#100b1699}.lobby__head .title{letter-spacing:-.03em;font-size:34px}.lobby__lede{font:500 15px/1.4 var(--font-body);color:var(--text-dim)}.lobby__lede b{color:var(--white)}.lobby__grid{grid-template-columns:minmax(0,1fr) 196px;align-items:start;gap:28px;padding:22px 32px 8px;display:grid}.lobby__main{gap:14px;min-width:0;display:grid}.code{gap:10px;display:grid}.code__chars{gap:8px;display:flex}.code__ch{width:58px;height:70px;font:800 40px/1 var(--font-display);letter-spacing:-.02em;animation:code-pop .52s calc(.2s + var(--i) * 70ms) var(--ease-spring) both;background:#ffffff1a;border-radius:16px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #fff3,0 4px #00000047}.code__ch--empty{background:linear-gradient(100deg,#ffffff0f 30%,#ffffff29 50%,#ffffff0f 70%) 0 0/300% 100%;animation:1.4s linear infinite shimmer}@keyframes code-pop{0%{opacity:0;transform:translateY(12px)scale(.7)rotate(-6deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.share-row{gap:8px;display:flex}.input--link{height:48px;font:500 16px/1 var(--font-body);color:var(--text-dim);text-overflow:ellipsis}.copy-btn{flex:none;min-width:112px;min-height:48px}.copy-btn__icon{display:grid}.copy-btn__icon svg{width:18px;height:18px}.copy-btn.is-done{--btn-bg:var(--good);--btn-fg:#062a1a;--btn-lip:#1b8a5a}.copy-btn.is-done:-webkit-any(:active,.is-pressed):not([disabled]){--btn-bg:color-mix(in oklab, var(--good) 80%, #fff)}.copy-btn.is-done:is(:active,.is-pressed):not([disabled]){--btn-bg:color-mix(in oklab, var(--good) 80%, #fff)}.copy-btn.is-done .copy-btn__icon{animation:live-pop .42s var(--ease-bounce)}.share-btn{width:100%}.qr{animation:pop-in .6s .3s var(--ease-spring) both;justify-items:center;gap:8px;margin:0;display:grid}.qr__svg,.qr__placeholder{aspect-ratio:1;border-radius:18px;width:100%;max-width:196px;box-shadow:0 0 0 6px #ffffff14,0 14px 34px #0006}.qr__placeholder{background:linear-gradient(100deg,#ffffff0f 30%,#ffffff24 50%,#ffffff0f 70%) 0 0/300% 100%;animation:1.4s linear infinite shimmer;display:block}.qr figcaption{font:600 12.5px/1.2 var(--font-body);color:var(--text-faint)}.lobby__live{gap:12px;padding-top:6px;display:grid}.lobby__status{font:650 15px/1.3 var(--font-body);color:var(--text-dim);align-items:center;gap:10px;display:flex}.status-dot{background:var(--warn);border-radius:50%;flex:none;width:10px;height:10px;animation:1.6s ease-out infinite status-pulse;box-shadow:0 0 #ffcf5699}.lobby__status-text{gap:2px;min-width:0;display:grid}.lobby__status-text small{font:500 13px/1.3 var(--font-body);color:var(--text-dim)}.lobby__status[data-status=joined]{color:var(--white)}.lobby__status[data-status=joined] .status-dot{background:var(--good);box-shadow:0 0 12px var(--good);animation:none}.lobby__status[data-status=error]{color:#ffb3bf}.lobby__status[data-status=error] .status-dot{background:var(--bad);animation:none}@keyframes status-pulse{to{box-shadow:0 0 0 10px #ffcf5600}}.guest{background:color-mix(in oklab, var(--good) 14%, #ffffff0a);border:1px solid color-mix(in oklab, var(--good) 40%, transparent);animation:guest-in .62s var(--ease-spring) both;border-radius:18px;align-items:center;gap:12px;padding:12px 16px;display:flex}.guest[hidden]{display:none}@keyframes guest-in{0%{opacity:0;transform:translateY(14px)scale(.92)}}.guest .bag-chip{border-radius:10px;width:34px;height:34px}.guest__text{flex:1;gap:2px;min-width:0;display:grid}.guest__text b{font:750 18px/1.15 var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guest__text small{font:500 13px/1.2 var(--font-body);color:var(--text-dim)}.guest__check{background:var(--good);color:#062a1a;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.guest__check svg{width:16px;height:16px}.lobby__foot{justify-content:space-between;align-items:center;gap:12px;padding:16px 32px 28px;display:flex}.btn.is-ready{animation:1.8s ease-in-out infinite ready-pulse}@keyframes ready-pulse{50%{box-shadow:0 4px 0 var(--btn-lip), 0 0 0 8px color-mix(in oklab, var(--loc-accent) 25%, transparent), 0 10px 30px var(--loc-glow), inset 0 1px 0 var(--btn-shine)}}.invite{border-radius:var(--radius-xl);width:min(880px,100%);animation:pop-in .6s var(--ease-spring) both;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);display:grid;overflow:hidden}.invite__art{min-height:100%;position:relative}.invite__art svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.invite__art .art--wide{display:none}.invite__art:after{content:"";background:linear-gradient(90deg,#0000 70%,#100b168c);position:absolute;top:0;bottom:0;left:0;right:0}.invite__body{align-content:start;gap:20px;min-width:0;padding:32px;display:grid;overflow:auto}.invite__head{gap:10px;display:grid}.invite__code{color:var(--loc-accent)}.invite__title{font-weight:inherit;gap:6px;display:grid}.invite__pre{font:600 17px/1.2 var(--font-body);color:var(--text-dim)}.invite__loc{font:800 46px/.95 var(--font-display);letter-spacing:-.045em;color:var(--white);text-wrap:balance}.invite__tag{font:500 14px/1.4 var(--font-body);color:var(--text-faint)}.invite__actions{gap:4px;margin-top:4px;display:grid}.conn{border-radius:var(--radius-xl);text-align:center;width:min(420px,100%);animation:pop-in .48s var(--ease-spring) both;justify-items:center;gap:12px;padding:32px 28px 24px;display:grid}.conn__icon{background:color-mix(in oklab, var(--warn) 18%, transparent);width:60px;height:60px;color:var(--warn);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.conn[data-tone=bad] .conn__icon{background:color-mix(in oklab, var(--bad) 18%, transparent);color:var(--bad)}.conn[data-tone=info] .conn__icon{background:color-mix(in oklab, var(--loc-accent) 18%, transparent);color:var(--loc-accent)}.conn__icon svg{width:28px;height:28px}.conn__hop{margin:10px 0 8px;transform:scale(1.5)}.conn__title{font:800 25px/1.1 var(--font-display);letter-spacing:-.025em}.conn__text{font:500 15px/1.45 var(--font-body);color:var(--text-dim);text-wrap:pretty}.conn__count{font:800 34px/1 var(--font-num);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.conn__count--soft{font:650 15px/1.3 var(--font-body);letter-spacing:0;color:var(--text-dim)}.conn__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.load{padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 32px);grid-template-rows:1fr auto;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.load.is-leaving{animation:load-out .65s var(--ease-in-out) both!important}@keyframes load-out{to{opacity:0;transform:scale(1.04)}}.load__bg{background:radial-gradient(60% 50% at 50% 38%, color-mix(in oklab, var(--loc-accent) 34%, transparent), transparent 70%), radial-gradient(70% 60% at 80% 90%, color-mix(in oklab, var(--loc-accent-2) 26%, transparent), transparent 70%), linear-gradient(180deg, #1a1124 0%, #120c18 100%);animation:9s ease-in-out infinite alternate load-drift;position:absolute;top:-10%;bottom:-10%;left:-10%;right:-10%}@keyframes load-drift{to{transform:translate(2%,-2%)scale(1.05)}}.load__center{animation:fade-in .7s var(--ease-out) both;justify-items:center;gap:28px;display:grid;position:relative}.load .wordmark{font-size:clamp(46px,9vw,88px)}.load .mark__bag,.load .wordmark__o svg{animation:none!important}.load .mark__bag{opacity:1;transform:translate(50px,36px)rotate(8deg)scale(.92)}.load__toss{aspect-ratio:220/140;width:min(240px,62vw);position:relative}.toss__layer,.toss__trail,.toss__x,.toss__y{display:block;position:absolute;top:0;bottom:0;left:0;right:0}.toss__art{width:100%;height:100%;overflow:visible}.toss__rest{display:none}.toss__dot{aspect-ratio:1;opacity:.26;background:#fff;border-radius:50%;width:1.5%;margin:-.75% 0 0 -.75%;animation:2.2s linear infinite toss-dot;position:absolute}@keyframes toss-dot{0%{opacity:.26;transform:scale(1)}3%{opacity:.95;transform:scale(1.5)}32%,to{opacity:.26;transform:scale(1)}}.toss__x{animation:2.2s linear infinite toss-x}@keyframes toss-x{0%{transform:translate(8.182%)}66%,to{transform:translate(70.909%)}}.toss__y{animation:2.2s infinite toss-y}@keyframes toss-y{0%{animation-timing-function:cubic-bezier(.333,.667,.667,1);transform:translateY(80%)}41.91%{animation-timing-function:cubic-bezier(.333,0,.667,.333);transform:translateY(19.214%)}66%{animation-timing-function:cubic-bezier(.5,0,1,1);transform:translateY(39.286%)}80%,to{transform:translateY(52.857%)}}.toss__bag{opacity:0;width:8.182%;height:8.571%;animation:2.2s linear infinite toss-bag;position:absolute;top:-4.286%;left:-4.091%}.toss__bag svg{width:100%;height:100%;overflow:visible}@keyframes toss-bag{0%{opacity:0;transform:rotate(-40deg)}6%{opacity:1}40%{transform:rotate(-10deg)}70%{opacity:1;transform:rotate(6deg)}80%{opacity:0}to{opacity:0;transform:rotate(10deg)}}:root.reduced-motion .toss__x,:root.reduced-motion .load__track:after{display:none}:root.reduced-motion .toss__rest{display:inline}@media (prefers-reduced-motion:reduce){.toss__x,.load__track:after{display:none}.toss__rest{display:inline}}.load__progress{justify-items:center;gap:12px;display:grid}.load__track{background:#ffffff24;border-radius:6px;width:min(260px,64vw);height:6px;position:relative;overflow:hidden}.load__fill{border-radius:inherit;background:linear-gradient(90deg, var(--loc-accent-2), var(--loc-accent));transform-origin:0;transition:transform .5s var(--ease-out);box-shadow:0 0 16px var(--loc-glow);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.load__track:after{content:"";background:linear-gradient(90deg,#0000 25%,#ffffff80 50%,#0000 75%);animation:1.5s linear infinite load-shimmer;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-75%)}@keyframes load-shimmer{0%{transform:translate(-75%)}to{transform:translate(75%)}}.load__label{min-height:1.3em;font:600 14px/1.3 var(--font-body);color:var(--text-dim)}.load__tips{text-align:center;justify-items:center;gap:8px;max-width:440px;animation:.9s .4s both fade-in;display:grid;position:relative}.load__tip{min-height:2.8em;font:500 15px/1.4 var(--font-body);color:var(--text-dim);text-wrap:balance;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out)}.load__tip.is-swap{opacity:0;transform:translateY(6px)}.load.is-fonts-pending .wordmark,.load.is-fonts-pending .load__label,.load.is-fonts-pending .load__tips{visibility:hidden}.boot-splash.is-leaving{opacity:0}@media (max-width:699px){.modal-wrap,.results-wrap{padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 8px)}.inning{border-radius:28px;gap:16px;padding:22px 16px 18px}.irow{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.irow__math{justify-content:space-between}.cancel{font-size:21px}.tot__n{font-size:40px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:12px 14px}.stat__vals{gap:8px;font-size:23px}.gameover{padding:24px 12px 16px}.gameover__actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.gameover__actions>.btn{flex:auto;order:2}.gameover__actions>.btn--lg{min-height:56px;padding:0 18px;font-size:18px}.gameover__actions>.btn:first-child{flex-basis:calc(100% - 66px);order:0}.gameover__actions>.gameover__share{order:1;width:56px;padding:0}.gameover__records{gap:5px}.gameover__record{gap:5px;min-height:26px;padding:0 10px;font-size:12.5px}.gameover__score{font-size:34px}.set-sheet{border-radius:28px;align-self:end;max-height:calc(100% - 24px)}.set-head{padding:16px 12px 4px 20px}.set-tabs{padding:8px 16px 4px}.set-foot{gap:8px}.set-foot>.btn--lg{min-height:56px;padding:0 20px;font-size:18px}.set-foot>.btn--ghost{padding:0 12px}.set-foot.is-confirming>.btn--danger.is-armed{flex:auto;padding:6px 18px}.set-foot.is-confirming>.btn--primary{width:56px;padding:0}.set-foot.is-confirming>.btn--primary .btn__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.how__step{grid-template-columns:92px 1fr;gap:12px}.how__text b{font-size:16px}.lobby,.invite{border-radius:28px}.lobby__art{height:104px}.lobby__head{margin-top:-44px;padding:0 20px}.lobby__head .title{font-size:28px}.lobby__grid{grid-template-columns:minmax(0,1fr) 104px;gap:12px;padding:18px 20px 4px}.lobby__main{display:contents}.code{grid-column:1}.qr{grid-area:1/2;align-self:end}.qr figcaption{display:none}.share-row,.share-btn{grid-column:1/-1}.code__chars{gap:4px}.code__ch{border-radius:12px;flex:1 1 0;width:auto;min-width:0;max-width:42px;height:54px;font-size:28px}.lobby__live{grid-column:1/-1;padding-top:2px}.lobby__foot{padding:16px 20px 20px}.invite{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;max-height:100%}.invite__art{height:168px;min-height:0}.invite__art .art--tall{display:none}.invite__art .art--wide{display:block}.invite__art:after{background:linear-gradient(#0000 55%,#100b16bf)}.invite__body{gap:16px;padding:20px 18px 18px}.invite__loc{font-size:38px}}@media (max-width:699px) and (max-height:700px) and (orientation:portrait){.invite__art{height:112px}.invite__body{gap:12px;padding:16px 16px 14px}.invite__head{gap:6px}.invite__loc{font-size:32px}.gameover{gap:8px;padding-top:18px}.gameover__title{font-size:52px}.gameover__score{font-size:30px}.stats{gap:8px;margin-top:4px}.stat{gap:6px;padding:8px 12px}.stat__vals{font-size:20px}}@media (max-height:560px) and (min-width:600px){.modal-wrap,.results-wrap{padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 12px)}.load{padding-top:calc(var(--safe-top) + 14px);padding-bottom:calc(var(--safe-bottom) + 14px)}.load__center{gap:14px}.load .wordmark{font-size:52px}.load__toss{width:150px}.load__tips{gap:4px}.load__tip{min-height:0;font-size:14px}.inning{gap:10px;width:min(700px,100%);padding:14px 18px 16px}.inning__head{gap:2px}.inning__head .title{font-size:22px}.irows{gap:6px}.irow{border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:6px 12px 6px 10px}.irow__math{justify-content:flex-end}.irow__name{font-size:16px}.tok b{font-size:18px}.irow__pts{font-size:28px}.cancel{gap:6px 8px;font-size:20px}.cancel__out{gap:8px}.inning__result{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.inning .tot{border-left:1px solid var(--hairline);gap:6px;padding-left:10px}.inning .tot__name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tot__n{font-size:32px}.tot__dash{font-size:24px}.inning__foot .btn--lg{min-height:52px;font-size:18px}.gameover{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"eye stats""title stats""score legend""sub sub""actions actions""status status";align-items:center;gap:6px 24px;width:min(860px,100%);padding:12px 16px 8px}.gameover__eyebrow{grid-area:eye}.gameover__title{grid-area:title;font-size:clamp(44px,8vw,72px)}.gameover__title[data-len=long]{font-size:clamp(32px,5vw,48px)}.gameover__score{grid-area:score;justify-self:center;font-size:32px}.gameover__msg{grid-area:sub;gap:6px}.stats{grid-area:stats;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}.stat{border-radius:16px;gap:6px;padding:9px 12px}.stat__vals{font-size:22px}.legend{grid-area:legend;margin-top:0}.gameover__actions{grid-area:actions;gap:10px;width:auto;margin-top:8px;display:flex}.gameover__actions .btn--lg{min-height:50px;padding:0 20px;font-size:17px}.gameover:-webkit-any([data-actions="4"],[data-actions="5"]) .gameover__actions{gap:8px}.gameover:is([data-actions="4"],[data-actions="5"]) .gameover__actions{gap:8px}.gameover:-webkit-any([data-actions="4"],[data-actions="5"]) .gameover__actions .btn--lg:not(.gameover__share){padding:0 14px;font-size:16px}.gameover:is([data-actions="4"],[data-actions="5"]) .gameover__actions .btn--lg:not(.gameover__share){padding:0 14px;font-size:16px}.gameover[data-actions="5"] .gameover__actions .btn--lg:not(.gameover__share)>svg:not(.btn__arrow){display:none}.gameover__actions>.btn,.gameover__actions>.btn:first-child{flex:none;order:0}.gameover__actions>.gameover__share{width:50px;padding:0}.gameover__status{grid-area:status;min-height:0}.lobby{width:min(820px,100%)}.lobby__art,.lobby__head .loc-chip{display:none}.lobby__head{gap:4px;margin-top:0;padding:16px 24px 0}.lobby__head .title{font-size:24px}.lobby__lede{font-size:14px}.lobby__main{display:contents}.lobby__grid{grid-template-columns:minmax(0,1fr) auto 132px;grid-template-areas:"code code qr""link share qr""live live qr";gap:10px 12px;padding:12px 24px 4px}.code{grid-area:code;gap:6px}.share-row{grid-area:link}.share-btn{grid-area:share;width:auto;min-height:48px}.lobby__live{grid-area:live;gap:8px;padding-top:0}.qr{grid-area:qr;align-self:start}.qr figcaption{display:none}.code__chars{gap:6px}.code__ch{border-radius:12px;flex:none;width:44px;max-width:none;height:52px;font-size:30px}.lobby__live:has(.guest:not([hidden])) .lobby__status{display:none}.guest{padding:8px 12px}.lobby__foot{padding:10px 24px 14px}.lobby__foot .btn--lg{min-height:52px;font-size:18px}.invite{grid-template-rows:none;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);max-height:100%}.invite__art{height:auto;min-height:100%}.invite__art .art--tall{display:block}.invite__art .art--wide{display:none}.invite__art:after{background:linear-gradient(90deg,#0000 70%,#100b168c)}.invite__body{gap:12px;padding:16px 20px 14px}.invite__head{gap:4px}.invite__pre{font-size:15px}.invite__loc{font-size:30px}.invite__tag{display:none}.invite__actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:0}.invite__actions .btn--lg{min-height:52px;font-size:18px}.set-sheet{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;width:min(880px,100%);display:grid}.set-head{display:contents}.set-head .sheet__titles{grid-area:1/1;min-width:0;padding:12px 8px 6px 22px}.set-head .title{font-size:22px}.set-tabs{grid-area:1/2;padding:10px 6px 4px}.set-tabs .seg__opt{min-height:44px}.set-head>.icon-btn{grid-area:1/3;margin:6px 10px 0 4px}.set-body{grid-area:2/1/3/4;align-self:stretch;padding-top:0}.set-foot{grid-area:3/1/4/4}.pane[data-pane=settings]:not([hidden]){columns:2;column-gap:32px;display:block}.set-group{break-inside:avoid}.set-row{min-height:48px;padding:4px 0}.how{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.how__step{grid-template-columns:76px 1fr;gap:10px;padding:8px 10px 8px 8px}.how__text{font-size:13px}.how__text b{font-size:15px}}@media (max-height:560px) and (min-width:600px) and (max-width:760px){.gameover:-webkit-any([data-actions="4"],[data-actions="5"]) .gameover__actions{gap:6px}.gameover:is([data-actions="4"],[data-actions="5"]) .gameover__actions{gap:6px}.gameover:-webkit-any([data-actions="4"],[data-actions="5"]) .gameover__actions .btn--lg:not(.gameover__share){padding:0 8px;font-size:15px}.gameover:is([data-actions="4"],[data-actions="5"]) .gameover__actions .btn--lg:not(.gameover__share){padding:0 8px;font-size:15px}.gameover[data-actions="4"] .gameover__actions .btn--lg:not(.gameover__share)>svg:not(.btn__arrow){display:none}.gameover:-webkit-any([data-actions="4"],[data-actions="5"]) .gameover__actions>.gameover__share{width:46px}.gameover:is([data-actions="4"],[data-actions="5"]) .gameover__actions>.gameover__share{width:46px}}@media (max-height:560px) and (min-width:600px) and (max-width:639px){.gameover[data-actions="5"] .gameover__actions{gap:5px}.gameover[data-actions="5"] .gameover__actions .btn--lg:not(.gameover__share){padding:0 7px;font-size:14px}}@media (orientation:portrait){.results-wrap--inning{align-items:end}.results-wrap--inning>.scrim{background:linear-gradient(#0a060e0f 22%,#0a060e66 55%,#0a060eb8 100%)}}@media (orientation:portrait) and (max-width:699px){.inning{gap:10px;padding:18px 14px 14px}.inning__head{gap:4px}.inning__head .title{font-size:22px}.irows{gap:6px}.irow{border-radius:18px;gap:6px;padding:8px 12px}.irow__name{font-size:16px}.tok b{font-size:18px}.irow__pts{font-size:28px}.cancel{gap:6px 10px;font-size:20px}.inning__result,.inning .tot{gap:10px}.inning .tot__name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tot__n{font-size:34px}.inning__foot .btn--lg{min-height:54px;font-size:18px}}@media (orientation:portrait) and (max-width:699px) and (max-height:700px){.inning{gap:8px;padding:12px 12px 10px}.irow{padding:6px 12px}.inning__result{gap:8px}.tot__n{font-size:30px}.inning__foot .btn--lg{min-height:50px}}@media (max-height:360px) and (min-width:600px){.inning{gap:6px;padding:10px 18px}.inning__head{gap:0}.irows{gap:4px}.irow{padding-top:4px;padding-bottom:4px}.inning__foot .btn--lg{min-height:46px}}@media (orientation:landscape) and (min-width:1000px) and (min-height:561px){.results-wrap--inning{padding-left:calc(var(--safe-left) + 24px);justify-items:start}.results-wrap--inning>.inning{width:min(500px,42vw)}.results-wrap--inning>.scrim{background:linear-gradient(90deg,#0a060ea8 0%,#0a060e5c 38%,#0a060e0d 70%)}}.mtip{text-align:left;width:min(100%,520px);color:var(--text);-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);border:1px solid color-mix(in oklab, var(--loc-accent) 34%, #ffffff24);box-shadow:var(--glass-highlight), 0 10px 28px #00000052;pointer-events:auto;animation:mtip-in .52s .45s var(--ease-out) both;background:linear-gradient(#ffffff14,#ffffff05 50%),#100b16cc;border-radius:22px;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"icon title ok""icon text text""icon act act";align-items:center;column-gap:12px;margin:14px auto 0;padding:10px 10px 12px 12px;display:grid;position:relative}.mtip.is-leaving{animation:mtip-out .22s var(--ease-in) both}@keyframes mtip-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes mtip-out{to{opacity:0;transform:translateY(-6px)scale(.98)}}.ui-root.no-blur .mtip{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-solid)}.mtip__icon{width:40px;height:40px;color:var(--loc-accent);background:color-mix(in oklab, var(--loc-accent) 18%, #ffffff0a);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--loc-accent) 30%, transparent);border-radius:12px;grid-area:icon;align-self:start;place-items:center;margin-top:2px;display:grid}.mtip__icon svg{width:26px;height:26px}.mtip__icon--app,.tip-help__icon--app{background:0 0;overflow:hidden;box-shadow:0 4px 12px #00000059,inset 0 0 0 1px #ffffff1f}.mtip__icon--app img,.tip-help__icon--app img{width:100%;height:100%;display:block}.mtip__title{min-width:0;font:750 16px/1.2 var(--font-display);letter-spacing:-.01em;color:var(--white);grid-area:title}.mtip__text{font:500 13.5px/1.42 var(--font-body);color:var(--text-dim);grid-area:text;margin-top:1px}.mtip__text b{color:var(--white);font-weight:700}.mtip__act{grid-area:act;gap:8px;margin-top:10px;display:flex}.mtip__ok{-webkit-appearance:none;appearance:none;border-radius:var(--radius-pill);min-width:64px;min-height:36px;font:700 14px/1 var(--font-body);color:var(--text);cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:transform .22s var(--ease-spring), background-color var(--dur-fast) var(--ease-out);background:#ffffff21;border:0;grid-area:ok;margin:0;padding:0 14px;position:relative;box-shadow:inset 0 0 0 1px #ffffff29}.mtip__ok:before{content:"";position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}@media (hover:hover){.mtip__ok:hover{background:#fff3}}.mtip__ok:active,.mtip__ok.is-pressed{box-shadow:inset 0 0 0 1px #fff3, 0 0 0 3px color-mix(in oklab, var(--loc-accent) 55%, transparent);background:#ffffff42;transition-duration:0s;transform:scale(.95)}.mtip__install{min-width:120px}.tip-ui{white-space:nowrap;color:var(--white);font-weight:700}.tip-ui__icon{vertical-align:-.2em;width:1.15em;height:1.15em;color:var(--loc-accent);margin-right:.15em;display:inline-block}.tip-ui__icon svg{width:100%;height:100%}.tip-key{min-width:1.9em;font:800 .9em/1.45 var(--font-body);letter-spacing:.04em;text-align:center;color:var(--white);background:#ffffff26;border-radius:6px;padding:0 .35em;display:inline-block;box-shadow:inset 0 -1px #0000004d}.menu__brand{--tip-wm:translate(calc(50% - 50vw + 14px), calc(-41px - .07em)) scale(.5)}.menu__brand.has-tip--over:not(.has-tip--none)>.wordmark .wordmark__row{transform-origin:0 0;transform:var(--tip-wm)}.menu__brand.has-tip--over>.menu__tag{visibility:hidden}.menu__brand.tip-back>.wordmark .wordmark__row{transform-origin:0 0;animation:tip-wm-back .42s var(--ease-out) both}.menu__brand.tip-back>.menu__tag{animation:tip-tag-back .32s .16s var(--ease-out) both}@keyframes tip-wm-back{0%{transform:var(--tip-wm)}}@keyframes tip-tag-back{0%{opacity:0}}.menu__brand.has-tip--over>.mtip{margin:0 auto;position:absolute;top:48px;left:0;right:0}.menu__brand.has-tip--tight>.mtip{border-radius:18px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title ok""text ok""act act";column-gap:10px;padding:8px 10px 9px 14px}.menu__brand.has-tip--tight>.mtip .mtip__icon{display:none}.menu__brand.has-tip--tight>.mtip .mtip__title{font-size:15px}.menu__brand.has-tip--tight>.mtip .mtip__text{font-size:13px;line-height:1.38}.mtip__compact,.menu__brand.has-tip--compact>.mtip .mtip__title{display:none}.menu__brand.has-tip--compact>.mtip{grid-template-areas:"text ok""act act";padding-top:9px;padding-bottom:9px}.menu__brand.has-tip--compact>.mtip .mtip__text{margin-top:0}.menu__brand.has-tip--compact>.mtip .mtip__full{display:none}.menu__brand.has-tip--compact>.mtip .mtip__compact{display:inline}.menu__brand.has-tip--none>.menu__tag{visibility:visible}.menu__brand.has-tip--none>.mtip{display:none}@media (max-height:560px) and (min-width:600px){.mtip{column-gap:10px;width:min(100%,420px);margin:12px 0 0;padding:9px 9px 11px 11px}.mtip__title{font-size:15px}.mtip__text{font-size:13px}}.toast__icon--tip{width:26px;height:26px;color:var(--loc-accent);background:color-mix(in oklab, var(--loc-accent) 20%, transparent)}.toast__icon--tip svg{width:20px;height:20px}.tip-help-wrap{gap:8px;margin-top:16px;display:grid}.tip-help__eyebrow{color:var(--loc-accent);padding-left:4px}.tip-help{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tip-help__row{background:#ffffff0d;border-radius:20px;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:14px;padding:12px 14px 12px 12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.tip-help__icon{width:40px;height:40px;color:var(--loc-accent);background:color-mix(in oklab, var(--loc-accent) 18%, #ffffff0a);border-radius:12px;place-items:center;display:grid}.tip-help__icon svg{width:26px;height:26px}.tip-help__text{font:500 14px/1.45 var(--font-body);color:var(--text-dim);justify-items:start;gap:3px;display:grid}.tip-help__text b{color:var(--white);font-weight:700}.tip-help__text .tip-help__title{font:750 16.5px/1.2 var(--font-display);letter-spacing:-.015em}.tip-help__install{min-width:120px;margin-top:8px}:root.reduced-motion .mtip,:root.reduced-motion .mtip.is-leaving,:root.reduced-motion .menu__brand.tip-back>.wordmark .wordmark__row,:root.reduced-motion .menu__brand.tip-back>.menu__tag{animation:none}@media (prefers-reduced-motion:reduce){.mtip,.mtip.is-leaving,.menu__brand.tip-back>.wordmark .wordmark__row,.menu__brand.tip-back>.menu__tag{animation:none}}.admodal{--ad-bg:#2a2233;--ad-accent:var(--loc-accent);--ad-ink:#fff;overscroll-behavior:contain;scrollbar-width:none;border-radius:var(--radius-xl);width:min(380px,100%);animation:pop-in .42s var(--ease-spring) both;flex-direction:column;display:flex;position:relative;overflow:auto}.admodal__art{border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:radial-gradient(120% 90% at 50% 20%, #ffffff38, transparent 60%), var(--ad-bg);isolation:isolate;flex:none;align-content:center;place-items:center;gap:12px;height:clamp(132px,24vh,196px);padding:20px 68px 22px;display:grid;position:relative;overflow:hidden}.admodal__art:after{content:"";background:var(--ad-accent);pointer-events:none;height:6px;position:absolute;bottom:0;left:0;right:0}.admodal__logo{object-fit:contain;filter:drop-shadow(0 2px 6px #0000002e);width:auto;max-width:100%;height:auto;max-height:64px;display:block}.admodal__variant{border-radius:var(--radius-pill);background:var(--ad-band,transparent);max-width:calc(100% + 88px);font:800 12px/1.2 var(--font-display);letter-spacing:var(--track-caps);text-transform:uppercase;text-align:center;color:var(--ad-line,var(--ad-ink));margin-inline-start:-44px;margin-inline-end:-44px;padding:4px 10px}.admodal__art:has(.admodal__photo){padding:0}.admodal__art[data-kind=board]:after{display:none}.admodal__art:has(.admodal__photo):after{display:none}.admodal__photo{object-fit:cover;object-position:50% 40%;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.admodal__art[data-kind=board]{--wrap-x:68px;--wrap-y:14px;background:#1a1220}.admodal__wrapbg{z-index:-1;object-fit:cover;object-position:50% 40%;filter:blur(14px)brightness(.72)saturate(1.1);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.25)}.admodal__wrap{top:var(--wrap-y);left:var(--wrap-x);width:calc(100% - 2 * var(--wrap-x));height:calc(100% - 2 * var(--wrap-y));object-fit:cover;object-position:50% 41%;border-radius:var(--radius-s);position:absolute;box-shadow:0 6px 18px #00000059,0 0 0 1px #ffffff2e}.admodal__name{max-width:100%;font:800 30px/1 var(--font-display);letter-spacing:var(--track-display);text-align:center;color:var(--ad-ink);overflow-wrap:anywhere;display:none}.admodal__art.is-noimg img{display:none}.admodal__art.is-noimg .admodal__name{display:block}.admodal__close{z-index:1;background:#100b168c;position:absolute;top:10px;right:10px}.admodal__body{gap:8px;padding:16px 20px 18px;display:grid}.admodal__eyebrow{align-items:center;gap:8px;min-width:0;display:flex}.admodal__badge{border-radius:var(--radius-pill);letter-spacing:.1em;border:1px solid #fffaf38c;flex:none;padding:3px 7px;font-size:11px}.admodal__brand{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admodal__title{font:800 26px/1.08 var(--font-display);letter-spacing:var(--track-tight);overflow-wrap:anywhere;text-wrap:balance}.admodal__text{color:var(--text-dim);font-size:15px;line-height:1.4}.admodal__cta{white-space:normal;text-align:center;margin-top:8px;text-decoration:none}.admodal__cta svg{width:18px;height:18px}.admodal__host{color:var(--text-faint);text-align:center;overflow-wrap:anywhere;font-size:12px}@media (max-width:359px),(max-height:600px) and (orientation:portrait){.admodal__art{height:120px;padding:14px 66px 16px}.admodal__art[data-kind=board]{--wrap-x:66px;--wrap-y:12px}.admodal__logo{max-height:50px}.admodal__body{padding:14px 16px 16px}.admodal__title{font-size:23px}.admodal__cta.btn--lg{min-height:54px;font-size:18px}}@media (orientation:landscape) and (max-height:500px){.admodal{flex-direction:row;width:min(640px,100%)}.admodal__art{border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:40%;height:auto;min-height:100%;padding:16px 20px 18px}.admodal__variant{max-width:100%;margin-inline-start:0;margin-inline-end:0}.admodal__art[data-kind=board]{--wrap-x:16px;--wrap-y:16px}.admodal__body{flex:1;align-content:center;gap:6px;min-width:0;padding:14px 64px 14px 20px}.admodal__title{font-size:22px}.admodal__text{font-size:14px}.admodal__cta.btn--lg{min-height:52px;font-size:18px}}.td{--td-c:#f6a945;--td-hi:#ffd9a6;--td-lo:#b85a1c;--td-glow:#ffc073;--td-i:1;--td-cap-w:64px;--td-cap-h:clamp(150px, 30vh, 204px);--td-pill-h:clamp(34px, 6.2vh, 42px);--td-gap:10px;z-index:var(--z-dock,20);right:var(--edge-right,calc(var(--safe-right,0px) + 20px));bottom:var(--edge-bottom,calc(var(--safe-bottom,0px) + 20px));pointer-events:none;font-family:var(--font-body);color:var(--text,#fffaf3);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;opacity:0;visibility:hidden;transform-origin:100% 100%;transition:opacity var(--dur-med,.32s) var(--ease-out), transform var(--dur-med,.32s) var(--ease-out), visibility 0s linear var(--dur-med,.32s);position:fixed;transform:translateY(22px)scale(.97)}.td,.td *,.td :before,.td :after{box-sizing:border-box}.td[data-visible=true]{opacity:1;visibility:visible;transition:opacity var(--dur-med,.32s) var(--ease-out), transform var(--dur-slow,.6s) var(--ease-spring), visibility 0s;transform:none}.td__row{align-items:flex-end;gap:var(--td-gap);display:flex}.td__panel{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(180deg, #ffffff1c, #ffffff05 46%, #0000000d), var(--glass,#120e186b);-webkit-backdrop-filter:blur(var(--glass-blur,18px)) saturate(1.5);backdrop-filter:blur(var(--glass-blur,18px)) saturate(1.5);border:1px solid var(--glass-border,#ffffff2e);border-radius:var(--radius-l,24px);box-shadow:var(--glass-highlight,inset 0 1px 0 #ffffff24), var(--shadow-glow);position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.td__panel,.td__hint{background:var(--glass-solid,#1d1626)}}.ui-root.no-blur .td__panel,.ui-root.no-blur .td__hint{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-solid,#1d1626)}.td__card{flex-direction:column;gap:8px;width:156px;padding:8px;display:flex}.td__arcs{background:#0000002e;border-radius:17px;flex-direction:column-reverse;padding:3px;display:flex;position:relative;box-shadow:inset 0 1px 2px #00000040}.td__thumb{height:calc(33.3333% - 2px);transform:translate3d(0, calc(var(--td-i) * -100%), 0);transition:transform var(--dur-med,.32s) var(--ease-spring);background:linear-gradient(#fff,#ffffffdb);border-radius:14px;position:absolute;bottom:3px;left:3px;right:3px;box-shadow:0 6px 16px #00000047,inset 0 1px #fff9}.td__arc{z-index:1;height:var(--td-pill-h);color:var(--text-dim,#fffaf3b8);font:600 14px/1 var(--font-body);letter-spacing:.005em;cursor:pointer;touch-action:manipulation;transition:color var(--dur-fast,.16s) var(--ease-out), transform var(--dur-fast,.16s) var(--ease-out);background:0 0;border:0;border-radius:14px;align-items:center;gap:8px;margin:0;padding:0 10px 0 9px;display:flex;position:relative}.td__arc:hover{color:var(--text,#fffaf3)}.td__arc:active{transform:scale(.96)}.td__arc[aria-checked=true]{color:var(--loc-ink,#2a1b12)}.td__arc:focus-visible{outline:3px solid var(--white,#fff);outline-offset:2px}.td__arc-icon{flex:none;width:24px;height:16px;overflow:visible}.td__arc-dot{fill:currentColor;opacity:.55;transition:fill var(--dur-fast,.16s)}.td__arc[aria-checked=true] .td__arc-dot{fill:var(--loc-accent,#f6a945);opacity:1}.td__arc-label{text-align:left;flex:1}.td__kbd{min-width:16px;height:16px;font:600 10px/1 var(--font-body);color:inherit;opacity:.5;border-radius:5px;place-items:center;padding:0 3px;display:none;box-shadow:inset 0 0 0 1px}@media (hover:hover) and (pointer:fine){.td__kbd{display:inline-grid}}.td__aim{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:2px 6px 4px;display:grid}.td__aim-side{font:700 10px/1 var(--font-body);letter-spacing:.06em;color:var(--text-faint,#fffaf380);transition:color var(--dur-fast,.16s)}.td__aim-side.is-on{color:var(--text,#fffaf3)}.td__aim-track{background:linear-gradient(90deg,#ffffff0f,#fff3 50%,#ffffff0f);border-radius:2px;height:4px;position:relative}.td__aim-center{background:#ffffff73;border-radius:1px;width:2px;height:10px;margin-left:-1px;position:absolute;top:-3px;left:50%}.td__aim-rail{will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.td__aim-dot{background:var(--td-c);width:10px;height:10px;box-shadow:0 0 0 2px #ffffffeb, 0 0 12px 2px var(--td-glow);border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}.td__capsule{width:var(--td-cap-w);height:var(--td-cap-h);box-sizing:border-box;transition:transform var(--dur-med,.32s) var(--ease-spring), box-shadow var(--dur-med,.32s) var(--ease-out);border-radius:32px;flex-direction:column;align-items:center;gap:9px;padding:11px 0 14px;display:flex}.td.is-dragging .td__capsule{box-shadow:var(--shadow-glow), inset 0 1px 0 #ffffff24, 0 0 0 1px color-mix(in srgb, var(--td-c) 45%, transparent), 0 8px 34px color-mix(in srgb, var(--td-c) 40%, transparent);transform:translateY(-3px)}.td__readout{flex-direction:column;align-items:center;gap:3px;display:flex}.td__num{text-align:center;min-width:2ch;font:700 22px/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-faint,#fffaf380);transition:color var(--dur-fast,.16s)}.td.has-power .td__num{color:var(--text,#fffaf3)}.td__label{font:700 8.5px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint,#fffaf380)}.td__meter{flex:1;width:20px;position:relative}.td__track{background:#0000004d;border-radius:999px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;box-shadow:inset 0 1px 3px #00000080,inset 0 0 0 1px #ffffff12;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.td__fill{will-change:transform;border-radius:999px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.td__grad{background:linear-gradient(to top, var(--td-lo) 0%, var(--td-c) 40%, var(--td-hi) 80%, #fff 100%);will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(-100%)}.td__sheen{mix-blend-mode:soft-light;opacity:0;transition:opacity var(--dur-med,.32s);background:repeating-linear-gradient(-45deg,#0000 0 9px,#ffffff3d 9px 14px);position:absolute;top:-46px;bottom:-46px;left:0;right:0}.td.is-dragging .td__sheen{opacity:1;animation:.7s linear infinite td-sheen}@keyframes td-sheen{to{transform:translateY(-19.799px)}}.td__hair{background:#ffffff1a;height:1px;position:absolute;left:0;right:0}.td__tick{background:#ffffff61;border-radius:1px;width:5px;height:1.5px;margin-bottom:-.75px;position:absolute;left:-9px}.td__tick:nth-of-type(2){background:#ffffff8c;width:7px;left:-11px}.td__ghost{opacity:0;height:0;transition:bottom var(--dur-slow,.6s) var(--ease-out), opacity var(--dur-med,.32s);border-top:1.5px dashed #ffffffbf;position:absolute;left:-5px;right:-5px}.td__ghost:after{content:"";border:4.5px solid #0000;border-right:6px solid #ffffffd9;position:absolute;top:-5.5px;right:-7px}.td__ghost[data-show=true]{opacity:1}.td__tiprail{pointer-events:none;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.td__tip{height:4px;box-shadow:0 0 6px 1px var(--td-glow), 0 0 18px 5px color-mix(in srgb, var(--td-c) 55%, transparent);opacity:0;transition:opacity var(--dur-fast,.16s), transform var(--dur-med,.32s) var(--ease-spring);background:#fff;border-radius:4px;position:absolute;bottom:-2px;left:-4px;right:-4px;transform:scaleX(.7)}.td.has-power .td__tip{opacity:1;transform:none}.td.is-max .td__tip{animation:td-max .52s var(--ease-out) infinite alternate}@keyframes td-max{to{box-shadow:0 0 8px 2px #fff, 0 0 26px 9px color-mix(in srgb, var(--td-c) 70%, transparent);transform:scale(1.25,1.4)}}.td.is-thrown .td__capsule{animation:td-throw .56s var(--ease-out)}.td.is-thrown .td__grad{animation:td-flash .56s var(--ease-out)}@keyframes td-throw{0%{box-shadow:var(--shadow-glow), 0 0 0 2px color-mix(in srgb, var(--td-c) 80%, white), 0 0 46px 8px color-mix(in srgb, var(--td-c) 60%, transparent);transform:translateY(-7px)scale(1.03)}to{transform:none}}@keyframes td-flash{0%{filter:brightness(1.9)saturate(1.2)}to{filter:none}}.td.is-nudge .td__capsule{animation:td-nudge .38s var(--ease-out)}@keyframes td-nudge{20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}}.td__hint{background:var(--glass-strong,#0e0b14a8);width:max-content;max-width:min(320px,100vw - 32px);-webkit-backdrop-filter:blur(var(--glass-blur,18px)) saturate(1.4);backdrop-filter:blur(var(--glass-blur,18px)) saturate(1.4);border:1px solid var(--glass-border,#ffffff2e);box-shadow:var(--shadow-1);font:500 13px/1.3 var(--font-body);letter-spacing:.005em;text-align:center;color:var(--text,#fffaf3);opacity:0;transition:opacity var(--dur-slow,.6s) var(--ease-out), transform var(--dur-slow,.6s) var(--ease-out);border-radius:20px;margin:0;padding:9px 18px 10px;position:absolute;bottom:calc(100% + 12px);right:0;transform:translateY(6px)}.td__hint[data-show=true]{opacity:1;transform:none}.td__hint-main,.td__hint-sub{white-space:nowrap;display:block}.td__hint-main{font-weight:600}.td__hint-sub{color:var(--text-dim,#fffaf3b8);margin-top:2px;font-size:12px}.td.is-dragging .td__hint{opacity:0;transition-duration:var(--dur-fast,.16s)}.td.is-dragging .td__hint[data-show=true][data-urgent=true]{opacity:1;transform:none}.td__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (orientation:portrait){.td{--td-cap-h:clamp(124px, 17vh, 150px);--td-pill-h:var(--tap-min,44px);left:var(--edge-left,calc(var(--safe-left,0px) + 16px));right:var(--edge-right,calc(var(--safe-right,0px) + 16px));bottom:calc(var(--safe-bottom,0px) + 12px);transform-origin:50% 100%}.td__row{max-width:440px;margin:0 auto}.td__card{flex:1;width:auto;min-width:0}.td__arcs{flex-direction:row}.td__thumb{width:calc(33.3333% - 2px);height:auto;transform:translate3d(calc(var(--td-i) * 100%), 0, 0);top:3px;right:auto}.td__arc{flex:1;justify-content:center;gap:6px;padding:0 6px}.td__arc-label{flex:none}.td__kbd{display:none!important}.td__hint{margin:0 auto;left:0;right:0}}@media (orientation:landscape) and (max-height:480px){.td{--td-cap-h:156px;--td-pill-h:36px;right:calc(var(--safe-right,0px) + 14px);bottom:calc(var(--safe-bottom,0px) + 12px)}.td__card{gap:5px;width:138px;padding:6px}.td__arc{font-size:13px}.td__capsule{--td-cap-w:56px;padding:9px 0 11px}.td__num{font-size:19px}.ui-root:has(.banner:not(.is-leaving)) .td__hint{opacity:0}}@media (orientation:landscape) and (max-height:340px){.td__hint{padding:6px 14px 7px;line-height:1.2;bottom:calc(100% + 8px)}}@media (pointer:coarse){.td{--td-pill-h:var(--tap-min,44px)}}@media (orientation:landscape) and (max-height:480px) and (pointer:coarse){.td__row{align-items:stretch}.td__capsule{height:auto;min-height:var(--td-cap-h)}}html.td-dragging,html.td-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}@media (prefers-reduced-motion:reduce){.td__sheen,.td.is-dragging .td__sheen,.td.is-max .td__tip,.td.is-thrown .td__capsule,.td.is-thrown .td__grad,.td.is-nudge .td__capsule{animation:none}}:root.reduced-motion .td__sheen,:root.reduced-motion .td.is-max .td__tip,:root.reduced-motion .td.is-thrown .td__capsule,:root.reduced-motion .td.is-thrown .td__grad,:root.reduced-motion .td.is-nudge .td__capsule{animation:none!important}.ft{--ft-c:#f6a945;--ft-hi:#ffd9a6;z-index:15;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:visible}.ui-root svg.ft{display:none}.ft.is-on,.ui-root svg.ft.is-on{display:block}.ft__ring{fill:none;stroke:var(--ft-c);stroke-width:2px;opacity:.45}.ft__glow,.ft__arrow-glow{fill:none;stroke:var(--ft-c);stroke-width:12px;stroke-linecap:round;stroke-linejoin:round;opacity:.25}.ft__core{fill:var(--ft-hi)}.ft__arrow{fill:none;stroke:var(--ft-hi);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.ft.is-cancel .ft__ring,.ft.is-cancel .ft__glow{stroke:#dcdcdce6}.ft.is-cancel .ft__core{fill:#ebebebd9}