:root{color-scheme:dark;--bg:#102329;--panel:#193139;--ink:#eef0dc;--muted:#b6cbc6;--line:#365359;--accent:#d1e69a;--gold:#edc37e;--danger:#f5a698}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#21403d 0,transparent 60%),var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}button,input,select{font:inherit}button,select,input{color:var(--ink);background:#233f46;border:1px solid #587478;border-radius:9px;padding:10px 14px;min-height:44px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);background:#304e50}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:#14272c;border-color:var(--accent);font-weight:750}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.site-header{max-width:1240px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font:bold 28px Georgia,serif;text-decoration:none}.site-header nav{display:flex;flex-wrap:wrap;gap:18px}.site-header nav a{text-decoration:none}.game-shell{max-width:1240px;margin:auto;padding:24px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}h1{font:600 clamp(28px,4vw,44px)/1.15 Georgia,serif;margin:6px 0 12px}h2{font:600 25px Georgia,serif}p{color:var(--muted)}.intro{max-width:800px;margin-bottom:22px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.toolbar label{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.status{min-height:1.5em;color:var(--accent)}.help{margin-top:24px;padding:20px;border-top:1px solid var(--line);max-width:850px}.help summary{cursor:pointer;font-weight:700;color:var(--gold)}.help p{font-size:15px}footer{max-width:1240px;margin:30px auto 0;border-top:1px solid var(--line);padding:20px 24px;color:var(--muted);font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}canvas,svg{max-width:100%}@media(max-width:650px){.site-header{padding:16px;align-items:start;flex-direction:column}.game-shell{padding:20px 12px}.panel{padding:12px}.toolbar{gap:8px}button,select{padding:9px 11px}.site-header nav{gap:16px;font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
button.primary:hover:not(:disabled){background:#e0edb8;color:#14272c;border-color:#e0edb8}