:root{--bg-app: oklch(96% 0 0);--bg-panel: oklch(99% 0 0);--bg-panel-hover: oklch(from var(--bg-panel) calc(l - .05) c h);--text-main: oklch(20% 0 0);--text-muted: oklch(45% 0 0);--text-inverse: oklch(99% 0 0);--primary: oklch(65.2% .16 248);--primary-hover: oklch(from var(--primary) calc(l - .1) c h);--accent: oklch(75% .15 85);--accent-fg: oklch(20% 0 0);--success: oklch(68% .18 140);--error: oklch(65% .2 25);--border: oklch(90% 0 0);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--radius: 8px;color-scheme:light}:root.dark{--bg-app: oklch(20% 0 0);--bg-panel: oklch(27% .02 248);--bg-panel-hover: oklch(from var(--bg-panel) calc(l + .1) c h);--text-main: oklch(96% 0 0);--text-muted: oklch(70% 0 0);--text-inverse: oklch(20% 0 0);--primary: oklch(65.2% .16 248);--primary-hover: oklch(from var(--primary) calc(l + .1) c h);--accent: oklch(80% .16 85);--accent-fg: oklch(20% 0 0);--success: oklch(65% .15 140);--error: oklch(60% .18 25);--border: oklch(30% .02 248);--shadow: 0 4px 10px rgba(0, 0, 0, .5);color-scheme:dark}body{background-color:var(--bg-app);color:var(--text-main);font-family:Roboto Mono,monospace;margin:0;transition:background-color .3s,color .3s}.page-layout{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem;min-height:100vh}@media(min-width:1024px){.page-layout{grid-template-columns:250px 1fr;align-items:start}}.sidebar{background:var(--bg-panel);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.sidebar h2{color:var(--accent);margin-top:0;font-size:1.2rem;text-transform:uppercase}.sidebar ul{padding-left:1.2rem;line-height:1.6;color:var(--text-muted);margin-bottom:2rem}.sidebar li{margin-bottom:.5rem}.game-container{display:flex;flex-direction:column;align-items:center;width:100%}.controls-sidebar{display:flex;flex-direction:column;gap:1rem}.big-btn{border:none;padding:12px 24px;border-radius:var(--radius);font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s;font-family:inherit;border:2px solid transparent;width:100%}.big-btn.check-all{border-color:var(--success);color:var(--success);background:transparent}.big-btn.check-all:hover{background-color:var(--success);color:#fff}.big-btn.clear-all{border-color:var(--border);color:var(--text-muted);background:transparent}.big-btn.clear-all:hover{border-color:var(--error);color:var(--error)}.big-btn:active{transform:translateY(2px)}.stats-bar{display:flex;gap:2rem;margin-bottom:2rem}.stat-box,.stat{display:flex;flex-direction:column;align-items:center;background:var(--bg-panel);padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--border);min-width:90px}.stat-box.best{border-color:var(--success)}.stat-box .label,.stat .label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase}.stat-box .value,.stat .value{font-size:1.5rem;font-weight:700;color:var(--text-main)}