@layer components{.chess-hero .hero-head{margin-bottom:clamp(8px,1.8vh,18px)}.cc-wrap{width:min(1100px,100%);margin:0 auto;display:grid;gap:14px;text-align:left}.cc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right" "bar bar";gap:10px;padding:10px;border-radius:30px}.cc-side[data-cc-side=left]{grid-area:left}.cc-side[data-cc-side=right]{grid-area:right}.cc-side{position:relative;min-width:0;min-height:clamp(220px,42vh,420px);padding:18px;border-radius:22px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);display:grid;place-items:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:background-color .16s,color .16s,box-shadow .16s}[data-theme=light] .cc-side{background:var(--surface)}.cc-side:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.cc-inner{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.cc-who{min-height:1.3em;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cc-time{font-family:var(--font-serif);font-weight:700;line-height:1;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;font-variation-settings:"opsz" 28;font-size:clamp(60px,9.4vw,156px)}.cc-meta{min-height:1.6em;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.cc-delay{display:inline-block;padding:2px 12px;border-radius:999px;border:2px solid}.cc-side[data-state=off] .cc-meta,.cc-side[data-state=off] .cc-who,.cc-side[data-state=paused] .cc-who,.cc[data-status=running] .cc-side[data-state=off] .cc-time{color:var(--ink-2)}.cc-side[data-state=on]{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 18px 44px -22px var(--sun-glow)}.cc-side[data-state=paused]{box-shadow:inset 0 0 0 3px var(--sun)}.cc-side[data-state=low]{background:var(--flood-2);color:var(--flood-ink);border-color:transparent}.cc-side[data-state=flag]{background:var(--flood-3);color:var(--flood-ink);border-color:transparent}.cc-bar{grid-area:bar;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:2px 8px}.cc-info{display:flex;flex-direction:column;gap:2px}.cc-control{font-family:var(--font-serif);font-weight:600;font-size:22px;line-height:1.1;font-variant-numeric:lining-nums tabular-nums}.cc-move{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.cc-buttons{display:flex;gap:8px}.cc-btn .i{width:22px;height:22px}.cc-hint{justify-self:end;max-width:34ch;text-align:right;color:var(--ink-2)}.cc-hint,.cc-note{font-size:14px;font-weight:650}.cc-note{justify-self:center;padding:8px 16px;border-radius:14px;background:var(--panel);color:var(--ink);text-align:center}.cc-settings{display:grid;gap:14px;padding:18px;border-radius:26px}.cc-settings-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}.cc-settings-head h2{font-family:var(--font-serif);font-weight:500;font-size:24px;line-height:1.2}.cc-settings-head p{font-size:14px;font-weight:650;color:var(--ink-2)}.cc-presets{display:flex;flex-wrap:wrap;gap:8px}.cc-preset{flex-direction:column;gap:0;min-height:58px;padding:6px 16px;font-size:17px;font-weight:750;font-variant-numeric:tabular-nums}.cc-preset small{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:1}.cc-preset[disabled]{opacity:.55;cursor:not-allowed}.cc-custom{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px 14px;padding-top:4px}.cc-custom>label>span{display:block;margin-bottom:6px;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.cc-custom input[type=number]{width:100%;min-height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.cc-custom input:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.cc-modes{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}.cc-label{display:block;margin:0 0 8px;padding:0;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.cc-pills{display:flex;flex-wrap:wrap;gap:6px}.cc-pill{position:relative;display:inline-flex}.cc-pill input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.cc-pill span{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 15px;border-radius:999px;border:1px solid var(--line-2);background:var(--chip);color:var(--ink);font-weight:700;font-size:14.5px;transition:background .2s,color .2s}.cc-pill input:hover+span{background:var(--chip-hover)}.cc-pill input:checked+span{background:var(--chip-on);color:var(--chip-on-ink);border-color:transparent}.cc-pill input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.cc-pill input:disabled+span{opacity:.55}.cc-mode-note{margin-top:8px;font-size:13.5px;color:var(--ink-2)}.cc-custom-go{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.cc-custom-go .btn-primary{min-height:52px;font-size:16.5px}.cc-error{color:var(--alert);font-weight:700;font-size:14.5px}.cc-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:14px;border-top:1px solid var(--line)}.cc-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:6px 10px 6px 16px;border-radius:18px;background:var(--chip);cursor:pointer}.cc-toggle b{display:block;font-size:15px;color:var(--ink)}.cc-toggle small{display:block;font-size:13px;color:var(--ink-2)}.cc-switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:52px;height:32px;margin:0;border-radius:999px;border:1px solid var(--line-2);background:var(--surface-3);cursor:pointer;transition:background .2s}.cc-switch:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--ink-2);transition:transform .25s var(--ease),background .2s}.cc-switch:checked{background:var(--chip-on);border-color:transparent}.cc-switch:checked:after{transform:translateX(20px);background:var(--chip-on-ink)}.cc-switch:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.chess-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.chess-modes li{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:22px;border:1px solid var(--line);background:var(--surface-2)}[data-theme=light] .chess-modes li{background:var(--surface)}.chess-modes h3{font-family:var(--font-serif);font-weight:600;font-size:21px;line-height:1.15;color:var(--ink)}.chess-modes p{color:var(--ink-2);font-size:15px;line-height:1.55}.chess-modes dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.chess-modes dl div{padding:10px 12px;border-radius:14px;background:var(--chip)}.chess-modes dt{font-size:12.5px;font-weight:700;color:var(--ink-2)}.chess-modes dd{margin:2px 0 0;font-family:var(--font-serif);font-weight:650;font-size:26px;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}.cc-timesup .tu-over{font-size:clamp(24px,3.6vw,44px);white-space:pre-wrap}.cc.is-fs{width:100vw;height:100dvh;max-width:none;margin:0;padding:12px;border:0;border-radius:0;box-shadow:none;grid-template-rows:minmax(0,1fr) auto;background:var(--dusk);color:var(--clear-ink);--ink:var(--clear-ink);--ink-2:var(--clear-ink-2);--surface:#151a2e;--surface-2:#151a2e;--surface-3:#252b47;--line:rgba(255,255,255,0.16);--line-2:rgba(255,255,255,0.3);--chip:rgba(255,255,255,0.1);--chip-hover:rgba(255,255,255,0.18);--accent:#f5c48e;--accent-ink:#22150a;--sun:#ffc98f;--focus:#ffd9a8}.cc.is-fs-overlay{position:fixed;inset:0;z-index:90}.cc.is-fs .cc-side{min-height:0}.cc.is-fs .cc-time{font-size:min(14vw,34vh)}.cc.is-fs .cc-who{font-size:clamp(14px,1.6vw,22px)}.cc.is-fs .cc-meta{font-size:clamp(15px,1.6vw,22px)}@media (max-aspect-ratio:4/5){.cc{grid-template-columns:minmax(0,1fr);grid-template-areas:"left" "bar" "right";gap:8px;padding:8px;border-radius:26px}.cc-side{min-height:0;height:clamp(170px,27svh,320px)}.cc[data-face=on] .cc-side[data-cc-side=left] .cc-inner{transform:rotate(180deg)}.cc-time{font-size:min(23vw,13svh)}.cc-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info buttons" "hint hint";gap:4px 8px;padding:0 6px}.cc-info{grid-area:info;flex-direction:row;align-items:baseline;gap:10px}.cc-buttons{grid-area:buttons;gap:6px}.cc-hint{grid-area:hint;justify-self:center;text-align:center;max-width:none;font-size:13.5px}.cc.is-fs{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}.cc.is-fs .cc-side{height:auto}.cc.is-fs .cc-time{font-size:min(25vw,17svh)}}@media (max-width:640px){.cc-custom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cc-toggles{grid-template-columns:minmax(0,1fr)}.cc-settings{padding:14px}.cc-preset{flex:1 1 calc(33% - 8px);padding:6px 8px}}@media (prefers-reduced-motion:reduce){.cc-side,.cc-switch,.cc-switch:after{transition:none}}}