:root{--panel-w: 260px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:Courier New,Courier,monospace;color:#fff;-webkit-user-select:none;user-select:none}#game-container{position:relative;width:100vw;height:100vh;overflow:hidden}#left-panel{position:fixed;left:0;top:0;width:var(--panel-w);height:100vh;background:#000000d1;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-around;align-items:stretch;gap:10px;padding:10px 8px;z-index:15;overflow-y:auto;overflow-x:hidden;pointer-events:none;box-sizing:border-box}#game-canvas{display:block;position:absolute;top:0;left:var(--panel-w)}#hud-overlay{position:absolute;top:0;left:var(--panel-w);width:calc(100% - var(--panel-w));height:100%;pointer-events:none;z-index:10}#hud-score-progress-bar{position:absolute;top:0;left:0;width:100%;height:5px;background:#ffffff14;display:flex;align-items:center}#hud-score-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#64b5f6,#00e5ff);transition:width .3s ease}#hud-score-progress-text{position:absolute;right:6px;top:6px;font-size:11px;color:#ffffff80;letter-spacing:.05em}#hud-info{position:absolute;top:14px;right:14px;text-align:right;line-height:1.4}#hud-score{font-size:32px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.9)}#hud-score-value{color:#64b5f6}#hud-wave{font-size:16px;color:#ffeb3b}#hud-level{font-size:16px;color:#a5d6a7}#hud-bottom{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}#hud-life-container{display:flex;gap:5px;align-items:center}.life-icon{width:16px;height:16px;border-radius:50%;border:2px solid #ef5350;background:#ef5350;box-shadow:0 0 6px #ef535080;display:inline-block;transition:background .15s}.life-icon.life-empty{background:transparent;opacity:.3}.life-icon.shield-icon{border-color:#ab47bc;background:#ab47bc;box-shadow:0 0 8px #ab47bc}#hud-exp-bar-container{position:relative;width:360px;height:18px;background:#ffffff1a;border-radius:9px;overflow:hidden}#hud-exp-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#43a047,#66bb6a);border-radius:9px;transition:width .25s ease}#hud-exp-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:#ffffff80;letter-spacing:.1em}#hud-dash-container{display:flex;gap:9px;align-items:center}.dash-icon{width:20px;height:20px;border-radius:4px;border:4px solid #64b5f6;background:#64b5f6;box-shadow:0 0 8px #64b5f680;display:inline-block;transition:background .2s,box-shadow .2s}.dash-icon.dash-empty{background:transparent;box-shadow:none;opacity:.35}#hud-skills{display:flex;flex-direction:column;gap:7px;width:100%}.skill-slot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:7px 10px;overflow:hidden;transition:background .15s,border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.skill-slot.skill-on{background:#ffeb3b26;border-color:#ffeb3b80;box-shadow:0 0 10px #ffeb3b40}.skill-key{color:#ffffff8c;font-size:15px;font-weight:700;letter-spacing:.05em;min-width:18px;text-align:center}.skill-name{color:#fffc;font-size:16px;flex:1}.skill-status{font-size:13px;font-weight:700;letter-spacing:.05em;text-align:right;white-space:nowrap}.skill-status.ready{color:#69f0ae}.skill-status.active{color:#ffeb3b;animation:skill-pulse .5s infinite alternate}.skill-status.cooldown{color:#fff6}.skill-cooldown-bar{position:absolute;bottom:0;left:0;height:5px;background:#64b5f6bf;transition:width .12s linear;border-radius:0 0 9px 9px}@keyframes skill-pulse{0%{opacity:1}to{opacity:.45}}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000c7;z-index:20;gap:18px}.screen.hidden{display:none}#screen-start{background:linear-gradient(to bottom,#00000080,#000000a6 55%,#000000e0),url(../../assets/images/landing-bg.jpg) center/cover no-repeat;gap:20px}#screen-start:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:0}#screen-start>*{position:relative;z-index:1}.title-glow{font-size:80px;font-weight:700;letter-spacing:.18em;color:#fff;text-shadow:0 0 10px #64b5f6,0 0 30px #64b5f6,0 0 60px #1565c0,0 0 100px #0d47a1;animation:title-pulse 3s ease-in-out infinite}@keyframes title-pulse{0%,to{text-shadow:0 0 10px #64b5f6,0 0 30px #64b5f6,0 0 60px #1565c0}50%{text-shadow:0 0 20px #90caf9,0 0 50px #42a5f5,0 0 90px #1e88e5,0 0 140px #0d47a1}}.subtitle{font-size:15px;color:#ffffffb8;letter-spacing:.12em;text-shadow:0 0 12px rgba(0,0,0,.9)}#screen-start-controls{display:flex;flex-direction:column;width:100%;max-width:540px;gap:6px;font-size:13px;color:#ffffff85;letter-spacing:.05em;background:#0000008c;border:1px solid rgba(100,181,246,.22);border-left:3px solid rgba(100,181,246,.7);padding:12px 24px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.screen-title-red{font-size:52px;font-weight:700;color:#ef5350;text-shadow:0 0 20px #ef5350}.screen-title-green{font-size:52px;font-weight:700;color:#66bb6a;text-shadow:0 0 20px #66bb6a}.screen-title-yellow{font-size:48px;font-weight:700;color:#ffeb3b;text-shadow:0 0 18px #ffeb3b}.screen-score{font-size:26px;color:#fff;letter-spacing:.05em}.btn-primary{padding:13px 44px;font-size:18px;font-family:Courier New,monospace;font-weight:700;letter-spacing:.12em;background:transparent;color:#fff;border:2px solid rgba(100,181,246,.8);border-radius:16px;cursor:pointer;transition:all .2s ease;pointer-events:all;text-shadow:0 0 8px rgba(255,255,255,.4);box-shadow:0 0 12px #64b5f633,inset 0 0 12px #64b5f60d}.btn-primary:hover{background:#64b5f626;border-color:#90caf9;box-shadow:0 0 24px #64b5f680,inset 0 0 16px #64b5f61a;color:#e3f2fd}.levelup-overlay{background:transparent;pointer-events:none}.levelup-overlay p{font-size:20px;color:#ffffffe6;text-shadow:0 0 12px rgba(0,0,0,.9)}.name-input{background:#ffffff14;border:1px solid rgba(255,255,255,.35);border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:16px;padding:8px 16px;text-align:center;outline:none;width:220px;pointer-events:all}.name-input::placeholder{color:#ffffff4d}.name-input:focus{border-color:#ffffffb3}.btn-secondary{opacity:.6;font-size:14px!important;padding:8px 24px!important}.btn-secondary:hover{opacity:1}#screen-start-ranking{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#ffffff80;text-align:left;min-height:20px;max-height:360px;overflow-y:auto;width:100%;max-width:540px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ranking-label{font-size:11px;letter-spacing:.2em;color:#64b5f6b3;text-align:center;width:100%;max-width:340px;text-transform:uppercase;padding-bottom:2px;border-bottom:1px solid rgba(100,181,246,.18);margin-bottom:-8px}.end-badges{font-size:28px;letter-spacing:.1em;min-height:32px}.end-rank{font-size:16px;color:#ffffffa6;letter-spacing:.05em;margin:0}.end-ranking{display:flex;flex-direction:column;gap:4px;width:100%;max-width:420px}.rank-row{padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.rank-line1{display:flex;align-items:center;gap:10px;font-size:14px}.rank-num{color:#ffffff80;min-width:36px}.rank-name{flex:1;color:#fff}.rank-score{color:#64b5f6;font-weight:700}.rank-line2{font-size:18px;padding-left:46px;min-height:22px}.rank-highlight{border-color:#64b5f699;background:#64b5f61f}.rank-gold{border-color:#ffd70080;background:#ffd70014;animation:sparkle-gold 1.8s ease-in-out infinite}.rank-gold .rank-num,.rank-gold .rank-name,.rank-gold .rank-score{color:gold}.rank-silver{border-color:#c0c0c080;background:#c0c0c012;animation:sparkle-silver 2.2s ease-in-out infinite}.rank-silver .rank-num,.rank-silver .rank-name,.rank-silver .rank-score{color:silver}.rank-bronze{border-color:#cd7f3280;background:#cd7f3212;animation:sparkle-bronze 2.5s ease-in-out infinite}.rank-bronze .rank-num,.rank-bronze .rank-name,.rank-bronze .rank-score{color:#cd7f32}@keyframes sparkle-gold{0%{box-shadow:0 0 #ffd70000}30%{box-shadow:0 0 14px #ffd700cc;text-shadow:0 0 8px rgba(255,215,0,.9)}80%{box-shadow:0 0 20px #ffd700e6;text-shadow:0 0 12px #ffd700}to{box-shadow:0 0 #ffd70000}}@keyframes sparkle-silver{0%{box-shadow:0 0 #c0c0c000}40%{box-shadow:0 0 10px #c0c0c0b3;text-shadow:0 0 6px #c0c0c0}to{box-shadow:0 0 #c0c0c000}}@keyframes sparkle-bronze{0%{box-shadow:0 0 #cd7f3200}35%{box-shadow:0 0 8px #cd7f32a6;text-shadow:0 0 5px #cd7f32}to{box-shadow:0 0 #cd7f3200}}#minimap-container{background:#000000bf;border:1px solid rgba(255,255,255,.25);border-radius:4px;overflow:hidden;width:100%;box-sizing:border-box}#minimap-label{font-size:9px;letter-spacing:.15em;color:#ffffff73;text-align:center;padding:2px 0 1px}#minimap-canvas{display:block}#mission-panel{display:flex;flex-direction:column;gap:10px;width:100%;pointer-events:none}.mission-card{background:#0009;border:1px solid rgba(100,181,246,.35);border-radius:9px;padding:7px 10px;color:#e0f7fa;font-family:Courier New,monospace;font-size:13px;width:100%;box-sizing:border-box}.mission-badge{margin-right:6px}.mission-count{float:right;color:#b0bec5;font-size:12px}.mission-desc{display:block;margin-bottom:5px}.mission-bar-wrap{background:#ffffff1a;border-radius:3px;height:6px;margin-top:5px;clear:both}.mission-bar-fill{background:#64b5f6;border-radius:3px;height:6px;transition:width .2s ease}