:root{--bg: #0a0a14;--panel: #14142a;--edge: #2a2a4a;--text: #e8e8ff;--dim: #8888aa;--accent: #ff2e88;--accent2: #2ee6ff;--good: #3dff8a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:SF Mono,ui-monospace,Menlo,monospace;min-height:100vh}#nav{display:flex;gap:1.5rem;align-items:center;padding:.8rem 1.2rem;border-bottom:1px solid var(--edge)}#nav .logo{color:var(--accent);font-weight:700;letter-spacing:.2em;margin-right:1rem}#nav a{color:var(--dim);text-decoration:none}#nav a:hover{color:var(--accent2)}#app{padding:1.5rem}h1{color:var(--accent2);font-size:1.3rem;letter-spacing:.1em}h2{color:var(--text);font-size:1rem}.dim{color:var(--dim)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:1rem;cursor:pointer}.card:hover,.card.selected{border-color:var(--accent)}.card h3{margin:0 0 .3rem;color:var(--text)}.card .meta{color:var(--dim);font-size:.8rem}.pad-panel{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:1rem;margin-bottom:1rem}.btn-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}.btn-pill{border:1px solid var(--edge);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;color:var(--dim);min-width:3.2rem;text-align:center}.btn-pill.on{background:var(--good);color:#000;border-color:var(--good)}.axis-bar{display:inline-block;width:120px;height:8px;background:var(--bg);border:1px solid var(--edge);margin-right:.6rem;position:relative}.axis-bar i{position:absolute;top:0;width:4px;height:100%;background:var(--accent2)}button{background:var(--panel);color:var(--accent2);border:1px solid var(--edge);border-radius:4px;padding:.4rem .8rem;font-family:inherit;cursor:pointer}button:hover{border-color:var(--accent2)}#game-frame{position:fixed;top:0;right:0;bottom:0;left:0;border:0;width:100vw;height:100vh;background:#000;z-index:10}.overlay-hint{position:fixed;top:.4rem;right:.8rem;z-index:11;color:var(--dim);font-size:.75rem}.qr-box{float:right;text-align:center;color:var(--dim);font-size:.7rem;background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:.8rem}.attract-board{max-width:480px;margin:3rem auto;text-align:center}.attract-board table{width:100%;border-collapse:collapse}.attract-board td{padding:.3rem .6rem;border-bottom:1px solid var(--edge)}.attract-board td.score{text-align:right;color:var(--good)}.attract-board .rank{color:var(--accent)}pre.state{background:var(--panel);border:1px solid var(--edge);padding:1rem;border-radius:8px;max-height:50vh;overflow:auto;font-size:.75rem}