:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--bg: #0d0f14;--panel: #161a22;--panel-hi: #1e2531;--text: #e6e9ef;--muted: #8a93a6;--accent: #34d399;--accent-b: #60a5fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:900px;margin:0 auto;padding:2rem 1.25rem 3rem}.app__header h1{margin:0;font-size:2rem;letter-spacing:.02em}.app__subtitle,.app__footer{color:var(--muted);font-size:.85rem}.app__hint{background:var(--panel);border:1px solid var(--panel-hi);border-radius:10px;padding:.85rem 1rem;line-height:1.5;font-size:.9rem}.decks{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0}.deck{background:var(--panel);border:1px solid var(--panel-hi);border-radius:12px;padding:1.1rem;transition:border-color .15s ease}.deck.is-playing.deck-A{border-color:var(--accent)}.deck.is-playing.deck-B{border-color:var(--accent-b)}.deck__title{font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.deck__status{font-size:1.4rem;font-weight:700;margin:.5rem 0 1rem}.deck__buttons{display:flex;gap:.5rem}button{flex:1;background:var(--panel-hi);color:var(--text);border:1px solid #2a3444;border-radius:8px;padding:.6rem .75rem;font-size:.9rem;cursor:pointer}button:hover{background:#26303f}.deck__keys{list-style:none;padding:0;margin:1rem 0 0;color:var(--muted);font-size:.85rem;display:grid;gap:.25rem}kbd{background:#0b0e13;border:1px solid #2a3444;border-radius:5px;padding:.05rem .4rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem}.app__footer{margin-top:1.5rem;text-align:center;font-family:ui-monospace,SF Mono,Menlo,monospace}