*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1a0f0a;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;user-select:none;-webkit-user-select:none}#game-container{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.panel{position:absolute;background:#160d08b8;border:1px solid rgba(255,138,60,.45);border-radius:8px;padding:8px 12px;color:#f5e6d3;backdrop-filter:blur(3px);box-shadow:0 2px 10px #00000059}.panel-label{font-size:11px;color:#ffab6e;letter-spacing:2px;margin-bottom:4px}.hud-top-left{top:14px;left:14px;min-width:190px}.minimap-panel{top:96px;left:14px;padding:5px}#minimap-canvas{display:block;border-radius:6px;background:#100a06d9}.hud-top-right{top:14px;right:14px;min-width:170px}.hud-top-center{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.hud-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-bottom-left{bottom:14px;left:14px;font-size:12px;line-height:1.65;color:#d9c4a8}.hud-bottom-right{bottom:14px;right:14px;min-width:210px}.hud-bottom-center{bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;font-size:13px;color:#ffd9a8}.hp-bar{width:100%;height:14px;background:#00000073;border-radius:7px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff5a3d,#ff9d3d);border-radius:7px;transition:width .15s ease-out}.hp-num{margin-top:3px;font-size:13px;color:#ffe3c4;text-align:right}.mat-row{display:flex;align-items:center;gap:6px;font-size:13px;padding:2px 0}.mat-icon{width:12px;height:12px;border-radius:3px;display:inline-block;flex:none}.mat-icon.scrap{background:#b98a5c;border:1px solid #e6b98a}.mat-icon.crystal{background:#4fd2ff;border:1px solid #b8f2ff;box-shadow:0 0 6px #4fd2ffcc}.mat-count{margin-left:auto;font-weight:700;color:#ffd9a8}.region-wrap{display:flex;align-items:center;gap:6px;background:#160d08b8;border:1px solid rgba(255,138,60,.45);border-radius:12px;padding:3px 14px}.region-icon{color:#ff8c3c;font-size:10px}.region-name{font-size:14px;color:#ffe3c4;letter-spacing:2px}.compass{position:relative;width:220px;height:34px;overflow:hidden;background:#160d08b8;border:1px solid rgba(255,138,60,.45);border-radius:17px}.compass-strip{position:absolute;top:0;left:0;height:100%;width:2400px;will-change:transform}.compass-tick{position:absolute;top:0;width:1px;height:100%;background:#ffd6a040}.compass-tick.major{width:2px;background:#ffd6a099}.compass-label{position:absolute;top:1px;font-size:11px;color:#ffc98a;font-weight:700;transform:translate(-50%)}.compass-arrow{position:absolute;top:2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #ffd23f;filter:drop-shadow(0 0 3px rgba(255,210,63,.8))}.crosshair-dot{width:6px;height:6px;border-radius:50%;background:#ffebc8d9;box-shadow:0 0 6px #ffc878e6}.ammo-rows{display:flex;flex-direction:column;gap:3px}.ammo-row{display:flex;flex-direction:column;padding:3px 6px;border-radius:5px;border:1px solid transparent}.ammo-row.selected{border-color:#ffd23fb3;background:#ffd23f1f}.ammo-row-main{display:flex;align-items:center;gap:6px;font-size:13px}.ammo-row-sub{font-size:11px;color:#ffb066;padding-left:34px}.shell-hotkey{width:18px;height:18px;border-radius:4px;background:#0006;border:1px solid rgba(255,255,255,.25);color:#ffe9c9;font-size:11px;display:flex;align-items:center;justify-content:center;flex:none}.shell-dot{width:10px;height:10px;border-radius:50%;flex:none}.shell-name{color:#f0dcbe}.ammo-count{margin-left:auto;font-weight:700;color:#ffd9a8}.chamber-row{display:flex;justify-content:space-between;margin-top:6px;padding-top:5px;border-top:1px dashed rgba(255,160,90,.3);font-size:13px;color:#d9c4a8}.chamber-state{font-weight:700;color:#ffd23f}.chamber-state.empty{color:#9b8a74}.reload-wrap{margin-top:4px;height:6px}.reload-bar-bg{width:100%;height:6px;background:#00000073;border-radius:3px;overflow:hidden}.reload-bar{height:100%;width:0%;background:linear-gradient(90deg,#3fa9ff,#8fe0ff);transition:width .05s linear}.ammo-total{margin-top:4px;font-size:12px;color:#b9a488;text-align:right}.ball-value{font-weight:700;color:#ffd23f}.ball-sep{color:#ffffff40}.notifications{position:absolute;top:70px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.notification{background:#160d08d1;border:1px solid rgba(255,138,60,.5);border-radius:6px;padding:5px 16px;font-size:14px;color:#ffe9c9;letter-spacing:1px;transition:opacity .4s ease-out,transform .4s ease-out}.notification.success{border-color:#82dc5ab3;color:#c8f5a8}.notification.warn{border-color:#ffd23fb3;color:#ffe08a}.notification.danger{border-color:#ff503ccc;color:#ffb0a0}.notification.info{border-color:#3fa9ffb3;color:#a8dcff}.damage-flash{position:absolute;inset:0;pointer-events:none;z-index:15;background:radial-gradient(ellipse at center,transparent 35%,rgba(255,45,25,.55));opacity:0;transition:opacity .1s}.overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0a05038c}.overlay.hidden{display:none!important}.overlay-panel{background:#180e09eb;border:1px solid rgba(255,138,60,.55);border-radius:12px;padding:18px 22px;color:#f5e6d3;box-shadow:0 6px 30px #0009}.overlay-title{text-align:center;font-size:20px;letter-spacing:3px;color:#ffab6e;margin-bottom:12px}.overlay-hint{margin-top:12px;text-align:center;font-size:12px;color:#a08c74}.upgrade-panel{width:640px;max-height:88vh;display:flex;flex-direction:column}.menu-mats{display:flex;gap:20px;justify-content:center;margin-bottom:10px}.tabs{display:flex;gap:8px;margin-bottom:10px}.tab-btn{flex:1;padding:8px 0;background:#ff8a3c1f;border:1px solid rgba(255,138,60,.4);border-radius:6px;color:#e8c9a5;font-size:15px;letter-spacing:2px;cursor:pointer}.tab-btn:hover{background:#ff8a3c38}.tab-btn.active{background:#ff8a3c59;border-color:#ff8c3c;color:#ffe9c9}.upgrade-list{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding-right:4px}.upgrade-item{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,138,60,.25);border-radius:8px;padding:8px 12px}.upgrade-info{flex:1;min-width:0}.upgrade-name{font-size:15px;color:#ffe3c4}.upgrade-level{font-size:12px;color:#ffd23f;margin-left:6px}.upgrade-desc{font-size:12px;color:#c0a888;margin-top:2px}.upgrade-cost{font-size:12px;margin-top:2px;display:flex;gap:10px}.cost-scrap{color:#e6b98a}.cost-crystal{color:#8fe0ff}.cost-ok{font-weight:700}.cost-lack{color:#ff7a6a}.upgrade-btn{flex:none;padding:8px 14px;border-radius:6px;border:1px solid #ffd23f;background:#ffd23f2e;color:#ffd23f;font-size:14px;letter-spacing:1px;cursor:pointer}.upgrade-btn:hover{background:#ffd23f52}.upgrade-btn:disabled{border-color:#96826e66;background:#96826e26;color:#8a7660;cursor:not-allowed}.upgrade-max{flex:none;font-size:13px;color:#8fe0ff}.map-panel{display:flex;flex-direction:column;align-items:center}#map-canvas{border:1px solid rgba(255,138,60,.4);border-radius:6px;background:#140c07;max-width:80vw;max-height:74vh}.death-panel{text-align:center;padding:30px 50px;background:#180806e6;border:1px solid rgba(255,70,50,.7);border-radius:12px}.death-title{font-size:42px;color:#ff4a3d;letter-spacing:10px;margin-bottom:8px}.death-sub{font-size:14px;color:#c89a8a;margin-bottom:14px}.death-bar-bg{width:260px;height:8px;background:#00000080;border-radius:4px;overflow:hidden}.death-bar{height:100%;width:0%;background:linear-gradient(90deg,#ff4a3d,#ff9d3d)}.start-panel{text-align:center;padding:36px 56px;background:#180e09e6;border:1px solid rgba(255,138,60,.6);border-radius:14px;box-shadow:0 8px 40px #000000b3}.start-title{font-size:38px;letter-spacing:8px;color:#ffab6e;margin-bottom:10px}.start-sub{font-size:16px;color:#ffd23f;margin-bottom:18px}.start-keys{font-size:14px;line-height:2;color:#d9c4a8}