:root{--ice:#5bbaff;--glass:#071320e8;--edge:#426883;--muted:#819db2}html,body{background:#080d16;color:#e3eef5}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.vignette{background:linear-gradient(180deg,#020810c9,transparent 24%,transparent 75%,#020812c2),radial-gradient(ellipse,transparent 55%,#02061166)}.masthead{top:24px}.brand-mark{border-color:#457da3;color:#8ac8ef;background:#10273d88;box-shadow:inset 0 0 12px #1976c333}.identity h1{font-size:18px;letter-spacing:5px}.identity p{font-size:8px;color:#6e91aa}.identity p span{color:#4387be}.header-actions button{background:linear-gradient(#19314a,#0b1726);border-color:#446b89;color:#adcadc;box-shadow:inset 0 1px #6393b133}.build-label{color:#6796b8;font-size:9px}.top-hud{width:430px;top:25px;gap:38px}.health-block{width:150px}.health-track{height:9px;border:1px solid #446175;background:#07131c;box-shadow:inset 0 1px 4px #000;margin:9px 0}.health-track i{background:#72d439;box-shadow:0 0 7px #65c73066;position:relative}.health-track i:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 22px,#17291d9c 22px,#17291d9c 24px)}.timer-block strong{font-size:34px;color:#f0f7ff;text-shadow:0 2px 8px #000}.timer-block>span:last-child{color:#eea95d}.micro,.subtle{color:#89a1b5}.kill-block strong{color:#d7e5ef}.mission-tag{color:#a9c5d7;top:118px;font-size:10px;text-shadow:0 1px 5px #000}.mission-tag span{color:#7295ac;font-size:9px}.mission-tag>i{background:#5fa1d8;box-shadow:0 0 8px #37a2ff}.map-panel{background:#081320db;border:1px solid #436582;box-shadow:inset 0 0 20px #153a591f,0 5px 25px #0006;bottom:143px}.map-panel .micro{color:#89abc4}.bottom-hud{bottom:28px}.loadout{width:438px}.xp-row{font-size:9px;letter-spacing:1px;margin-bottom:12px;color:#8db8d5}.xp-track{height:4px;background:#091525;box-shadow:0 0 0 1px #365975}.xp-track i{background:linear-gradient(90deg,#215bac,#60d9ff);box-shadow:0 0 8px #299de899}.skills{height:103px;gap:10px;display:grid;grid-template-columns:repeat(4,1fr)}.ability{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:7px 4px 12px;background:linear-gradient(150deg,#143858,#071326 57%,#102742);border:1px solid #4d8fb7;border-radius:4px;box-shadow:inset 0 0 12px #21609555,inset 0 1px #88c8f85c,0 3px 12px #000a;overflow:visible;color:#c2e4f8}.ability:before{content:'';position:absolute;inset:4px;border:1px solid #284765;pointer-events:none}.ability svg{width:37px;height:37px;fill:none;stroke:#55c3ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #25aaff);margin:1px 0 4px}.ability>span{font-size:10px;letter-spacing:1px}.ability small{font:9px Consolas,'Microsoft YaHei',sans-serif;letter-spacing:0;color:#90bcce;margin-top:4px}.ability kbd{position:absolute;bottom:-9px;font:8px Consolas,monospace;padding:2px 6px;background:#091727;border:1px solid #3e617d;color:#d3e7f3;z-index:2}.ability>i{position:absolute;bottom:0;left:0;height:2px;background:#4eb4fa;box-shadow:0 0 7px #2189e7}.ability:disabled{opacity:.56;filter:saturate(.5)}.ability:hover:not(:disabled){background:linear-gradient(#20486c,#102644);border-color:#93d8ff;transform:translateY(-2px);box-shadow:0 0 15px #2c97df66}.ability:active:not(:disabled){transform:translateY(1px)}.move-guide{font-size:10px;color:#b1c9da}.move-guide span{color:#6b8ca6}.keys kbd{background:#0a1929;border-color:#37536d}.save-indicator{color:#7094ad}.save-indicator i{background:#4a95b0}.panel{background:linear-gradient(135deg,#0e2338f5,#060f1dee);border:1px solid #3b688d;border-top:2px solid #5bbaff;box-shadow:0 25px 90px #000a,inset 0 0 50px #144b752b}.panel h2{color:#e4f1fa;font-weight:500}.eyebrow{color:#5faced}.panel-copy{color:#8caac1}.brief{border-color:#35536a}.brief strong{color:#d4e9f8}.primary{background:linear-gradient(#2b6795,#19476d);color:#e5f5ff;border-color:#599bcb;box-shadow:inset 0 1px #98d9ff55;font-weight:600}.primary:hover:not(:disabled){background:#357baa;color:white}.secondary{border-color:#324f68;background:#11243a;color:#9bbad1}.small-note{color:#63849f}.upgrade{background:linear-gradient(#15314c,#0a1b2e);border-color:#3c6280;box-shadow:inset 0 0 24px #173e5d33}.upgrade .symbol{color:#56b8fc;text-shadow:0 0 12px #208fdd}.upgrade:hover{box-shadow:0 0 18px #2d96d944}.overlay{background:#0207116b;backdrop-filter:blur(5px)}.overlay.intro{background:linear-gradient(90deg,#020b17c7,transparent 90%)}#toast{background:#0c2133ed;border-color:#467894;color:#c1e1ef;font-size:11px;box-shadow:0 3px 12px #0005}#damage-flash{box-shadow:inset 0 0 100px #d04120}.sound-setting{display:flex;gap:20px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #294962;font-size:11px;color:#91aec4}.sound-setting input{accent-color:#4ba8e6;flex:1}.map-legend span:last-child i{background:#dc8277}@media(max-width:1000px){.top-hud{top:100px}.mission-tag{top:185px}.map-panel{bottom:162px}.loadout{width:390px}.header-actions{gap:6px}}@media(max-width:640px){.masthead{top:16px}.identity h1{font-size:15px}.identity p{font-size:7px}.top-hud{top:78px;width:calc(100% - 32px);gap:18px}.health-block{width:115px}.timer-block strong{font-size:29px}.loadout{width:100%}.skills{gap:7px;height:93px}.ability svg{width:31px;height:31px}.ability>span{font-size:9px;letter-spacing:0}.ability small{font-size:8px}.ability kbd{font-size:7px;bottom:-8px}.bottom-hud{bottom:24px}.panel{padding:24px}.panel-copy{font-size:11px}}@media(pointer:coarse){#touch-controls{bottom:164px}#joystick{background:#12243866;border-color:#5180a07a}#joystick i{background:#4988af77;border-color:#80bdd5}#touch-pulse{background:#0e253acc;border-color:#508ba6;color:#76c3eb}}