:root{--bg:#2b2d42;--bg-raised:#3a3d5c;--ink:#f8f7ff;--ink-dim:#b9b8d3;--accent:#ffbf3c;--accent-ink:#3b2a00;--danger:#ff5a6e;--radius:14px;--font-heading:"Kenney Bold", system-ui, sans-serif;--font-body:"Kenney Future", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}button,.btn{font:inherit;color:var(--ink);background:var(--bg-raised);cursor:pointer;border:0;border-radius:10px;padding:8px 14px;text-decoration:none;transition:transform 80ms,filter 80ms;box-shadow:0 4px #00000059}button:hover,.btn:hover{filter:brightness(1.15)}button:active,.btn:active{transform:translateY(3px);box-shadow:0 1px #00000059}button.primary{background:var(--accent);color:var(--accent-ink)}button.danger{background:var(--danger)}button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}button:focus-visible,.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}