:root{--bg-body: #f4f7fb;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: #ffffff;--bg-elevated: rgba(255, 255, 255, .9);--bg-subtle: rgba(226, 232, 240, .55);--accent-1: #059669;--accent-2: #0284c7;--accent-3: #d97706;--accent-4: #7c3aed;--text-main: #172033;--text-muted: #64748b;--border-soft: rgba(100, 116, 139, .2);--shadow-soft: 0 20px 55px rgba(51, 65, 85, .12);--radius-xl: 1.25rem}:root[data-theme=dark]{--bg-body: #060912;--bg-card: rgba(15, 21, 34, .88);--bg-card-hover: rgba(18, 25, 40, .98);--bg-elevated: rgba(15, 21, 34, .82);--bg-subtle: rgba(15, 23, 42, .72);--accent-1: #6ee7b7;--accent-2: #7dd3fc;--accent-3: #fbbf24;--accent-4: #c4b5fd;--text-main: #f1f5f9;--text-muted: #9aa8bc;--border-soft: rgba(148, 163, 184, .16);--shadow-soft: 0 24px 65px rgba(0, 0, 0, .26)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;background:var(--bg-body);color:var(--text-main);transition:background-color .2s ease,color .2s ease}body{display:flex;align-items:stretch;justify-content:center}app-root{display:block;width:100%}::selection{background:#38bdf84d;color:#f9fafb}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#22c55e33,#38bdf833);border:1px solid rgba(148,163,184,.35);color:var(--text-muted)}.pill--muted{background:var(--bg-subtle);border-color:#94a3b840;color:#94a3b8e6}.pill-dot{width:.45rem;height:.45rem;border-radius:999px;background:radial-gradient(circle at 30% 0%,#22c55e 0,#0f766e 60%,#020617);box-shadow:0 0 0 4px #22c55e26}.tag{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:999px;font-size:.7rem;font-weight:500;background:#94a3b812;border:1px solid rgba(148,163,184,.14);color:var(--text-muted)}:root[data-theme=light] .pill{background:linear-gradient(90deg,#05966917,#0284c717);border-color:#64748b47}:root[data-theme=light] .breadcrumbs{background:#ffffffc7;box-shadow:0 10px 30px #33415514}:root[data-theme=light] .breadcrumbs__current,:root[data-theme=light] .breadcrumbs a:hover{color:var(--text-main)}:root[data-theme=light] app-word-search,:root[data-theme=light] app-word-grid,:root[data-theme=light] app-tile-match-3d,:root[data-theme=light] app-maze-generator,:root[data-theme=light] app-sudoku-reactive,:root[data-theme=light] app-tapper-rush,:root[data-theme=light] app-memory-flux,:root[data-theme=light] app-gravity-drop,:root[data-theme=light] app-hangman,:root[data-theme=light] app-snake-classic,:root[data-theme=light] app-pac-man,:root[data-theme=light] app-chess-arena,:root[data-theme=light] app-orbit-runner,:root[data-theme=light] app-logic-cascade,:root[data-theme=light] app-pixel-sprint,:root[data-theme=light] app-signal-hunt,:root[data-theme=light] app-neon-path,:root[data-theme=light] app-reactor-shift,:root[data-theme=light] app-echo-tiles,:root[data-theme=light] app-chrono-codes,:root[data-theme=light] app-beat-grid{--text-main: #f1f5f9;--text-muted: #9aa8bc;--border-soft: rgba(148, 163, 184, .2);color:var(--text-main)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}