:root{color-scheme:dark;--bg: #0f0f12;--fg: #f2f2f5;--muted: #8a8a98;--accent: #6ea8ff;--card: #1a1a20;--border: #2a2a33;--error: #ff7676;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--fg)}.screen{max-width:1100px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:16px}h1{margin:0;font-size:28px;letter-spacing:-.01em}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--error)}.hint{color:var(--muted);text-align:center;font-size:13px}button{background:var(--accent);color:#0a0a14;font-weight:600;border:none;border-radius:10px;padding:12px 18px;font-size:16px;cursor:pointer}button.secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}.row{display:flex;gap:12px;flex-wrap:wrap}.name-form{display:flex;flex-direction:column;gap:10px;max-width:360px}.name-form input{background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:16px}.topbar{display:flex;align-items:center;gap:12px;justify-content:space-between}.progress{flex:1;position:relative;height:8px;background:var(--card);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:var(--accent);transition:width .2s ease}.progress-label{position:absolute;top:14px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted)}.pair{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:28px}.pair-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:8px;cursor:pointer;position:relative;transition:transform .08s ease,border-color .15s ease}.pair-card:hover{border-color:var(--accent)}.pair-card:active{transform:scale(.98)}.pair-card img{width:100%;height:auto;display:block;border-radius:10px}.pair-hint{position:absolute;top:12px;left:12px;background:#0009;border-radius:6px;padding:2px 8px;font-size:12px;color:var(--fg)}.pair-divider{color:var(--muted);font-size:14px}@media (max-width: 640px){.pair{grid-template-columns:1fr}.pair-divider{text-align:center}}kbd{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:12px}.ranking-list{list-style:decimal inside;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:0}.ranking-list li{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px}.ranking-list img{width:100%;height:auto;display:block;border-radius:6px}.admin table{width:100%;border-collapse:collapse;margin-top:12px}.leaderboard th,.leaderboard td{border-bottom:1px solid var(--border);padding:10px 8px;vertical-align:middle;text-align:left}.leaderboard th{color:var(--muted);font-weight:500;font-size:13px}.thumb{width:96px;height:auto;display:block;border-radius:6px}.matrix-wrap{margin-top:16px;overflow-x:auto}.matrix{border-collapse:collapse;font-size:13px}.matrix th,.matrix td{border:1px solid var(--border);padding:4px 8px;text-align:center;min-width:36px}.matrix .diag{background:var(--card);color:var(--muted)}