@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2) format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2) format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: #161826;--color-surface: #232532;--color-text: #e9e9ed;--color-accent: #9184d9;--color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);--color-text-muted: color-mix(in srgb, var(--color-text) 55%, transparent);--color-neutral-100: #f3f5fe;--color-neutral-900: #292b31;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--font-heading: "Onest Variable", system-ui, sans-serif;--font-heading-weight: 600;--font-body: "Onest Variable", system-ui, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 28px;--text-3xl: 38px;--space-1: 2.8px;--space-2: 5.6px;--space-3: 8.4px;--space-4: 11.2px;--space-6: 16.8px;--space-8: 22.4px;--radius-sm: 4px;--radius-md: 8px;--shadow-ambient: rgb(0 0 0 / .45);--shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0, 0, 0, .55);--sq-light: #262a3a;--sq-dark: #1a1c28;--board-marker: var(--color-accent);--board-dot: color-mix(in srgb, var(--board-marker) 55%, transparent);--board-danger: color-mix(in srgb, #ff2d3f 82%, transparent);--board-coord-light: color-mix(in srgb, var(--color-text) 40%, transparent);--board-coord-dark: color-mix(in srgb, var(--color-text) 40%, transparent);--color-on-accent: var(--color-neutral-100);--color-win: oklch(.734 .1 150);--color-win-text: oklch(.86 .075 150);--color-loss: oklch(.734 .1 26);--color-loss-text: oklch(.86 .075 26);--color-offline: oklch(.78 .06 26)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}body{margin:0;font-size:var(--text-md);line-height:1.55;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}h1,h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-sm)}h6{letter-spacing:.08em;text-transform:uppercase}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}img{display:block;max-width:100%}figure{margin:0}figcaption{font-size:var(--text-xs);margin-top:var(--space-1);color:var(--color-text-muted)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--text-lg);line-height:1.2}.card-body{margin:0;font-size:var(--text-sm);opacity:.8;flex:1}.card-meta{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:color-mix(in srgb,var(--color-text) 50%,transparent)}[data-board-theme]{background:var(--color-bg);color:var(--color-text)}[data-board-theme=nocturne]{--sq-light: #262a3a;--sq-dark: #1a1c28}[data-board-theme=oak]{--color-bg: #191410;--color-surface: #241d16;--color-text: #f1e7d9;--color-divider: color-mix(in srgb, #f1e7d9 16%, transparent);--color-accent: #cf9350;--color-accent-200: #f6e4cd;--color-accent-300: #e9c89e;--color-neutral-100: #f8f0e4;--color-neutral-900: #241a12;--sq-light: #c49a6c;--sq-dark: #8a5a38;--board-marker: oklch(.16 .05 62);--board-dot: var(--board-marker);--board-danger: oklch(.13 .09 28);--board-coord-light: color-mix(in srgb, #241a12 85%, transparent);--board-coord-dark: #f8f0e4;--color-on-accent: var(--color-bg)}[data-board-theme=tournament]{--color-bg: #111814;--color-surface: #1a231d;--color-text: #e7efe7;--color-divider: color-mix(in srgb, #e7efe7 16%, transparent);--color-accent: #79b268;--color-accent-200: #ddefd4;--color-accent-300: #b5daa8;--color-neutral-100: #f4f7ee;--color-neutral-900: #16211a;--sq-light: #d7ddc0;--sq-dark: #5c7f52;--board-marker: oklch(.23 .055 150);--board-dot: var(--board-marker);--board-danger: color-mix(in srgb, oklch(.16 .16 25) 82%, transparent);--board-coord-light: color-mix(in srgb, #16211a 75%, transparent);--board-coord-dark: #000000;--color-on-accent: var(--color-bg)}[data-board-theme=parchment]{--color-bg: #efe7d8;--color-surface: #faf4e8;--color-text: #2e2823;--color-divider: color-mix(in srgb, #2e2823 16%, transparent);--color-accent: #9a6234;--color-accent-200: #5c3a1c;--color-accent-300: #7a4f27;--color-neutral-100: #fbf6ec;--color-neutral-900: #332b22;--sq-light: #e6d7b8;--sq-dark: #bb9a6e;--color-text-muted: color-mix(in srgb, #2e2823 70%, transparent);--shadow-ambient: rgb(74 56 32 / .12);--color-win: oklch(.45 .11 150);--color-win-text: oklch(.38 .1 150);--color-loss: oklch(.45 .15 26);--color-loss-text: oklch(.38 .13 26);--color-offline: oklch(.42 .07 26);--shadow-md: 0 0 0 1px color-mix(in srgb, #2e2823 18%, transparent), 0 6px 18px rgb(74 56 32 / .16);--board-marker: oklch(.35 .09 55);--board-dot: var(--board-marker);--board-danger: color-mix(in srgb, oklch(.34 .16 26) 82%, transparent);--board-coord-light: color-mix(in srgb, #2e2823 85%, transparent);--board-coord-dark: #2e2823}[data-board-theme=stone]{--color-bg: #15181b;--color-surface: #1f2429;--color-text: #e5eaef;--color-divider: color-mix(in srgb, #e5eaef 16%, transparent);--color-accent: #7fa8c9;--color-accent-200: #e0ecf4;--color-accent-300: #b9d1e2;--color-neutral-100: #f0f4f7;--color-neutral-900: #181c20;--sq-light: #6f787f;--sq-dark: #474f55;--board-marker: oklch(.94 .045 240);--board-dot: var(--board-marker);--board-danger: oklch(.96 .055 22);--board-coord-light: #000000;--board-coord-dark: color-mix(in srgb, #f0f4f7 75%, transparent);--color-on-accent: var(--color-bg)}.settings-board-chip{width:28px;height:28px;flex:none;border-radius:4px;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-text) 22%,transparent);background-color:var(--chip-light);background-image:linear-gradient(45deg,var(--chip-dark) 25%,transparent 25% 75%,var(--chip-dark) 75%),linear-gradient(45deg,var(--chip-dark) 25%,transparent 25% 75%,var(--chip-dark) 75%);background-size:14px 14px;background-position:0 0,7px 7px}.settings-board-chip[data-theme=nocturne]{--chip-light: #262a3a;--chip-dark: #1a1c28}.settings-board-chip[data-theme=oak]{--chip-light: #c49a6c;--chip-dark: #8a5a38}.settings-board-chip[data-theme=tournament]{--chip-light: #d7ddc0;--chip-dark: #5c7f52}.settings-board-chip[data-theme=parchment]{--chip-light: #e6d7b8;--chip-dark: #bb9a6e}.settings-board-chip[data-theme=stone]{--chip-light: #6f787f;--chip-dark: #474f55}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body, system-ui, sans-serif);touch-action:manipulation;overscroll-behavior:none;overflow-x:hidden}#app{display:flex;flex-direction:column;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.board-wrap{flex:1 1 auto;min-height:0;min-width:0;container-type:size;display:grid;place-items:center}.board{width:100%;width:min(max(calc(100cqw - 16px),352px),100cqw,100cqh);max-width:100%;height:auto;aspect-ratio:1;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none}@media(orientation:portrait){.board-wrap{flex:0 1 100vw}.strip.opponent{margin-top:auto}.game-view .notice{margin-bottom:auto}}.sq{position:relative;display:flex;align-items:center;justify-content:center}.sq.light{background:var(--sq-light)}.sq.dark{background:var(--sq-dark)}.sq .coord{position:absolute;font-size:9px;font-weight:600;letter-spacing:.03em;pointer-events:none}.sq.light .coord{color:var(--board-coord-light)}.sq.dark .coord{color:var(--board-coord-dark)}.sq .coord.file{bottom:1px;right:2px}.sq .coord.rank{top:1px;left:2px}.sq.last{background-image:linear-gradient(color-mix(in srgb,var(--board-marker) 20%,transparent),color-mix(in srgb,var(--board-marker) 20%,transparent))}.sq.sel{box-shadow:inset 0 0 0 2px var(--board-marker)}.sq.check:after,.sq.capture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,var(--board-danger),transparent 70%)}.sq .marker{position:absolute;pointer-events:none}.sq .marker.dot{width:30%;height:30%;border-radius:50%;background:var(--board-dot)}@media(hover:hover){.sq.legal:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--board-marker) 70%,transparent)}}.pieces{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;transform:translate(calc(var(--file, 0) * 100%),calc(var(--rank, 0) * 100%));transition:transform .18s ease-out}@media(prefers-reduced-motion:reduce){.piece{transition:none}.celebration{animation:none}}.piece .cp{width:70%;height:70%}.piece .cp-p{transform:scale(.8)}.piece.w .cp{fill:var(--color-neutral-100);stroke:var(--color-neutral-900)}.piece.b .cp{fill:var(--color-neutral-900);stroke:var(--color-neutral-100)}.piece .cp path,.piece .cp polygon,.art .cp path,.art .cp polygon{stroke-width:10;stroke-linejoin:round;stroke-linecap:round}.art{display:flex;align-items:center;justify-content:center}.art .cp{width:100%;height:100%}.art.w .cp{fill:var(--color-neutral-100);stroke:var(--color-neutral-900)}.art.b .cp{fill:var(--color-neutral-900);stroke:var(--color-neutral-100)}.icon{width:1em;height:1em;flex:none;display:block}.screen .ib,.gear{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;background:transparent;color:color-mix(in srgb,var(--color-text) 62%,transparent)}@media(hover:hover){.screen .ib:hover:not(:disabled),.gear:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}}.bar{display:flex;align-items:center;justify-content:space-between;padding:4px calc(var(--space-8) - 11px);flex:none;position:relative;z-index:3}.bar-right{display:flex}.screen.home{gap:var(--space-6)}.home-header{display:flex;align-items:center;min-height:44px;padding-right:48px;flex:none}.home-header p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.home-header .player-name{color:var(--color-accent-300)}.section-label{margin:0;font-size:var(--text-sm);font-weight:600;color:color-mix(in srgb,var(--color-text) 72%,transparent)}.footnote{margin:0;text-align:center;font-size:var(--text-xs);color:color-mix(in srgb,var(--color-text) 45%,transparent)}.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.with-icon .icon{font-size:18px}.screen button.outlined{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}@media(hover:hover){.screen button.outlined:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}}.screen button.quiet{background:transparent;border:1px solid color-mix(in srgb,var(--color-text) 25%,transparent);color:color-mix(in srgb,var(--color-text) 75%,transparent)}.hero{position:relative;height:196px;margin-inline:calc(var(--space-8) * -1);overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none}.hero-glow{position:absolute;bottom:-10px;width:260px;height:190px;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-accent) 34%,transparent),transparent 68%);filter:blur(6px)}.hero-line{position:absolute;bottom:18px;width:232px;height:1px;background:linear-gradient(to right,transparent,var(--color-divider) 40px,var(--color-divider) calc(100% - 40px),transparent)}.hero-kings{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:18px;padding-bottom:18px}.hero-king{width:104px;height:104px}.kicker{margin:0;font-size:var(--text-md);font-weight:500;color:var(--color-accent)}.welcome-title{margin:0;font-size:var(--text-3xl)}.lede{margin:0;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.tight{display:flex;flex-direction:column;gap:var(--space-2)}.field-group{display:flex;flex-direction:column;gap:var(--space-4);flex:none}.time-row{display:flex;align-items:baseline;justify-content:space-between}.time-value{margin:0;font-variant-numeric:tabular-nums}.time-value .minutes{font-size:var(--text-2xl);color:var(--color-accent-200)}.time-value .unit{font-size:var(--text-sm);color:var(--color-text-muted)}.screen input.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;min-height:22px;padding:0;border:0;border-radius:0;background:transparent}.screen input.range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:color-mix(in srgb,var(--color-text) 12%,transparent)}.screen input.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--color-accent-200);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-accent) 20%,transparent)}.screen input.range::-moz-range-track{height:4px;border-radius:2px;background:color-mix(in srgb,var(--color-text) 12%,transparent)}.screen input.range::-moz-range-progress{height:4px;border-radius:2px;background:var(--color-accent)}.screen input.range::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--color-accent-200);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-accent) 20%,transparent)}.screen input.range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color-accent) 0 var(--fill, 0%),color-mix(in srgb,var(--color-text) 12%,transparent) var(--fill, 0%) 100%)}.ticks{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:color-mix(in srgb,var(--color-text) 40%,transparent)}.sides{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.screen button.side{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-6) var(--space-4);min-height:0;border:1px solid var(--color-divider);border-radius:10px;background:color-mix(in srgb,var(--color-text) 4%,transparent);color:var(--color-text);font-size:var(--text-sm)}@media(hover:hover){.screen button.side:hover{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}}.screen button.side[aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.side .hero-king,.side .king{width:40px;height:40px}.side-hint{font-size:var(--text-xs);color:color-mix(in srgb,var(--color-text) 50%,transparent)}.diagnostics{overflow-y:auto;--diag-column: calc(480px - 2 * var(--space-8))}.diag-verdict{display:grid;grid-template-columns:36px 1fr;gap:var(--space-4);align-items:start;padding:var(--space-4) var(--space-6);border-radius:12px;background:color-mix(in srgb,var(--verdict) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--verdict) 45%,transparent)}.diag-verdict[data-state=pending]{--verdict: var(--color-text-muted)}.diag-verdict[data-state=pass]{--verdict: var(--color-win-text)}.diag-verdict[data-state=warn],.diag-verdict[data-state=fail]{--verdict: var(--color-loss-text)}.diag-verdict-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:20px;color:var(--verdict);background:color-mix(in srgb,var(--verdict) 18%,transparent)}.diag-verdict-title{margin:0;font-size:var(--text-lg);font-weight:600;line-height:1.3}.diag-verdict-note{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.diag-section{gap:var(--space-3)}.diag-rows{display:flex;flex-direction:column;gap:var(--space-3)}.diag-row{display:grid;grid-template-columns:22px 1fr;gap:var(--space-3);align-items:start}.diag-mark{display:inline-flex;align-items:center;justify-content:center;font-size:18px;padding-top:2px;color:color-mix(in srgb,var(--color-text) 45%,transparent)}.diag-row[data-state=pass] .diag-mark{color:var(--color-win-text)}.diag-row[data-state=warn] .diag-mark,.diag-row[data-state=fail] .diag-mark{color:var(--color-loss-text)}.diag-title{margin:0;font-size:var(--text-sm)}.diag-label{margin:0 0 2px;font-size:var(--text-sm);font-weight:600;color:color-mix(in srgb,var(--color-text) 72%,transparent)}.diag-note{margin:2px 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.diag-voices{display:flex;flex-wrap:wrap;gap:var(--space-2)}.diag-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:var(--space-3);row-gap:0}.screen .diag-head h1{margin:0;padding-right:0}.diag-actions{display:flex;gap:var(--space-2);flex:none}.diag-actions .ib:disabled{opacity:.4;cursor:default}.diag-save-note{flex:0 0 100%;margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.diag-save-note:not(:empty){margin-top:var(--space-2)}.settings-footer{display:flex;flex-direction:column;gap:var(--space-2)}.settings-footer-buttons{display:flex;gap:var(--space-3)}.settings-link{flex:none;min-height:44px;padding:0 var(--space-6);border:1px solid var(--color-divider);border-radius:8px;background:transparent;color:color-mix(in srgb,var(--color-text) 75%,transparent);font:inherit}@media(hover:hover){.settings-link:hover{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);color:var(--color-text)}}.invite{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border-radius:8px;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-accent) 14%,transparent),color-mix(in srgb,var(--color-text) 5%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 30%,transparent);flex:none}.invite[data-shared]{background:color-mix(in srgb,var(--color-text) 6%,transparent);box-shadow:inset 0 0 0 1px var(--color-divider)}.invite .kicker{color:var(--color-accent-300)}.invite[data-shared] .kicker{color:color-mix(in srgb,var(--color-text) 50%,transparent)}.invite-link{width:100%;font-size:var(--text-sm);text-overflow:ellipsis}.invite-actions{display:flex;gap:var(--space-3)}.invite-actions .share{flex:1}.screen button.icon-outline{width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid color-mix(in srgb,var(--color-text) 22%,transparent);color:color-mix(in srgb,var(--color-text) 70%,transparent);font-size:18px}@media(hover:hover){.screen button.icon-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}}.card-title em{font-style:normal;font-weight:600}.screen button.icon-outline[data-confirmed=true]{border-color:var(--color-accent);color:var(--color-accent)}.dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 22%,transparent)}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:none}.step{position:relative;display:grid;grid-template-columns:34px 1fr;gap:var(--space-4);padding-bottom:var(--space-6)}.step:last-child{padding-bottom:0}.step-line{position:absolute;left:17px;top:34px;bottom:0;width:1px;background:color-mix(in srgb,var(--color-text) 12%,transparent)}.step[data-state=done] .step-line{background:color-mix(in srgb,var(--color-accent) 45%,transparent)}.step-mark{position:relative;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:color-mix(in srgb,var(--color-text) 70%,transparent);background:color-mix(in srgb,var(--color-text) 8%,transparent);box-shadow:inset 0 0 0 1px var(--color-divider)}.step[data-state=done] .step-mark{color:var(--color-accent-300);background:color-mix(in srgb,var(--color-accent) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 35%,transparent)}.step[data-state=current] .step-mark{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 45%,transparent),0 0 0 5px color-mix(in srgb,var(--color-accent) 12%,transparent)}.step-body{padding-top:5px}.step-title{margin:0;font-size:var(--text-sm)}.step[data-state=done] .step-title{color:color-mix(in srgb,var(--color-text) 60%,transparent)}.step-note{margin:2px 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.home-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:320px;margin:10vh auto 0;text-align:center}.home-empty-art{display:flex;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-2)}.home-empty-art .art{width:52px;height:52px}.home-empty-title{margin:0;font-size:var(--text-lg);font-weight:600}.home-empty-body{margin:0;color:var(--color-text-muted)}.nf-art{position:relative;width:150px;height:96px;margin-top:5vh}.nf-art .art{position:absolute;left:34px;bottom:2px;width:82px;height:82px;transform:rotate(-22deg);transform-origin:20% 100%}.nf-art:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(to right,transparent,var(--color-divider) 30px,var(--color-divider) calc(100% - 30px),transparent)}.nf-actions{display:flex;flex-direction:column;gap:var(--space-3)}.games{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.game-card{display:grid;grid-template-columns:90px 1fr;gap:var(--space-4);padding:var(--space-4);border-radius:8px;background:color-mix(in srgb,var(--color-text) 6%,transparent)}.game-card[data-live]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 40%,transparent)}.card-board{align-self:stretch;display:grid}.card-thumb{width:90px;height:90px;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-text) 14%,transparent)}.card-thumb .coord{display:none}.card-thumb .board{border-radius:0;box-shadow:none;width:100%;height:100%;aspect-ratio:auto}.card-body{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.card-title{margin:0;font-size:var(--text-md);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{margin:0;font-size:var(--text-xs);color:var(--color-text-muted)}.card-actions{display:flex;gap:var(--space-2);margin-top:auto}.screen .card-action{flex:1;min-height:38px;border:0;border-radius:8px;background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm)}.screen .card-action[data-action=replay],.screen .card-action[data-action=view]{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}.screen .card-remove{flex:none;width:38px;min-width:38px;min-height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-text) 22%,transparent);border-radius:8px;background:transparent;color:color-mix(in srgb,var(--color-text) 60%,transparent);font-size:16px}@media(hover:hover){.screen .card-remove:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent);color:var(--color-text)}}.card-failed{grid-column:1 / -1;margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-loss-text)}.turn{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-accent-300);white-space:nowrap}.turn:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 18%,transparent)}.pill{flex:none;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;white-space:nowrap;color:color-mix(in srgb,var(--color-text) 65%,transparent);background:color-mix(in srgb,var(--color-text) 9%,transparent)}.pill[data-outcome=won]{color:var(--color-win-text);background:color-mix(in srgb,var(--color-win) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-win) 40%,transparent)}.pill[data-outcome=lost]{color:var(--color-loss-text);background:color-mix(in srgb,var(--color-loss) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-loss) 40%,transparent)}.screen button{min-height:44px;min-width:44px;padding:0 var(--space-6);border:0;border-radius:8px;background:var(--color-accent);color:var(--color-on-accent);font:inherit}.screen{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);flex:1;min-height:0}.screen input{min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-divider);border-radius:8px;background:var(--color-surface);color:var(--color-text);font:inherit}.screen .settle{margin-top:auto}.game{padding:0;gap:var(--space-3)}.game-view{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0}.strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-8);flex:none}.strip-main{display:inline-flex;align-items:center;gap:10px;min-width:0}.strip-name{font-size:var(--text-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip[data-empty] .strip-name{color:color-mix(in srgb,var(--color-text) 50%,transparent)}.strip-note{flex:none;font-size:var(--text-xs);color:var(--color-offline)}.clock{flex:none;font-variant-numeric:tabular-nums;font-size:var(--text-lg);padding:3px 10px;border-radius:8px;color:color-mix(in srgb,var(--color-text) 45%,transparent);background:color-mix(in srgb,var(--color-text) 5%,transparent)}.clock[data-state=running]{color:var(--color-accent-200);background:color-mix(in srgb,var(--color-accent) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 40%,transparent)}.clock[data-state=low]{color:var(--color-text);background:color-mix(in srgb,var(--color-loss) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-loss) 50%,transparent)}@media(prefers-reduced-motion:no-preference){.clock[data-state=low]{animation:clock-urgent 1.6s ease-in-out infinite}}@keyframes clock-urgent{50%{background:color-mix(in srgb,var(--color-loss) 50%,transparent);box-shadow:inset 0 0 0 1px var(--color-loss)}}.notice{display:flex;align-items:center;gap:8px;justify-content:center;margin:0;padding:0 var(--space-8);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);flex:none}.notice .icon{font-size:16px;color:var(--color-accent)}.connecting-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);width:100%;max-width:420px;margin:0 auto;padding:0 var(--space-8) 12vh;text-align:center}.connecting-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;font-size:26px;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 40%,transparent)}.connecting-title{margin:var(--space-3) 0 0;font-size:var(--text-xl);font-weight:600;line-height:1.2}.connecting-note{margin:0 0 var(--space-3);color:var(--color-text-muted)}.connecting-body button{align-self:stretch}.dock-panel{flex:none;background:var(--color-surface);box-shadow:0 0 0 1px var(--color-divider),0 -18px 40px var(--shadow-ambient)}.dock{display:flex;align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-8)}.dock-panel[data-open] .dock{border-bottom:1px solid var(--color-divider)}.screen .handle{flex:1;min-width:0;height:44px;min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 var(--space-4) 0 0;border:0;border-radius:10px;background:transparent;color:var(--color-text-muted);font-size:var(--text-sm)}@media(hover:hover){.screen .handle:hover{background:color-mix(in srgb,var(--color-text) 10%,transparent)}}.handle .icon{font-size:18px;color:color-mix(in srgb,var(--color-text) 50%,transparent)}.handle-last{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--color-text) 80%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handle-last .icon{font-size:16px;color:inherit}.dock-title{flex:1;display:inline-flex;align-items:center;gap:10px;font-size:var(--text-sm);color:var(--color-text-muted)}.dock-title .icon{font-size:18px}.dock-summary{font-size:var(--text-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen .resign{flex:none;height:44px;min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 var(--space-6);border-radius:10px;border:1px solid color-mix(in srgb,var(--color-text) 20%,transparent);background:transparent;color:color-mix(in srgb,var(--color-text) 65%,transparent);font-size:var(--text-sm)}.resign .icon{font-size:16px}@media(hover:hover){.screen .resign:hover{border-color:var(--color-loss);color:var(--color-loss-text)}}.dock-reveal{display:grid;grid-template-rows:0fr}.dock-panel[data-open] .dock-reveal{grid-template-rows:1fr}@media(prefers-reduced-motion:no-preference){.dock-reveal{transition:grid-template-rows .18s ease-out}}.dock-body{padding:var(--space-4) 0;min-height:0;overflow:hidden}.dock-panel:not([data-open]) .dock-body{padding:0}.bar .ib[data-confirmed=true]{color:var(--color-accent)}.move-grid{height:min(156px,14dvh);overflow-y:auto;align-content:start;padding:0 var(--space-8);display:grid;grid-template-columns:26px 1fr 1fr;gap:var(--space-2) var(--space-3);font-variant-numeric:tabular-nums;font-size:var(--text-sm)}.move-grid .move-empty{grid-column:1 / -1;margin:0;color:color-mix(in srgb,var(--color-text) 40%,transparent)}.move-number{color:color-mix(in srgb,var(--color-text) 40%,transparent)}.move-grid .move{justify-self:start;min-height:28px;min-width:0;padding:1px 7px;border:0;border-radius:4px;background:transparent;color:var(--color-text);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.move-grid .move[aria-current=true]{color:var(--color-text);background:color-mix(in srgb,var(--color-accent) 26%,transparent)}.move-grid .move-gap{color:color-mix(in srgb,var(--color-text) 40%,transparent);padding-inline:7px}.fig.art{display:inline-block;width:1.15em;height:1.15em;margin-right:1px;vertical-align:-.2em}.fig svg{display:block;width:100%;height:100%;overflow:visible}.transport{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-8) 0}.scrubber{display:flex;align-items:center;gap:var(--space-3)}.scrub-end{font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:color-mix(in srgb,var(--color-text) 45%,transparent)}.scrub-track{flex:1;height:3px;border-radius:2px;background:color-mix(in srgb,var(--color-text) 12%,transparent);position:relative}.scrub-fill{position:absolute;top:0;bottom:0;left:0;width:var(--played, 0%);border-radius:2px;background:linear-gradient(to right,color-mix(in srgb,var(--color-accent) 45%,transparent),var(--color-accent))}.scrub-knob{position:absolute;top:50%;left:var(--played, 0%);width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--color-accent-200);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 22%,transparent)}.transport-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-inline:calc(var(--space-8) * -1)}.transport-controls .ib[data-step=back],.transport-controls .ib[data-step=forward]{font-size:20px}.transport-controls .ib[data-step=start],.transport-controls .ib[data-step=end]{font-size:18px}.screen .play{width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);font-size:22px}@media(hover:hover){.screen .play:hover{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}}@media(orientation:landscape)and (max-height:500px),(min-width:900px)and (min-aspect-ratio:5/4){.game-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;column-gap:var(--space-3);row-gap:0}.board-wrap{grid-column:1;grid-row:1 / -1}.bar{grid-column:2;grid-row:1}.strip.opponent{grid-column:2;grid-row:2}.dock-panel{grid-column:2;grid-row:3}.strip.own{grid-column:2;grid-row:4}.notice{grid-column:2;grid-row:5}.dock-panel{display:flex;flex-direction:column;overflow:hidden}.dock-panel:not([data-open]){align-self:end}.dock{flex:none}.dock-panel[data-open] .dock-reveal,.dock-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.move-grid{flex:1 1 auto;min-height:0;height:auto}.transport{flex:none}}@media(min-width:900px)and (min-aspect-ratio:5/4){.game-view{grid-template-columns:minmax(0,calc(100dvh - 48px)) minmax(320px,380px);justify-content:center;column-gap:32px;row-gap:var(--space-3);padding:24px}.game-view .bar{padding-inline:0}.strip{padding-inline:var(--space-4)}.game-view .notice{padding-inline:var(--space-4);justify-content:flex-start;text-align:left}.dock-panel{border-radius:12px;box-shadow:0 0 0 1px var(--color-divider)}.clock{font-size:var(--text-xl);padding:4px 12px}.strip-name{font-size:var(--text-lg)}}.screen-host{display:flex;flex-direction:column;flex:1;min-height:0}.gear{position:fixed;top:calc(env(safe-area-inset-top) + var(--space-8));right:calc(env(safe-area-inset-right) + var(--space-8) - 11px);z-index:3}.gear[hidden]{display:none}.screen h1{padding-right:48px}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:flex-end;justify-content:center;background:#00000080}.settings{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-6, 1rem);padding:var(--space-6, 1rem);padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-6, 1rem));border-radius:12px 12px 0 0;background:var(--color-surface);color:var(--color-text);max-height:calc(100% - 44px);overflow-y:auto;overscroll-behavior:contain}@media(min-width:600px)and (min-height:600px){.settings-backdrop{align-items:center}.settings{border-radius:12px;padding-bottom:var(--space-6, 1rem)}.screen.home{width:100%;max-width:480px;margin-inline:auto;padding-top:clamp(24px,9vh,96px)}.screen.home.diagnostics{max-width:none;margin-inline:0;padding-inline:max(var(--space-8),calc((100% - var(--diag-column)) / 2));scrollbar-gutter:stable both-edges}.screen.home .settle{margin-top:var(--space-8)}.gear{top:clamp(24px,9vh,96px);right:calc((100vw - 480px) / 2 + var(--space-8) - 11px)}}@media(min-width:900px)and (min-height:600px){.screen.home.diagnostics{--diag-column: 880px;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-8);align-content:start}.screen.home.diagnostics>*{grid-column:1 / -1}.screen.home.diagnostics>[data-section=connection]{grid-column:1;grid-row:span 2}.screen.home.diagnostics>[data-section=sound],.screen.home.diagnostics>[data-section=device]{grid-column:2}.screen.home.diagnostics>.settle{justify-self:start}}.settings-section{display:flex;flex-direction:column;gap:var(--space-3)}.settings h2{margin:0}.settings-label,.settings-note{margin:0;color:var(--color-text-muted)}.settings-connection{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.settings-connection-label,.settings-connection-value{margin:0;font-size:var(--text-sm);line-height:1.3}.settings-connection-label{color:var(--color-text-muted)}.settings-connection-value{color:var(--color-text)}.settings-name{min-height:44px;padding:0 var(--space-4, .75rem);border:1px solid var(--color-divider);border-radius:8px;background:var(--color-bg);color:var(--color-text);font:inherit}.settings-note{font-size:var(--text-sm)}.settings-choices{display:flex;flex-direction:column;gap:4px}.settings-choice{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-4);border:1px solid transparent;border-radius:8px;background:color-mix(in srgb,var(--color-text) 4%,transparent);color:var(--color-text);font:inherit;text-align:left}.settings-choice-name{flex:1}.settings-choice[aria-checked=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.settings-choice-tick{opacity:0;color:var(--color-accent)}.settings-choice[aria-checked=true] .settings-choice-tick{opacity:1}.settings-pick{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-divider);border-radius:8px;background:color-mix(in srgb,var(--color-text) 4%,transparent);color:var(--color-text);font:inherit;text-align:left}@media(hover:hover){.settings-pick:hover{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}}.settings-pick[aria-expanded=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.settings-pick-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-pick-caret{flex:none;font-size:16px;color:var(--color-text-muted)}.settings-pick[aria-expanded=true] .settings-pick-caret{color:var(--color-accent)}@media(prefers-reduced-motion:no-preference){.settings-reveal{animation:settings-reveal .16s ease-out}}@keyframes settings-reveal{0%{opacity:0;transform:translateY(-4px)}}.flag{width:24px;height:16px;flex:none;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-text) 22%,transparent)}.settings-sound{display:flex;align-items:center;gap:var(--space-4)}.settings-sound-text{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.settings-sound-name{color:var(--color-text)}.settings-switch{position:relative;flex:none;width:52px;height:32px;padding:0;border:1px solid color-mix(in srgb,var(--color-text) 45%,transparent);border-radius:16px;background:color-mix(in srgb,var(--color-text) 12%,transparent)}.settings-switch[aria-checked=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 28%,transparent)}.settings-switch-knob{position:absolute;top:50%;left:4px;width:22px;height:22px;border-radius:50%;background:var(--color-accent-200);transform:translateY(-50%)}.settings-switch[aria-checked=true] .settings-switch-knob{left:24px}@media(prefers-reduced-motion:no-preference){.settings-switch-knob{transition:left .16s ease-out}}.settings-close{flex:1;min-height:44px;border:0;border-radius:8px;background:var(--color-accent);color:var(--color-on-accent);font:inherit}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:#0009}.confirm{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);border-radius:14px;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-divider),0 12px 32px var(--shadow-ambient)}.confirm-message{margin:0;color:var(--color-text)}.confirm-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.confirm-actions button{flex:1 1 auto;min-height:44px;padding:0 var(--space-6);border:0;border-radius:8px;font:inherit}.confirm-cancel{background:transparent;color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-divider)}.confirm-go{background:var(--color-accent);color:var(--color-on-accent)}.confirm-go[data-tone=destructive]{color:var(--color-loss-text);background:color-mix(in srgb,var(--color-loss) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-loss) 50%,transparent)}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#0000009e;animation:celebration-in .2s ease-out}.celebration-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.celebration-text{position:relative;padding:var(--space-6, 1rem);text-align:center;color:var(--color-neutral-100)}.celebration-headline{margin:0 0 var(--space-4, .75rem);font-size:clamp(2rem,11vw,3.25rem);line-height:1.1}.celebration-result{margin:0;font-size:var(--text-lg);color:color-mix(in srgb,var(--color-neutral-100) 85%,transparent)}.celebration-back{margin-top:var(--space-8);min-height:44px;padding:0 var(--space-8);border-radius:8px;border:1px solid color-mix(in srgb,var(--color-neutral-100) 55%,transparent);background:transparent;color:var(--color-neutral-100);font:inherit;font-size:var(--text-md)}@keyframes celebration-in{0%{opacity:0}to{opacity:1}}.promo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;--tail: 5.4%;--edge: calc((var(--promo-rank, 0) + 1) * 12.5% + var(--tail) / 1.4142)}.promo-box{position:absolute;top:var(--edge);left:calc(var(--promo-left, 0) * 12.5%);width:calc(var(--promo-span, 5) * 12.5%);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-divider);background:color-mix(in srgb,var(--color-surface) 94%,var(--color-text));box-shadow:0 10px 28px var(--shadow-ambient)}.promo-tail{position:absolute;top:var(--edge);left:calc((var(--promo-file, 0) + .5) * 12.5%);width:var(--tail);aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border-top:1px solid var(--color-divider);border-left:1px solid var(--color-divider);border-top-left-radius:2px;background:color-mix(in srgb,var(--color-surface) 94%,var(--color-text))}.promo-title{margin:0;text-align:center;font-weight:700;color:var(--color-text);font-size:13px;font-size:clamp(9px,3.5cqmin,15px)}.promo-choices{display:flex;gap:var(--space-2)}.screen .promo-choice{flex:1 1 0;min-width:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--radius-sm);background:transparent}.screen .promo-choice .art{width:78%;height:78%}.screen .promo-choice:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}@media(hover:hover){.screen .promo-choice:hover{background:color-mix(in srgb,var(--color-text) 9%,transparent)}}