*{margin:0;padding:0;box-sizing:border-box}:root{--mars: #ff7a3c;--mars-dim: #c25a35;--panel-bg: rgba(20, 10, 8, .62);--panel-border: rgba(255, 122, 60, .35);--blue: #4fc3ff;--yellow: #ffd23c;--red: #ff4b3c;--text: #ffe9d8}html,body{width:100%;height:100%;overflow:hidden;background:#1a0c08;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:var(--text);user-select:none}#app{position:relative;width:100vw;height:100vh}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.panel{position:absolute;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:8px 12px;backdrop-filter:blur(2px)}.panel.small{font-size:12px;line-height:1.7;color:#f5c9a8}#hp-panel{top:14px;left:14px;min-width:174px}.hp-label{font-size:13px;margin-bottom:4px}#hp-bar{width:150px;height:12px;background:#0000008c;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}#hp-fill{height:100%;width:100%;background:#58d658;transition:width .15s}#radar{display:block;margin-top:8px;border-radius:6px;background:#00000073;border:1px solid var(--panel-border)}#materials-panel{top:14px;right:14px;font-size:14px}.mat-row{display:flex;align-items:center;gap:6px;padding:2px 0}.mat-row b{color:var(--yellow);margin-left:auto;padding-left:14px}.mat-icon{width:14px;height:14px;display:inline-block;border-radius:3px}.icon-scrap{background:linear-gradient(135deg,#9aa3ad,#5c6670)}.icon-crystal{background:linear-gradient(135deg,#7fe7ff,#2a7fd4);transform:rotate(45deg);border-radius:2px}#compass-panel{position:absolute;top:10px;left:50%;transform:translate(-50%);text-align:center}#compass{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px}#region-name{font-size:13px;color:var(--mars);text-shadow:0 1px 2px #000;margin-top:3px;letter-spacing:2px}#crosshair{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);pointer-events:none;opacity:.9}#crosshair i{position:absolute;background:#fff;box-shadow:0 0 3px #000}#crosshair i:nth-child(1){left:12px;top:0;width:2px;height:7px}#crosshair i:nth-child(2){left:12px;bottom:0;width:2px;height:7px}#crosshair i:nth-child(3){top:12px;left:0;height:2px;width:7px}#crosshair i:nth-child(4){top:12px;right:0;height:2px;width:7px}#controls-panel{left:14px;bottom:14px}#ammo-panel{right:14px;bottom:14px;min-width:230px;font-size:13px}.ammo-title{font-weight:700;margin-bottom:4px;color:var(--mars)}.ammo-title span{color:var(--yellow);float:right}.ammo-row{display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:4px;opacity:.75}.ammo-row.selected{background:#ff7a3c38;opacity:1;outline:1px solid var(--panel-border)}.ammo-row em{font-style:normal;color:#ffb37a;font-size:11px;flex:1}.ammo-row b{color:var(--yellow)}.ammo-row .key{background:#ffffff1f;border-radius:3px;padding:0 5px;font-size:11px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-he{background:#ff8a32}.dot-shock{background:#4fc3ff}.dot-cluster{background:#d86bff}#chamber-line{margin-top:5px;font-size:12px;color:#f5c9a8}#reload-bar-wrap{margin-top:4px;height:6px;background:#00000080;border-radius:3px;overflow:hidden}#reload-bar{height:100%;width:0%;background:var(--yellow)}#fire-params{left:50%;bottom:14px;transform:translate(-50%);text-align:center;min-width:240px}#fire-params b{color:var(--blue)}#notifications{position:absolute;top:84px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.notification{background:#140a08c7;border:1px solid var(--panel-border);padding:4px 14px;border-radius:14px;font-size:13px;animation:notif-in .18s ease-out}.notification.hit{border-color:#ffd23c99;color:var(--yellow)}.notification.warn{border-color:#ff4b3c99;color:#ff9c8c}.notification.fade{opacity:0;transition:opacity .5s}@keyframes notif-in{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}#hurt-vignette{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(255,30,10,.55) 100%);transition:opacity .12s}#death-banner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#50000059;pointer-events:none}.death-title{font-size:52px;color:var(--red);text-shadow:0 0 18px rgba(255,0,0,.6);letter-spacing:8px}.death-sub{font-size:16px;margin-top:10px;color:#ffd0c0}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f0604b8;z-index:40;cursor:pointer}.title-box,.pause-box{text-align:center}.title-box h1{font-size:56px;letter-spacing:14px;color:var(--mars);text-shadow:0 0 24px rgba(255,110,40,.5)}.subtitle{margin-top:8px;color:#ffc9a0;letter-spacing:6px}.title-help{margin-top:34px;font-size:15px;line-height:2}.title-help p:first-child{color:var(--yellow);animation:blink 1.4s infinite}.dim{color:#c99b7c;font-size:13px}@keyframes blink{50%{opacity:.35}}.pause-box h2{font-size:34px;color:var(--yellow);letter-spacing:6px}.pause-box p{margin-top:10px;color:#e8b48f}.fullscreen-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0403d1;z-index:50}.menu-box{width:720px;max-width:94vw;max-height:92vh;background:#1c0e0af5;border:1px solid var(--panel-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.menu-head{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--panel-border)}.menu-head h2{font-size:18px;color:var(--mars);flex:1}.menu-mats{display:flex;align-items:center;gap:6px;font-size:14px}.menu-mats b{color:var(--yellow);margin-right:10px}.btn-close{background:#ff7a3c26;border:1px solid var(--panel-border);color:var(--text);padding:5px 14px;border-radius:6px;cursor:pointer;font-size:13px}.btn-close:hover{background:#ff7a3c4d}.menu-tabs{display:flex;border-bottom:1px solid var(--panel-border)}.tab{flex:1;padding:10px;background:transparent;border:none;color:#c99b7c;font-size:14px;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--yellow);border-bottom-color:var(--mars);background:#ff7a3c14}.menu-body{padding:12px 18px;overflow-y:auto}.up-item{display:flex;align-items:center;gap:14px;padding:10px 8px;border-bottom:1px dashed rgba(255,122,60,.18)}.up-info{flex:1}.up-name{font-size:14px;color:var(--text)}.up-name .lv-pips{margin-left:8px;letter-spacing:2px;color:var(--mars);font-size:12px}.up-desc{font-size:12px;color:#c99b7c;margin-top:3px}.up-cost{font-size:12px;min-width:130px;text-align:right;color:#e8b48f}.up-cost b{color:var(--yellow)}.up-btn{padding:6px 16px;border-radius:6px;border:1px solid var(--panel-border);background:#ff7a3c33;color:var(--text);cursor:pointer;font-size:13px;white-space:nowrap}.up-btn:hover:not(:disabled){background:#ff7a3c61}.up-btn:disabled{opacity:.38;cursor:not-allowed}.up-btn.maxed{background:#5ac85a26;border-color:#78ff784d;color:#a8e8a8}.map-box{width:860px}.map-body{display:flex;gap:18px}#bigmap{background:#200a06;border:1px solid var(--panel-border);border-radius:8px}.map-legend{font-size:13px;line-height:2}.lg{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px}.lg-camp{background:#7ec8ff}.lg-plain{background:#e88a4a}.lg-crater{background:#b0482e}.lg-canyon{background:#8a4a6a}.lg-mine{background:#ffd23c}.danger-btn{margin-top:14px;background:#ff3c281f;border:1px solid rgba(255,80,60,.4);color:#ff9c8c;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:12px}.danger-btn:hover{background:#ff3c2840}