:root{color-scheme:dark;font-family:Inter,system-ui,Arial,sans-serif;background:#0b1021;color:#f2f5ff}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:20px max(18px,calc((100vw - 960px)/2));background:#141d38;border-bottom:1px solid #34415c}h1{margin:0;font-size:28px}header p{margin:6px 0 0;color:#aebcdb}main{max-width:960px;margin:24px auto;padding:0 16px}.pill{background:#6254db;padding:9px 12px;border-radius:20px;font-weight:bold;font-size:12px}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.tile{min-height:120px;text-align:left;border:1px solid #36476b;border-radius:16px;background:#182441;color:#fff;padding:18px;cursor:pointer}.tile:hover{background:#293b65}.tile b{display:block;font-size:16px;margin:12px 0 4px}.tile small{color:#b8c5df}.emoji{font-size:32px}button{cursor:pointer;border:0;border-radius:10px;background:#6659e8;color:white;padding:12px;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}.bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.bar h2{margin:4px}.bar span{font-weight:700;color:#8ee2c5}#instructions{color:#b9c7e3;margin:14px 0}#arena{max-width:430px;margin:auto;min-height:420px;display:flex;justify-content:center;align-items:center}canvas{display:block;width:100%;max-width:360px;touch-action:none;background:#101a32;border:2px solid #394b70;border-radius:12px}#board{width:100%;max-width:360px;min-height:350px}.controls,.actions{display:flex;justify-content:center;gap:9px;margin:14px auto;flex-wrap:wrap}.controls button{min-width:48px;background:#33466c}.actions button{min-width:140px}#status{text-align:center;color:#d9d5ff;min-height:22px}#leaderboard{max-width:350px;margin:auto;color:#c8d5f1}h3{text-align:center}footer{margin:38px 0;color:#8d9bb9;text-align:center;font-size:12px}.gridboard{display:grid;gap:7px}.cell{display:flex;justify-content:center;align-items:center;background:#243555;color:white;border-radius:9px;font-weight:800;aspect-ratio:1;min-width:0;font-size:24px}.cell:disabled{opacity:1}.cell.on{background:#6659e8}.cell.hit{background:#2aaf8b}.cell.bad{background:#e05a69}.quizcard{background:#182441;padding:20px;border-radius:14px}.quizcard button{display:block;width:100%;margin:9px 0;text-align:left}.message{text-align:center;padding:16px}