.hud{gap:8px}.hud-group{display:flex;gap:8px;flex-wrap:wrap}.level-up{z-index:4;background:rgba(4,7,10,.9)}.level-up h2{font-size:clamp(1.6rem,4vw,2.7rem);margin:10px 0 22px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.upgrade-choice{min-height:128px;padding:18px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--panel2);cursor:pointer;text-align:left}.upgrade-choice:hover,.upgrade-choice:focus{border-color:var(--gold);transform:translateY(-2px)}.upgrade-choice strong,.upgrade-choice span{display:block}.upgrade-choice strong{margin-bottom:8px;color:var(--gold2);font-size:1.05rem}.upgrade-choice span{color:var(--muted);line-height:1.4}.ranking{margin-top:22px;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.ranking-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.ranking h2{margin:0}.rank-form{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.rank-form[hidden]{display:none}.rank-form input{flex:1;min-width:180px;padding:11px 13px;color:var(--text);background:#0f151d;border:1px solid var(--line);border-radius:9px;font:inherit}.rank-status{min-height:24px;color:var(--muted)}.rank-table{width:100%}.rank-table td:first-child{width:60px;color:var(--gold2);font-weight:900}.rank-table td:nth-child(3),.rank-table th:nth-child(3),.rank-table td:nth-child(4),.rank-table th:nth-child(4){text-align:right}.rank-empty{text-align:center;color:var(--muted)}@media(max-width:780px){.hud{font-size:.75rem;gap:6px}.pill{padding:5px 7px}.upgrade-grid{grid-template-columns:1fr}.upgrade-choice{min-height:76px}.ranking-head{align-items:flex-start;flex-direction:column}}