:root{--bg:#0b0e14;--panel:#151b28;--panel2:#1c2536;--accent:#00e5ff;--gold:#ffd166;--danger:#ff1744;--text:#e8eef7;--muted:#8a97ab}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}.btn{display:inline-block;padding:14px 36px;border-radius:12px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#00bcd4,#0061a8);color:#fff;transition:transform .12s ease,filter .12s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.ghost{background:var(--panel2);color:var(--text);border:1px solid #33415e}.btn.danger{background:linear-gradient(135deg,#ff5252,#b71c1c)}.menu{max-width:760px;margin:0 auto;padding:28px 20px 60px;height:100vh;overflow-y:auto}.menu h1{font-size:52px;text-align:center;background:linear-gradient(90deg,#00e5ff,#ffd166,#ff1744);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:4px;margin-bottom:6px}.menu .subtitle{text-align:center;color:var(--muted);margin-bottom:24px}.stat-row{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.stat-chip{background:var(--panel);border:1px solid #26314a;border-radius:12px;padding:10px 20px;font-size:15px}.stat-chip b{color:var(--gold);font-size:18px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1 1;padding:12px;border-radius:10px;background:var(--panel);color:var(--muted);font-size:16px;font-weight:700}.tab.active{background:var(--panel2);color:var(--accent);border:1px solid var(--accent)}.panel{background:var(--panel);border:1px solid #26314a;border-radius:16px;padding:18px}.weapon-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;border:2px solid #26314a;margin-bottom:10px;background:var(--panel2);cursor:pointer;transition:border-color .15s}.weapon-card:hover{border-color:#4a5a7d}.weapon-card.selected{border-color:var(--accent)}.weapon-card.locked{opacity:.55;cursor:default}.weapon-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.weapon-info{flex:1 1}.weapon-info h3{font-size:17px}.weapon-info p{font-size:13px;color:var(--muted);margin-top:2px}.weapon-stats{font-size:12px;color:var(--accent);margin-top:4px}.lock-tag{font-size:13px;color:var(--danger);font-weight:700;white-space:nowrap}.upgrade-row{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;border:1px solid #26314a;margin-bottom:10px;background:var(--panel2)}.upgrade-row .info{flex:1 1}.upgrade-row h3{font-size:16px}.upgrade-row p{font-size:13px;color:var(--muted)}.lv{color:var(--accent);font-size:13px}.buy-btn,.lv{font-weight:700}.buy-btn{padding:10px 16px;border-radius:10px;background:linear-gradient(135deg,#ffd166,#ff8f00);color:#4e342e;font-size:14px;white-space:nowrap}.buy-btn:disabled{background:#2a3450;color:#5d6b85}.play-cta{margin-top:22px}.hint,.play-cta{text-align:center}.hint{color:var(--muted);font-size:13px;margin-top:14px;line-height:1.8}.name-edit{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.name-input{padding:12px 14px;border-radius:10px;border:1px solid #33415e;background:var(--bg);color:var(--text);font-size:15px;font-family:inherit;outline:none}.name-input:focus{border-color:var(--accent)}.name-hint{font-size:12px;color:var(--muted)}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid #26314a;background:var(--panel2);font-size:15px}.rank-row.me{border-color:var(--accent);background:rgba(0,229,255,.08)}.rank-medal{width:34px;text-align:center;font-weight:700;flex-shrink:0}.rank-name{flex:1 1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-score{color:var(--accent);font-size:13px;white-space:nowrap}.rank-banner{margin:10px 0 2px;padding:10px 14px;border-radius:10px;border:1px solid var(--gold);background:rgba(255,209,102,.1);color:var(--gold);font-size:14px;font-weight:700}.game-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#05070b}.game-wrap canvas{display:block;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,8,14,.82);z-index:10}.overlay .card{background:var(--panel);border:1px solid #33415e;border-radius:20px;padding:36px 44px;text-align:center;max-width:90vw}.overlay h2{font-size:40px;margin-bottom:12px}.overlay .row{display:flex;gap:14px;justify-content:center;margin-top:24px;flex-wrap:wrap}.overlay .stats-line{color:var(--muted);font-size:15px;line-height:2}.overlay .stats-line b{color:var(--gold)}.unlock-banner{color:var(--accent);font-weight:700;margin-top:10px;font-size:16px}.top-left-actions{position:absolute;top:12px;left:12px;z-index:5;display:flex;gap:8px}.icon-btn{width:42px;height:42px;border-radius:10px;background:rgba(21,27,40,.85);color:var(--text);border:1px solid #33415e;font-size:18px}