:root{--bg:#dbe9f4;--sea:#cad8e4;--land:#eee7d0;--land-hover:#ddd4ba;--stroke:#8a8472;--ok:#3a9d4f;--known:#c7b6e3;--complete:#e9c46a;--bad:#d04a3a;--accent:#2b6cb0;--panel:#fffdf8;--text:#1f2933;--muted:#5b6672;--shadow:#1f293324;--serif:Fraunces, Georgia, serif;--inactive:#f3f0e6;--inactive-stroke:#c4bfb0;--border:#6b6555;--border-soft:#a39c88;--label:#8a8472;--marka:#e3ead2;--complete-soft:#f1dfa8;--target-soft:#c9dcf0;--answer-soft:#cfe8d2;--dot:#fff;--dot-stroke:#4a4536;--minor-dot:#e4dfd0;--minor-dot-stroke:#b3ac98;--link:var(--accent);--secondary:#ece6d6;--line:#ece6d6;--input-border:#cfc7b6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0f1e2c;--sea:#0f1e2c;--land:#3d4550;--land-hover:#4a5360;--stroke:#5f6874;--known:#7a68a6;--complete:#b8933a;--panel:#17293a;--text:#eef2f6;--muted:#9aa8b6;--shadow:#0006;--inactive:#252a2c;--inactive-stroke:#363c3f;--border:#8e98a6;--border-soft:#5a6370;--label:#9aa4b0;--marka:#262c29;--complete-soft:#7a6630;--target-soft:#2c4d70;--answer-soft:#2e5a3a;--dot:#f3efe4;--dot-stroke:#121110;--minor-dot:#5d6570;--minor-dot-stroke:#30363e;--link:#7fb2e5;--secondary:#26394b;--line:#26394b;--input-border:#3a5068}}:root[data-theme=dark]{--bg:#0f1e2c;--sea:#0f1e2c;--land:#3d4550;--land-hover:#4a5360;--stroke:#5f6874;--known:#7a68a6;--complete:#b8933a;--panel:#17293a;--text:#eef2f6;--muted:#9aa8b6;--shadow:#0006;--inactive:#252a2c;--inactive-stroke:#363c3f;--border:#8e98a6;--border-soft:#5a6370;--label:#9aa4b0;--marka:#262c29;--complete-soft:#7a6630;--target-soft:#2c4d70;--answer-soft:#2e5a3a;--dot:#f3efe4;--dot-stroke:#121110;--minor-dot:#5d6570;--minor-dot-stroke:#30363e;--link:#7fb2e5;--secondary:#26394b;--line:#26394b;--input-border:#3a5068;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1e2c;--text:#eef2f6;--muted:#9aa8b6;--panel:#17293a;--shadow:#0006}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:var(--bg);background-image:radial-gradient(circle at 1px 1px,#2b6cb024 1px,#0000 0);background-size:22px 22px;flex-direction:column;align-items:center;padding:clamp(40px,10vh,96px) 16px 32px;font-family:system-ui,sans-serif;display:flex}#root{display:contents}header{text-align:center;max-width:560px}.logo{letter-spacing:-.03em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(56px,14vw,96px);font-weight:800;line-height:1}.logo span{color:var(--accent)}.tagline{color:var(--muted);margin:14px 0 0;font-size:clamp(17px,4vw,20px);font-weight:400}.intro{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.5}main{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;max-width:640px;margin-top:clamp(36px,7vh,64px);display:grid}a.game{background:var(--panel);color:inherit;box-shadow:0 1px 0 var(--shadow), 0 10px 30px var(--shadow);border-radius:20px;flex-direction:column;gap:14px;padding:22px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative}a.game:hover{box-shadow:0 1px 0 var(--shadow), 0 18px 40px var(--shadow);transform:translateY(-4px)}a.game:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.new{z-index:1;color:#4a4536;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 2px 8px var(--shadow);background:#e9c46a;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;position:absolute;top:10px;right:10px}a.game svg{border-radius:14px;width:100%;height:auto;display:block}h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:30px;font-weight:600}a.game p{color:var(--muted);margin:4px 0 0;line-height:1.45}.go{color:var(--accent);margin-top:auto;font-weight:600}@media (prefers-color-scheme:dark){.go{color:#7fb2e5}}.go:after{content:"→";margin-left:6px;transition:transform .2s;display:inline-block}a.game:hover .go:after{transform:translate(4px)}.about{width:100%;max-width:640px;color:var(--muted);margin-top:48px;line-height:1.55}.about h2{color:var(--text);font-size:22px}.about p{margin:10px 0 0}footer{color:var(--muted);text-align:center;margin-top:48px;font-size:14px}@media (prefers-reduced-motion:reduce){a.game,.go:after{transition:none}}