.game-mode-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c0dbe6;font:700 10px system-ui;letter-spacing:.12em;margin-bottom:8px}
#gameMode{width:190px;max-width:60%;padding:9px 12px;color:#fff;background:#063d58;border:1px solid #79d8ed66;border-radius:8px;font:700 13px system-ui;cursor:pointer}#gameMode:focus-visible{outline:2px solid #ffc681;outline-offset:2px}
.controls-panel{display:grid!important;right:16px;bottom:16px;width:246px;max-width:calc(100vw - 32px);padding:10px 12px;gap:4px;background:#062f466b;border:1px solid #b3eaff29;border-radius:10px;color:#e2eef5;font:11px/1.4 system-ui;letter-spacing:0;box-shadow:0 3px 18px #00131e22;pointer-events:none}
.controls-panel[hidden]{display:none!important}.controls-panel strong{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;margin-bottom:3px;color:#ffcf9a}.controls-panel small{font-size:9px;color:#d2e5ef;letter-spacing:0;font-weight:400}.controls-panel span{display:flex;align-items:center;gap:5px;white-space:nowrap}.controls-panel kbd{font:600 9px system-ui;min-width:0;padding:2px 4px;color:#fff;background:#b4e5ff17;border:1px solid #e5f6ff1c;border-radius:3px}
.nametag{font-size:10px;padding:4px 7px 7px;border-radius:6px;background:#05314db3;box-shadow:0 2px 5px #00101e55;text-shadow:0 1px 2px #00131e}.nametag.occluded{background:#06283d70;border-color:#a3c2d92e;box-shadow:none}.nametag.occluded i{opacity:.35}.nametag.ally{border-color:#72e6ef88}.nametag.ally span::before{content:'◆ ';color:#8bffff}
@media(max-width:800px){.controls-panel{bottom:auto;top:155px;right:12px;width:220px;font-size:10px}.game-mode-label{margin-bottom:5px}#gameMode{padding:6px 10px}}
@media(max-height:520px){.controls-panel{top:105px;bottom:auto;gap:2px;padding:7px 9px;font-size:10px}}