*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;background:#fff;color:#111}
.wrap{max-width:960px;margin:0 auto;padding:16px}
#game{width:100%;border:1px solid #e6e6e6;border-radius:12px;background:#fff}
.hud{display:flex;gap:12px;align-items:center;margin-top:8px;flex-wrap:wrap}
.score,.best{background:#f4f6ff;border:1px solid #cfd8ff;padding:6px 10px;border-radius:10px}
.btn{cursor:pointer;border:1px solid #cfd8ff;background:#e7ecff;padding:8px 14px;border-radius:10px}
.leaderboard{margin-top:12px;padding:12px;border:1px solid #eee;border-radius:12px;background:#fafafa}
.board{list-style:decimal;padding-left:22px;margin:0;display:grid;gap:6px}
.board li{display:flex;justify-content:space-between;align-items:center;gap:12px}
.board .meta{opacity:.8}
.modal{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.25)}
.modal-card{width:min(560px,96vw);background:#fff;border-radius:12px;padding:16px;border:1px solid #eee}
.hidden{display:none}
input{padding:10px;border:1px solid #cfd8ff;border-radius:8px}