:root{--screen: #e8ece2;--ink: #1b241a;--accent: #3f6b46;--muted: #6a7562;--body-text: #465043;--hairline: #d7ddca;--border: #c8d1b8;--btn-secondary: #5a6551;--caption: #5b6754;--board-light: #e3ead4;--board-dark: #6f9060;--board-border: #bcc9ad;--piece-white: #f2f7ea;--piece-black: #182417;--live-dot: #7fc98a;--eval-blunder: #d98b5f;--clock-urgent: #9e3e2c;--on-dark: #ffffff;--sage-light: #c8d4b6;--sage: #a3bd8b;--graph-title: #a9b79c;--graph-label: #7d8b72;--grad-opponent: linear-gradient(140deg, var(--sage-light), #93a97f);--grad-self: linear-gradient(135deg, #d5e0c6, var(--sage));--scrim: rgba(27, 36, 26, .5);--video-pill: rgba(42, 33, 24, .55);--video-pill-strong: rgba(42, 33, 24, .75);--stripe: repeating-linear-gradient(45deg, #e9ece0 0 10px, #e8ece2 10px 20px);--shadow-knob: 0 1px 2px rgba(27, 36, 26, .35);--shadow-card: 0 12px 30px -16px rgba(27, 36, 26, .7);--shadow-overlay: 0 22px 44px -18px rgba(27, 36, 26, .5);--font-display: "Bricolage Grotesque", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--screen);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{font-family:var(--font-body);cursor:pointer}input{font-family:var(--font-body)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono-caption{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--caption);text-transform:uppercase}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.chip{font-family:var(--font-mono);font-size:11px;font-weight:700;border:1.5px solid var(--border);padding:6px 11px;display:inline-flex;align-items:center;gap:6px;letter-spacing:.06em;white-space:nowrap}.cta{width:100%;border:none;background:var(--accent);color:var(--on-dark);font-family:var(--font-display);font-weight:600;font-size:19px;padding:15px 0;border-radius:0}.cta:disabled{opacity:.55;cursor:not-allowed}.btn-outline{border:1.5px solid var(--border);background:transparent;color:var(--ink);font-weight:600;font-size:13px;padding:12px 0;border-radius:0}.btn-ink{border:none;background:var(--ink);color:var(--screen);font-weight:600;font-size:13px;border-radius:0}.clock{font-family:var(--font-display);font-weight:400;font-variant-numeric:tabular-nums;line-height:1}.select-pill{display:flex;align-items:center;justify-content:center;gap:7px;border:1.5px solid var(--border);background:var(--screen);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:13px;line-height:1;padding:12px 6px;border-radius:999px}.select-pill.selected{background:var(--accent);border-color:var(--accent);color:var(--on-dark);font-weight:700}.select-rect{display:flex;align-items:center;gap:9px;border:1.5px solid var(--border);background:var(--screen);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:13px;line-height:1.05;padding:10px 11px;border-radius:0;text-align:left}.select-rect .rect-sub{display:block;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.02em;color:var(--muted);margin-top:3px}.select-rect.selected{background:var(--accent);border-color:var(--accent);color:var(--on-dark)}.select-rect.selected .rect-sub{color:#ffffffbf}@keyframes bl{0%,to{opacity:.2}50%{opacity:1}}.blink-squares{display:flex;gap:6px}.blink-squares span{width:11px;height:11px;background:var(--accent);animation:bl 1.1s infinite}.blink-squares span:nth-child(2){animation-delay:.18s}.blink-squares span:nth-child(3){animation-delay:.36s}