:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#05070d;--fg:#cfe8ff;--accent:#3cf;--line:#12324a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);overflow:hidden;height:100%;margin:0;font-family:Orbitron,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#app{position:relative;display:flex;flex-direction:column;justify-content:center;align-items: center;gap:12px;height:100%;padding:16px}#game{border:1px solid var(--line);background:#02040a;max-width:100%;max-height:calc(100% - 36px);box-shadow:0 0 40px #00aaff26,inset 0 0 60px #003c7826}.toggles{position:fixed;z-index:30;display:flex;flex-direction:column;gap:5px}.toggle{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;text-align:left;color:#6f9bc0;border:1px solid var(--line);background:#030810bf;border-radius:3px;width:100%;padding:6px 8px;transition:color .15s,border-color .15s,background .15s;font-family:inherit;font-size:10px}.toggle:hover{border-color:var(--accent)}.toggle.on{color:#02040a;background:var(--accent);border-color:var(--accent)}#hint{letter-spacing:.15em;text-transform:uppercase;color:#4c7aa0;text-align:center;margin:0;font-size:12px}.overlay{position:absolute;display:flex;backdrop-filter:blur(2px);background:#02040a8c;justify-content:center;align-items: center;inset:0}.overlay[hidden]{display:none}.card{display:flex;overflow-y:auto;border:1px solid var(--line);text-align:center;background:#030810f0;border-radius:4px;flex-direction:column;align-items: center;gap:12px;width:min(94vw,420px);max-height:88vh;padding:clamp(20px,5vw,40px);box-shadow:0 0 60px #00aaff1f}.card h1{letter-spacing:.3em;text-shadow:0 0 24px var(--accent);margin:0;font-size:44px}.card h2{letter-spacing:.15em;margin:0;font-size:24px}.card .sub{letter-spacing:.4em;color:var(--accent);margin:-8px 0 0}.card .tag{color:#6f9bc0;max-width:32ch;margin:0;font-size:12px}.card label{letter-spacing:.2em;text-transform:uppercase;color:#6f9bc0;margin-top:6px;font-size:11px}.muted{color:#4c7aa0;font-size:.85em}.card .hint{letter-spacing:.2em;text-transform:uppercase;color:#4c7aa0;margin:4px 0 0;font-size:11px}.story-link{letter-spacing:.14em;text-transform:uppercase;color:#6f9bc0;text-decoration:none;border-bottom:1px solid #0000;margin-top:2px;font-size:11px}.story-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.chip,.btn{cursor:pointer;color:var(--fg);border:1px solid var(--line);background:#14324a59;border-radius:3px;transition:background .15s,border-color .15s;font-family:inherit}.chip{min-width:36px;height:38px;padding:0 10px;font-size:14px}.chip:hover,.btn:hover{border-color:var(--accent)}.chip.on{background:var(--accent);color:#02040a;border-color:var(--accent)}.btn{letter-spacing:.2em;text-transform:uppercase;margin-top:4px;padding:10px 28px;font-size:13px}.btn.primary{background:var(--accent);color:#02040a;border-color:var(--accent)}.btn.ghost{background:0 0}.scores{display:flex;flex-direction:column;gap:6px;width:100%}.score-row{display:grid;grid-template-columns:16px 1fr auto;align-items: center;gap:10px;font-size:13px}.score-row .score{color:var(--accent);font-size:16px}.swatch{border-radius:2px;width:14px;height:14px}
