:root{--bg-void: #030508;--bg-hud: rgba(4, 12, 24, .82);--bg-hud-solid: #081018;--hud-border: rgba(0, 220, 255, .25);--hud-glow: rgba(0, 220, 255, .45);--text-hud: #c8e8f8;--text-dim: #5a7a90;--text-bright: #eef8ff;--hp: #ff3d5a;--mp: #c85ae0;--sp: #3d9eff;--energy: #ffd040;--ok: #3dffa0;--warn: #ff9040;--danger: #ff3050;--font-hud: "Orbitron", sans-serif;--font-body: "Noto Sans SC", sans-serif;--font-data: "Share Tech Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg-void);color:var(--text-hud);font-family:var(--font-body);cursor:default;-webkit-user-select:none;user-select:none}#app{height:100vh}.title-screen{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-void)}.title-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(60,20,120,.35) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 70% 20%,rgba(0,100,160,.2) 0%,transparent 50%),var(--bg-void)}.title-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 50% 10%,rgba(200,230,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 70% 40%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 90% 70%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(2px 2px at 20% 80%,rgba(180,220,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 80% 15%,rgba(255,255,255,.4) 0%,transparent 100%);animation:starDrift 60s linear infinite}.title-planet{position:absolute;bottom:-15%;left:50%;transform:translate(-50%);width:70vmin;height:70vmin;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(100,200,255,.3) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(40,120,200,.4) 0%,transparent 40%),linear-gradient(160deg,#1a3060,#0a2040 40%,#102848,#081830);box-shadow:0 0 80px #3ca0ff4d,0 0 200px #2864c826,inset -20px -20px 60px #00000080;animation:planetFloat 8s ease-in-out infinite}.title-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none}.title-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%);pointer-events:none}.title-content{position:relative;z-index:2;text-align:center;animation:titleReveal 1.5s ease-out}.title-logo{font-family:var(--font-hud);font-size:clamp(2.5rem,8vw,5rem);font-weight:900;letter-spacing:.35em;color:var(--text-bright);text-shadow:0 0 40px rgba(0,220,255,.5),0 0 80px rgba(0,150,255,.2);margin-bottom:.2em}.title-en{font-family:var(--font-hud);font-size:.9rem;letter-spacing:1.2em;color:var(--hud-glow);margin-bottom:2.5rem;opacity:.7}.title-tagline{font-size:.85rem;color:var(--text-dim);max-width:420px;margin:0 auto 3rem;line-height:1.9;letter-spacing:.05em}.title-menu{display:flex;flex-direction:column;align-items:center;gap:.8rem}.game-btn{font-family:var(--font-hud);font-size:.75rem;font-weight:600;letter-spacing:.25em;padding:.9rem 2.8rem;background:transparent;border:1px solid var(--hud-border);color:var(--hud-glow);cursor:pointer;position:relative;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:all .2s}.game-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,220,255,.08),transparent);opacity:0;transition:opacity .2s}.game-btn:hover{border-color:var(--hud-glow);color:var(--text-bright);box-shadow:0 0 20px #00dcff33,inset 0 0 20px #00dcff0d}.game-btn:hover:before{opacity:1}.game-btn-primary{background:#00b4ff1f;border-color:var(--hud-glow);color:var(--text-bright)}.game-btn-sm{padding:.5rem 1.2rem;font-size:.65rem;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.game-btn-icon{width:2.4rem;height:2.4rem;padding:0;display:flex;align-items:center;justify-content:center;font-size:1rem;clip-path:none;border-radius:2px}.setup-screen{height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg-void);overflow:hidden}.setup-header{padding:1.5rem 2rem;border-bottom:1px solid var(--hud-border);display:flex;align-items:center;justify-content:space-between}.setup-header h1{font-family:var(--font-hud);font-size:1rem;letter-spacing:.4em;color:var(--hud-glow)}.setup-step{font-family:var(--font-data);font-size:.7rem;color:var(--text-dim)}.setup-body{display:grid;grid-template-columns:240px 1fr 280px;overflow:hidden}.setup-sidebar{border-right:1px solid var(--hud-border);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.setup-label{font-family:var(--font-hud);font-size:.6rem;letter-spacing:.3em;color:var(--text-dim);margin-bottom:.8rem}.squad-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.squad-btn{aspect-ratio:1;background:#00dcff0d;border:1px solid var(--hud-border);color:var(--text-dim);font-family:var(--font-hud);font-size:1rem;cursor:pointer;transition:all .2s}.squad-btn.active,.squad-btn:hover{border-color:var(--hud-glow);color:var(--hud-glow);background:#00dcff26;box-shadow:0 0 12px #00dcff33}.setup-main{padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.operator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.operator-card{position:relative;padding:1.5rem 1.2rem;background:#00142899;border:1px solid var(--hud-border);cursor:pointer;transition:all .25s;overflow:hidden}.operator-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--hud-glow);transform:scaleX(0);transition:transform .25s}.operator-card:hover{border-color:#00dcff80;background:#00285066}.operator-card.selected{border-color:var(--hud-glow);background:#003c6459;box-shadow:0 0 30px #00dcff26,inset 0 0 30px #00dcff0d}.operator-card.selected:after{transform:scaleX(1)}.operator-portrait{font-size:2.5rem;margin-bottom:.8rem;filter:drop-shadow(0 0 8px rgba(0,220,255,.3))}.operator-name{font-family:var(--font-hud);font-size:.85rem;letter-spacing:.15em;color:var(--text-bright);margin-bottom:.4rem}.operator-class{font-family:var(--font-data);font-size:.65rem;color:var(--hud-glow);margin-bottom:.6rem}.operator-bio{font-size:.75rem;color:var(--text-dim);line-height:1.6}.setup-missions{border-left:1px solid var(--hud-border);padding:1.5rem;overflow-y:auto;max-height:85vh}.inv-use-btn{display:block;margin-top:.25rem;padding:.15rem .4rem;font-size:.6rem;font-family:var(--font-hud);background:#3dffa026;border:1px solid var(--ok);color:var(--ok);cursor:pointer}.inv-use-btn:hover{background:#3dffa04d}.consumable-hint{margin-top:.75rem;font-size:.7rem;color:var(--text-dim)}.mission-option{padding:1rem;margin-bottom:.6rem;border:1px solid var(--hud-border);background:#00142866;cursor:pointer;transition:all .2s}.mission-option:hover{border-color:#00dcff66}.mission-option.selected{border-color:var(--energy);background:#ffc83c14;box-shadow:inset 3px 0 0 var(--energy)}.mission-option h4{font-family:var(--font-hud);font-size:.7rem;letter-spacing:.1em;color:var(--energy);margin-bottom:.4rem}.mission-objective{font-size:.68rem;color:var(--ok);margin-top:.4rem;line-height:1.5}.setup-rules,.setup-stats-preview{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--hud-border)}.setup-rules-title{font-family:var(--font-data);font-size:.6rem;letter-spacing:.2em;color:var(--text-dim);margin-bottom:.6rem}.setup-rule{padding:.6rem .7rem;margin-bottom:.5rem;border:1px solid var(--hud-border);background:#0003}.setup-rule.win{border-color:#3dffa040}.setup-rule.lose{border-color:#ff3c5a40}.setup-rule-label{font-family:var(--font-data);font-size:.62rem;letter-spacing:.1em;color:var(--energy);display:block;margin-bottom:.3rem}.setup-rule p{font-size:.72rem;color:var(--text-dim);line-height:1.55;margin:0}.setup-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.setup-stat-card{padding:.5rem .6rem;border:1px solid var(--hud-border);background:#00000026}.setup-stat-icon{font-size:.9rem;margin-right:.3rem}.setup-stat-name{font-size:.72rem;color:var(--text-bright)}.setup-stat-desc{font-size:.62rem;color:var(--text-dim);line-height:1.45;margin:.3rem 0 0}.mission-option p{font-size:.72rem;color:var(--text-dim);line-height:1.5}.setup-footer{padding:1.2rem 2rem;border-top:1px solid var(--hud-border);display:flex;justify-content:space-between;align-items:center}.setup-summary{font-family:var(--font-data);font-size:.7rem;color:var(--text-dim)}.game-screen{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg-void)}.viewport{position:absolute;top:0;right:0;bottom:0;left:0}.world-sky,.world-ground{position:absolute;top:0;right:0;bottom:0;left:0;transition:background 1.2s ease}.world-ground{top:40%}.world-elements{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.world-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.scene-window{position:absolute;top:15%;left:20%;right:20%;bottom:30%;border:2px solid rgba(255,60,60,.3);background:#0000004d;box-shadow:inset 0 0 40px #ff00001a}.scene-planet{position:absolute;top:25%;left:35%;width:30%;height:30%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#4af,#148 60%,#024);box-shadow:0 0 40px #3ca0ff66}.scene-alert{position:absolute;top:10%;left:0;right:0;height:3px;background:var(--danger);animation:alertPulse 1s ease-in-out infinite}.scene-hills{position:absolute;bottom:25%;left:0;right:0;height:30%;background:radial-gradient(ellipse 60% 100% at 30% 100%,rgba(100,60,140,.6) 0%,transparent 70%),radial-gradient(ellipse 50% 80% at 70% 100%,rgba(80,40,120,.5) 0%,transparent 70%)}.scene-grass-glow{position:absolute;bottom:20%;left:0;right:0;height:15%;background:linear-gradient(0deg,rgba(100,255,180,.15) 0%,transparent 100%)}.scene-ocean{position:absolute;bottom:20%;left:0;right:0;height:35%;background:linear-gradient(180deg,#2878b499,#143c78cc)}.scene-waves{position:absolute;bottom:45%;left:0;right:0;height:5%;background:repeating-linear-gradient(90deg,transparent,rgba(255,255,255,.05) 20px,transparent 40px);animation:waveMove 4s linear infinite}.scene-fog{position:absolute;bottom:15%;left:0;right:0;height:50%;background:linear-gradient(0deg,rgba(40,80,60,.5) 0%,transparent 80%);animation:fogDrift 12s ease-in-out infinite}.scene-lilypads{position:absolute;bottom:22%;left:20%;width:60%;height:10%;background:radial-gradient(ellipse,rgba(60,140,80,.4) 0%,transparent 70%)}.scene-peaks{position:absolute;bottom:25%;left:0;right:0;height:40%;background:conic-gradient(from 180deg at 25% 100%,transparent 0deg,rgba(80,100,120,.7) 30deg,transparent 60deg),conic-gradient(from 180deg at 60% 100%,transparent 0deg,rgba(100,120,140,.8) 25deg,transparent 55deg),conic-gradient(from 180deg at 85% 100%,transparent 0deg,rgba(70,90,110,.6) 20deg,transparent 50deg)}.scene-trees{position:absolute;bottom:18%;left:0;right:0;height:45%;background:conic-gradient(from 180deg at 15% 100%,transparent,rgba(20,60,30,.9) 15deg,transparent 30deg),conic-gradient(from 180deg at 40% 100%,transparent,rgba(15,50,25,.9) 18deg,transparent 35deg),conic-gradient(from 180deg at 65% 100%,transparent,rgba(25,70,35,.9) 16deg,transparent 32deg),conic-gradient(from 180deg at 88% 100%,transparent,rgba(18,55,28,.9) 14deg,transparent 28deg)}.scene-canopy{position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(180deg,rgba(5,20,10,.9) 0%,transparent 100%)}.scene-stalactites{position:absolute;top:5%;left:10%;right:10%;height:30%;background:conic-gradient(from 0deg at 20% 0%,rgba(60,80,120,.6) 0deg,transparent 8deg),conic-gradient(from 0deg at 50% 0%,rgba(80,100,140,.5) 0deg,transparent 10deg),conic-gradient(from 0deg at 80% 0%,rgba(50,70,110,.6) 0deg,transparent 7deg)}.scene-cave-glow{position:absolute;bottom:30%;left:30%;width:40%;height:20%;background:radial-gradient(ellipse,rgba(60,180,255,.2) 0%,transparent 70%);animation:glowPulse 3s ease-in-out infinite}.scene-buildings{position:absolute;bottom:22%;left:10%;right:10%;height:30%;background:linear-gradient(0deg,#3c3246cc,#3c3246cc) 15% 100%/8% 60% no-repeat,linear-gradient(0deg,#322d41cc,#322d41cc) 35% 100%/12% 80% no-repeat,linear-gradient(0deg,#373044cc,#373044cc) 55% 100%/10% 50% no-repeat,linear-gradient(0deg,#302a3ccc,#302a3ccc) 75% 100%/14% 70% no-repeat}.scene-lights{position:absolute;bottom:50%;left:20%;right:20%;height:5%;background:radial-gradient(ellipse at 20% 50%,rgba(255,180,80,.6) 0%,transparent 40%),radial-gradient(ellipse at 60% 50%,rgba(255,160,60,.5) 0%,transparent 35%)}.scene-pillars{position:absolute;bottom:20%;left:15%;right:15%;height:40%;background:linear-gradient(0deg,#50463cb3,#50463cb3) 20% 100%/6% 90% no-repeat,linear-gradient(0deg,#463c32b3,#463c32b3) 80% 100%/6% 90% no-repeat}.scene-runes{position:absolute;top:30%;left:25%;right:25%;height:20%;border:1px solid rgba(255,200,100,.2);box-shadow:0 0 30px #ffb43c1a}.scene-energy-ring{position:absolute;top:30%;left:25%;width:50%;height:30%;border:2px solid rgba(150,80,255,.4);border-radius:50%;box-shadow:0 0 60px #9650ff33;animation:ringSpin 20s linear infinite}.scene-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 30%,white 0%,transparent 100%),radial-gradient(1px 1px at 60% 20%,white 0%,transparent 100%),radial-gradient(1.5px 1.5px at 80% 50%,rgba(200,180,255,.8) 0%,transparent 100%)}.particle{position:absolute;left:var(--x);top:var(--y);animation:particleFloat var(--d) ease-in-out infinite;animation-delay:calc(var(--i) * .3s)}.particle-firefly,.particle-spore{width:3px;height:3px;border-radius:50%;background:#96ffc8cc;box-shadow:0 0 6px #96ffc899}.particle-bubble{width:6px;height:6px;border-radius:50%;border:1px solid rgba(150,220,255,.4);background:#64c8ff1a}.particle-ember,.particle-star{width:2px;height:2px;background:#ffc864cc;border-radius:50%}.particle-crystal{width:4px;height:4px;background:#64c8ff99;transform:rotate(45deg)}.particle-dust,.particle-mist{width:20px;height:8px;background:#ffffff08;border-radius:50%}.visor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.visor-corner{position:absolute;width:60px;height:60px;border-color:var(--hud-border);border-style:solid;opacity:.6}.visor-tl{top:12px;left:12px;border-width:2px 0 0 2px}.visor-tr{top:12px;right:12px;border-width:2px 2px 0 0}.visor-bl{bottom:12px;left:12px;border-width:0 0 2px 2px}.visor-br{bottom:12px;right:12px;border-width:0 2px 2px 0}.visor-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px)}.visor-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}.visor-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;opacity:.15}.visor-crosshair:before,.visor-crosshair:after{content:"";position:absolute;background:var(--hud-glow)}.visor-crosshair:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.visor-crosshair:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.hud-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.hud-layer>*{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.2rem;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%)}.hud-location{font-family:var(--font-hud)}.hud-location-id{font-family:var(--font-data);font-size:.6rem;color:var(--text-dim);letter-spacing:.2em}.hud-location-name{font-size:.85rem;letter-spacing:.15em;color:var(--text-bright);margin-top:.2rem}.hud-location-zone{font-size:.6rem;color:var(--hud-glow);letter-spacing:.3em;margin-top:.15rem}.hud-phase{display:flex;align-items:center;gap:.35rem;margin-top:.5rem}.phase-dot{width:18px;height:18px;border:1px solid var(--hud-border);border-radius:50%;font-family:var(--font-data);font-size:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.phase-dot.active{border-color:var(--hud-glow);color:var(--hud-glow);box-shadow:0 0 10px #00dcff4d}.phase-dot.done{border-color:var(--ok);color:var(--ok);background:#3dffa01a}.phase-label{font-family:var(--font-hud);font-size:.55rem;letter-spacing:.15em;color:var(--hud-glow);margin-left:.3rem}.hud-stats{display:flex;gap:1rem;align-items:flex-start}.stat-bar-group{width:108px;cursor:help}.stat-bar-group.low .stat-bar-track{box-shadow:0 0 6px #ffb40066}.stat-bar-group.low .stat-bar-fill{animation:statPulse 1.5s ease-in-out infinite}.stat-bar-group.critical .stat-bar-track{box-shadow:0 0 8px #ff3c3c99}.stat-bar-group.critical .stat-bar-label{animation:statPulse .8s ease-in-out infinite}.stat-bar-group.stat-flash-down,.hud-resource.stat-flash-down{animation:statFlashDown .7s ease}.stat-bar-group.stat-flash-up,.hud-resource.stat-flash-up{animation:statFlashUp .7s ease}.stat-delta-float{position:absolute;right:0;top:-.1rem;font-family:var(--font-data);font-size:.75rem;font-weight:700;pointer-events:none;z-index:5;animation:statFloatUp 1.1s ease forwards}.stat-delta-float.up{color:var(--ok)}.stat-delta-float.down{color:var(--hp)}@keyframes statFlashDown{0%,to{box-shadow:none}30%{box-shadow:0 0 14px #ff3c5a8c}}@keyframes statFlashUp{0%,to{box-shadow:none}30%{box-shadow:0 0 14px #3dffa073}}@keyframes statFloatUp{0%{opacity:0;transform:translateY(6px) scale(.85)}20%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:0;transform:translateY(-18px) scale(1)}}@keyframes statPulse{0%,to{opacity:1}50%{opacity:.55}}.stat-bar-label{font-family:var(--font-data);font-size:.55rem;letter-spacing:.15em;margin-bottom:.2rem;display:flex;justify-content:space-between}.stat-bar-label.hp{color:var(--hp)}.stat-bar-label.morale{color:var(--mp)}.stat-bar-label.time{color:var(--sp)}.stat-bar-track{height:4px;background:#ffffff14;position:relative;overflow:hidden}.stat-bar-fill{height:100%;transition:width .4s ease}.stat-bar-fill.hp{background:linear-gradient(90deg,var(--hp),#ff7090);box-shadow:0 0 8px var(--hp)}.stat-bar-fill.morale{background:linear-gradient(90deg,var(--mp),#e090ff);box-shadow:0 0 8px var(--mp)}.stat-bar-fill.time{background:linear-gradient(90deg,var(--sp),#70c0ff);box-shadow:0 0 8px var(--sp)}.hud-resources{display:flex;flex-direction:column;gap:.3rem;align-items:flex-end}.hud-resource{font-family:var(--font-data);font-size:.65rem;color:var(--text-dim)}.hud-resource span{color:var(--energy)}.hud-resource.hud-cycle span{color:var(--text-dim)}.hud-quest{position:absolute;top:5.5rem;right:1.2rem;width:220px;background:var(--bg-hud);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.8rem;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.hud-quest-title{font-family:var(--font-hud);font-size:.55rem;letter-spacing:.3em;color:var(--energy);margin-bottom:.5rem}.hud-quest-name{font-size:.75rem;color:var(--text-bright);margin-bottom:.3rem}.hud-quest-obj{font-size:.65rem;color:var(--text-dim);line-height:1.5}.hud-quest-status{font-family:var(--font-data);font-size:.6rem;margin-top:.5rem;color:var(--hud-glow)}.hud-quest-tip{font-size:.62rem;color:var(--energy);line-height:1.5;margin:.4rem 0;padding:.4rem;background:#ffd0400f;border-left:2px solid var(--energy)}.hud-quest-status.done{color:var(--ok)}.hud-comms{position:absolute;top:5.5rem;left:1.2rem;width:180px}.comms-label{font-family:var(--font-hud);font-size:.55rem;letter-spacing:.3em;color:var(--text-dim);margin-bottom:.4rem}.comms-member{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;margin-bottom:.25rem;background:var(--bg-hud);border:1px solid var(--hud-border);font-size:.7rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.comms-member.active{border-color:var(--hud-glow);box-shadow:inset 2px 0 0 var(--hud-glow)}.comms-signal{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok);animation:signalPulse 2s ease-in-out infinite}.comms-member:not(.active) .comms-signal{background:var(--text-dim);box-shadow:none;animation:none}.comms-info{flex:1}.comms-name{color:var(--text-bright);font-size:.7rem}.comms-loc{font-family:var(--font-data);font-size:.55rem;color:var(--text-dim)}.hud-center-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(640px,88vw);z-index:25;pointer-events:auto;animation:centerReveal .45s ease-out}.hud-center-result:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0008148c;z-index:-1;pointer-events:none}.center-result-frame{background:#040e1ceb;border:1px solid var(--hud-border);padding:2rem 2.4rem 1.6rem;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 60px #00dcff1f,inset 0 0 40px #00dcff08;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.hud-center-result.success .center-result-frame{border-color:#3dffa073;box-shadow:0 0 50px #3dffa026,inset 0 0 30px #3dffa00a}.hud-center-result.fail .center-result-frame{border-color:#ff3c5a73;box-shadow:0 0 50px #ff3c5a1f,inset 0 0 30px #ff3c5a0a}.hud-center-result.story .center-result-frame{border-color:#ffd04073;box-shadow:0 0 50px #ffd0401f}.hud-center-result.story .center-result-tag{color:var(--energy)}.hud-center-result.arrive .center-result-frame{border-color:#00dcff80;box-shadow:0 0 50px #00dcff2e,inset 0 0 30px #00dcff0d}.center-result-tag{font-family:var(--font-data);font-size:.6rem;letter-spacing:.35em;color:var(--hud-glow);display:block;margin-bottom:.6rem}.hud-center-result.success .center-result-tag{color:var(--ok)}.hud-center-result.fail .center-result-tag{color:var(--hp)}.hud-center-result.arrive .center-result-tag{color:var(--hud-glow)}.center-result-title{font-family:var(--font-hud);font-size:1.5rem;letter-spacing:.12em;color:var(--text-bright);margin-bottom:1rem;text-shadow:0 0 30px rgba(0,220,255,.3)}.center-result-intro{font-size:.8rem;color:var(--text-dim);line-height:1.7;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.center-result-text{font-size:1.05rem;color:var(--text-hud);line-height:2;letter-spacing:.04em}.center-result-sub{font-family:var(--font-data);font-size:.72rem;color:var(--text-dim);margin-top:.8rem;font-style:italic}.center-result-effects{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.2rem}.effect-chip{font-family:var(--font-data);font-size:.68rem;padding:.35rem .8rem;border-radius:2px;letter-spacing:.05em}.effect-chip.gain{color:var(--ok);background:#3dffa01a;border:1px solid rgba(61,255,160,.35)}.effect-chip.penalty{color:var(--hp);background:#ff3c5a1a;border:1px solid rgba(255,60,90,.35)}.effect-chip-animate{animation:chipPop .45s cubic-bezier(.22,1,.36,1) backwards}.center-result-stat-delta{margin-top:1.2rem;text-align:center}.stat-delta-title{display:block;font-family:var(--font-data);font-size:.58rem;letter-spacing:.25em;color:var(--text-dim);margin-bottom:.6rem}.stat-delta-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.stat-change{font-family:var(--font-data);font-size:.85rem;padding:.4rem .9rem;border-radius:2px;animation:statChangePop .5s cubic-bezier(.22,1,.36,1) backwards}.stat-change.up{color:var(--ok);background:#3dffa01f;border:1px solid rgba(61,255,160,.4);box-shadow:0 0 12px #3dffa026}.stat-change.down{color:var(--hp);background:#ff3c5a1f;border:1px solid rgba(255,60,90,.4);box-shadow:0 0 12px #ff3c5a26}@keyframes chipPop{0%{opacity:0;transform:scale(.6) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes statChangePop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.center-result-discovery{margin-top:1.2rem;padding:.8rem 1rem;background:#ffd04014;border:1px solid rgba(255,208,64,.35);border-radius:3px;animation:discoveryReveal .6s cubic-bezier(.22,1,.36,1) backwards}.center-result-discovery.surprise{background:#ff90401f;border-color:#ff904080;box-shadow:0 0 24px #ff904033}.discovery-tag{display:block;font-family:var(--font-data);font-size:.6rem;letter-spacing:.2em;color:var(--energy);margin-bottom:.5rem}.discovery-card{display:flex;align-items:center;gap:.8rem}.discovery-icon{font-size:2rem;filter:drop-shadow(0 0 8px rgba(255,208,64,.4))}.discovery-name{display:block;font-family:var(--font-hud);font-size:1rem;color:var(--text-bright);letter-spacing:.05em}.discovery-desc{display:block;font-size:.75rem;color:var(--text-dim);margin-top:.2rem}@keyframes discoveryReveal{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.center-result-next{margin-top:1rem;padding:.6rem 1rem;background:#00dcff14;border:1px solid rgba(0,220,255,.2);font-size:.78rem;color:var(--hud-glow);text-align:left}.center-result-dismiss{margin-top:1.4rem;font-family:var(--font-data);font-size:.65rem;color:var(--text-dim);animation:blink 1.5s ease-in-out infinite}.hud-story-choice{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;pointer-events:auto}.story-choice-frame{max-width:640px;width:100%;padding:1.6rem 1.8rem;background:#000c18eb;border:1px solid rgba(255,208,64,.35);box-shadow:0 0 40px #ffd0401f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.story-choice-tag{font-family:var(--font-data);font-size:.6rem;letter-spacing:.25em;color:var(--energy)}.story-choice-title{margin:.5rem 0 1rem;font-family:var(--font-hud);font-size:1.35rem;color:var(--text-bright)}.story-choice-setup{font-size:.92rem;line-height:1.65;color:var(--text-main);margin-bottom:1.2rem}.story-choice-grid,.encounter-choice-grid{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}.story-choice-card,.encounter-choice-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.2rem .8rem;padding:.85rem 1rem;text-align:left;background:#00dcff0f;border:1px solid rgba(0,220,255,.25);color:var(--text-bright);cursor:pointer;transition:all .15s}.story-choice-card:hover,.encounter-choice-card:hover{border-color:var(--hud-glow);background:#00dcff1f;transform:translate(4px)}.choice-key{grid-row:1 / 3;align-self:center;font-family:var(--font-data);font-size:.75rem;padding:.35rem .5rem;background:#00dcff33;border-radius:2px}.choice-label{font-family:var(--font-hud);font-size:.95rem;letter-spacing:.05em}.choice-sub{font-size:.72rem;color:var(--text-dim)}.story-choice-hint{font-size:.72rem;color:var(--text-dim);margin-bottom:.8rem}.hud-center-result.encounter .center-result-frame{border-color:#c85ae066;box-shadow:0 0 30px #c85ae026}.hud-center-result.encounter .center-result-tag{color:var(--mp)}.journal-mysteries{margin:1rem 0}.mystery-thread{margin-bottom:.8rem;padding:.7rem;border:1px solid var(--hud-border);background:#0003}.mystery-thread.complete{border-color:#3dffa059}.mystery-header{display:flex;justify-content:space-between;margin-bottom:.4rem}.mystery-progress{font-family:var(--font-data);font-size:.65rem;color:var(--hud-glow)}.mystery-clues{list-style:none;padding:0;margin:0;font-size:.78rem}.mystery-clues .found{color:var(--ok)}.mystery-clues .missing{color:var(--text-dim)}.mystery-payoff{margin-top:.5rem;font-size:.78rem;color:var(--energy);font-style:italic}.journal-choice-entry{font-size:.75rem;color:var(--text-dim);padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.hud-action-picker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,92vw);z-index:24;pointer-events:auto}.picker-header{text-align:center;margin-bottom:1rem}.picker-title{font-family:var(--font-hud);font-size:1rem;letter-spacing:.2em;color:var(--text-bright);margin-bottom:.4rem}.picker-sub{font-size:.75rem;color:var(--text-dim);line-height:1.6}.picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}.picker-card-actions{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed rgba(155,125,219,.35)}.picker-card-title{font-family:var(--font-hud);font-size:.65rem;letter-spacing:.12em;color:#c8a8ff;margin-bottom:.6rem}.picker-card-sub{font-size:.55rem;color:var(--text-dim);letter-spacing:.05em}.picker-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.picker-card-action{border-left-color:#9b7ddb!important;background:#1e0f328c}.picker-card-action:hover{background:#321950a6;box-shadow:0 4px 20px #9b7ddb33}.picker-card{background:#040e1ce6;border:1px solid var(--hud-border);border-left:3px solid var(--action-color, var(--hud-glow));padding:1rem;text-align:left;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.picker-card:hover{border-color:var(--action-color, var(--hud-glow));background:#00285080;transform:translateY(-2px);box-shadow:0 4px 20px #00dcff26}.picker-key{font-family:var(--font-data);font-size:.55rem;color:var(--text-dim);float:right}.picker-icon{font-size:1.4rem;display:block;margin-bottom:.3rem}.picker-name{font-family:var(--font-hud);font-size:.8rem;color:var(--text-bright);display:block;margin-bottom:.25rem}.picker-purpose{font-size:.65rem;color:var(--text-dim);display:block;margin-bottom:.4rem}.picker-hint{font-size:.72rem;color:var(--text-hud);line-height:1.5;display:block}.picker-mission{display:block;margin-top:.4rem;font-size:.68rem;color:var(--energy);line-height:1.4}.picker-cost{display:block;margin-top:.5rem;font-family:var(--font-data);font-size:.6rem;color:var(--hud-glow)}.picker-ambient{text-align:center;margin-top:.8rem;font-size:.65rem;color:var(--text-dim);font-style:italic}.hud-action-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,90vw);z-index:26;pointer-events:auto;animation:centerReveal .3s ease-out}.hud-action-preview:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#000814a6;z-index:-1}.preview-frame{background:#040e1cf2;border:1px solid var(--hud-border);padding:2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.preview-tag{font-family:var(--font-data);font-size:.6rem;letter-spacing:.3em}.preview-title{font-family:var(--font-hud);font-size:1.4rem;color:var(--text-bright);margin:.5rem 0}.preview-purpose{font-size:.8rem;color:var(--text-dim);margin-bottom:1.2rem}.preview-section,.preview-mission{margin-bottom:1rem;text-align:left}.preview-label{font-family:var(--font-hud);font-size:.55rem;letter-spacing:.2em;color:var(--text-dim);display:block;margin-bottom:.3rem}.preview-hint{font-size:.9rem;color:var(--hud-glow);line-height:1.6}.preview-mission p{font-size:.85rem;color:var(--energy);line-height:1.5}.preview-intro{font-size:.82rem;color:var(--text-hud);line-height:1.7;padding-left:.8rem;border-left:2px solid var(--hud-border)}.preview-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.2rem 0;text-align:left}.preview-meta-item .preview-value{font-size:.75rem;color:var(--text-hud);display:block;margin-top:.2rem}.preview-value.risk{color:var(--hp)}.preview-actions{display:flex;gap:.8rem;justify-content:flex-end;margin-top:1rem}.tutorial-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:auto}.tutorial-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020812d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-tutorial{position:relative;width:min(580px,94vw);max-height:88vh;overflow-y:auto;z-index:1;pointer-events:auto}.tutorial-frame{background:#040e1ceb;border:1px solid var(--energy);padding:2rem;text-align:center;box-shadow:0 0 40px #ffd04026}.tutorial-tag{font-family:var(--font-data);font-size:.6rem;letter-spacing:.3em;color:var(--energy)}.tutorial-title{font-family:var(--font-hud);font-size:1.3rem;color:var(--text-bright);margin:.8rem 0}.tutorial-desc{font-size:.88rem;color:var(--text-hud);line-height:1.8;margin-bottom:1.2rem}.tutorial-steps{display:flex;flex-direction:column;gap:.3rem;text-align:left;margin-bottom:1rem}.tutorial-step{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;font-size:.75rem;color:var(--text-dim);border:1px solid transparent}.tutorial-step.active{color:var(--energy);border-color:#ffd0404d;background:#ffd0400f}.tutorial-step.done{color:var(--ok)}.tutorial-step-num{font-family:var(--font-data);width:20px;text-align:center}.tutorial-step-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:1rem 0 .8rem}.tutorial-step-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.45rem .5rem;background:#00000040;border:1px solid var(--hud-border);color:var(--text-dim);cursor:pointer;text-align:left;transition:border-color .2s,background .2s;font-family:inherit}.tutorial-step-btn:hover{border-color:#00dcff59;background:#00dcff0f}.tutorial-step-btn.active{border-color:var(--energy);background:#ffd0401a;color:var(--energy)}.tutorial-step-btn.done{border-color:#3dffa040;color:#3dffa0bf}.tutorial-step-btn-num{font-family:var(--font-data);font-size:.58rem;letter-spacing:.1em}.tutorial-step-btn-label{font-size:.62rem;line-height:1.3}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.6rem;padding-top:.8rem;border-top:1px solid var(--hud-border)}.tutorial-nav{display:flex;gap:.5rem}.tutorial-skip{color:var(--text-dim);border-color:var(--hud-border)}.tutorial-skip:hover{color:var(--text-hud);border-color:#fff3}.tutorial-stat-grid{display:flex;flex-direction:column;gap:.5rem;text-align:left;margin-bottom:1rem}.tutorial-stat-card{display:flex;gap:.7rem;padding:.55rem .7rem;border:1px solid var(--hud-border);background:#0003}.tutorial-stat-icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.tutorial-stat-name{font-size:.82rem;color:var(--text-bright);display:block;margin-bottom:.15rem}.tutorial-stat-desc{font-size:.72rem;color:var(--text-dim);line-height:1.5;margin:0}.tutorial-rules{display:flex;flex-direction:column;gap:.5rem;text-align:left;margin-bottom:1rem}.tutorial-rule{padding:.6rem .75rem;border:1px solid var(--hud-border);background:#0003}.tutorial-rule.win{border-color:#3dffa04d}.tutorial-rule.lose{border-color:#ff3c5a4d}.tutorial-rule.loop{border-color:#00dcff40}.tutorial-rule-label{font-family:var(--font-data);font-size:.65rem;letter-spacing:.08em;color:var(--energy);display:block;margin-bottom:.35rem}.tutorial-rule p{font-size:.76rem;color:var(--text-hud);line-height:1.55;margin:0}.hud-quest-rules{margin:.5rem 0;display:flex;flex-direction:column;gap:.35rem}.quest-rule{font-size:.68rem;line-height:1.45;color:var(--text-dim)}.quest-rule.win{color:#3dffa0d9}.quest-rule.lose{color:#ff788cd9}.quest-rule strong{font-weight:400;color:var(--text-hud)}.hud-center-travel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,85vw);text-align:center;pointer-events:none}.travel-title{font-family:var(--font-hud);font-size:1rem;letter-spacing:.15em;color:var(--hud-glow);margin-bottom:.8rem}.travel-desc{font-size:.82rem;color:var(--text-hud);line-height:1.8}.check-hint{font-size:.72rem;color:var(--text-dim);margin-bottom:.8rem;line-height:1.5;padding:.5rem;background:#00dcff0d;border-left:2px solid var(--hud-border)}.hud-center-ambient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,85vw);text-align:center;pointer-events:none;padding:1rem}.ambient-text{font-size:.95rem;color:#c8e8f8bf;line-height:2;letter-spacing:.04em;text-shadow:0 2px 20px rgba(0,0,0,.8)}.ambient-atmo{font-family:var(--font-data);font-size:.68rem;color:#5a7a90cc;margin-top:.6rem;font-style:italic}.hud-keyhints-prompt{border-color:#00dcff80;box-shadow:0 0 24px #00dcff33}.hud-keyhints{position:absolute;bottom:6.2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:.55rem 1.2rem;background:#040e1ce0;border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);z-index:22}.keyhints-group{display:flex;align-items:center;gap:.6rem}.keyhints-title{font-family:var(--font-hud);font-size:.5rem;letter-spacing:.2em;color:var(--text-dim);margin-right:.2rem}.keyhints-divider{width:1px;height:24px;background:var(--hud-border)}.keyhint{display:flex;align-items:center;gap:.35rem}.keyhint.disabled{opacity:.25}.keyhint-label{font-size:.68rem;color:var(--text-hud);white-space:nowrap}.key-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;font-family:var(--font-data);font-size:.62rem;font-weight:600;color:var(--text-bright);background:#00dcff1f;border:1px solid rgba(0,220,255,.4);border-radius:3px;box-shadow:0 0 8px #00dcff26}.hud-card-dock{position:absolute;bottom:1rem;left:1rem;display:flex;gap:.35rem;align-items:flex-end;padding:.35rem .5rem;background:#140828bf;border:1px solid rgba(155,125,219,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:42vw;overflow-x:auto}.dock-label{font-size:.85rem;opacity:.7;align-self:center;margin-right:.15rem}.dock-card{position:relative;min-width:52px;height:56px;padding:.25rem .35rem;background:#28143ccc;border:1px solid rgba(155,125,219,.45);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;transition:all .15s}.dock-card:hover:not(:disabled){border-color:#c8a8ff;transform:translateY(-3px);box-shadow:0 4px 16px #9b7ddb40}.dock-card:disabled{opacity:.35;cursor:not-allowed}.dock-card.from-reserve{border-style:dashed;opacity:.92}.dock-icon{font-size:1.1rem}.dock-name{font-size:.45rem;color:var(--text-dim)}.dock-action{font-family:var(--font-hud);font-size:.5rem;color:#c8a8ff;letter-spacing:.05em}.dock-multi{position:absolute;top:2px;right:4px;font-size:.45rem;color:var(--text-dim)}.dock-reserve-btn{min-width:40px;height:56px;background:#00dcff14;border:1px dashed var(--hud-border);color:var(--hud-glow);font-family:var(--font-data);font-size:.7rem;cursor:pointer}.dock-reserve-btn:hover{background:#00dcff26;border-color:var(--hud-glow)}.card-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;display:flex;align-items:center;justify-content:center}.card-menu-panel{background:var(--bg-hud-solid);border:1px solid rgba(155,125,219,.5);padding:1rem;min-width:220px;box-shadow:0 8px 40px #00000080}.card-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-family:var(--font-hud);font-size:.75rem;color:#c8a8ff}.card-menu-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1rem}.card-menu-actions{display:flex;flex-direction:column;gap:.4rem}.card-menu-btn{text-align:left;padding:.6rem .75rem;background:#28143c99;border:1px solid var(--action-color, #9b7ddb);border-left-width:3px;cursor:pointer;transition:background .15s}.card-menu-btn:hover{background:#3c1e5acc}.card-menu-label{display:block;font-family:var(--font-hud);font-size:.7rem;color:var(--text-bright)}.card-menu-type{font-size:.65rem;color:var(--text-dim)}.discovery-quick{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.discovery-quick-btn{padding:.4rem .75rem;font-family:var(--font-hud);font-size:.6rem;letter-spacing:.08em;background:#3dffa01f;border:1px solid var(--ok);color:var(--ok);cursor:pointer}.discovery-quick-btn.card{background:#9b7ddb26;border-color:#9b7ddb;color:#c8a8ff}.discovery-quick-btn.muted{background:transparent;border-color:var(--hud-border);color:var(--text-dim)}.inv-hint{font-size:.7rem;color:var(--text-dim);margin-bottom:.75rem}.inv-slot-equip{cursor:pointer;border-style:dashed!important}.inv-slot-equip:hover{border-color:var(--hud-glow)!important}.inv-empty-label{font-size:1.2rem;color:var(--text-dim)}.inv-slot-reserve{cursor:pointer}.inv-slot-reserve:hover{border-color:var(--hud-glow)}.inv-action-btn,.inv-unequip-btn{display:block;margin-top:.2rem;padding:.1rem .3rem;font-size:.55rem;font-family:var(--font-hud);cursor:pointer;border:1px solid var(--hud-border);background:#00142880;color:var(--text-hud)}.inv-action-btn{border-color:#9b7ddb;color:#c8a8ff}.inv-unequip-btn{color:var(--text-dim)}.hud-hotbar{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem;align-items:flex-end}.hotbar-slot{position:relative;width:64px;height:64px;background:var(--bg-hud);border:1px solid var(--hud-border);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;transition:all .15s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hotbar-slot:hover:not(:disabled){border-color:var(--hud-glow);transform:translateY(-4px);box-shadow:0 4px 20px #00dcff33}.hotbar-slot:disabled{opacity:.3;cursor:not-allowed}.hotbar-slot .slot-key{position:absolute;top:3px;left:5px;font-family:var(--font-data);font-size:.55rem;color:var(--text-bright);background:#00dcff26;border:1px solid rgba(0,220,255,.35);padding:1px 4px;border-radius:2px}.hotbar-slot .slot-icon{font-size:1.3rem}.hotbar-slot .slot-name{font-family:var(--font-hud);font-size:.45rem;letter-spacing:.1em;color:var(--text-dim)}.hotbar-slot[data-action=move]{border-bottom:2px solid var(--sp)}.hotbar-slot[data-action=look]{border-bottom:2px solid var(--ok)}.hotbar-slot[data-action=engage]{border-bottom:2px solid var(--energy)}.hotbar-slot[data-action=help]{border-bottom:2px solid var(--mp)}.hotbar-slot[data-action=overpower]{border-bottom:2px solid var(--hp)}.hotbar-slot[data-action=take]{border-bottom:2px solid var(--warn)}.hotbar-slot[data-action=create]{border-bottom:2px solid #9b7ddb}.comms-share-btn{display:block;margin-top:.35rem;padding:.25rem .5rem;font-size:.6rem;background:#3dffa01a;border:1px solid rgba(61,255,160,.35);color:var(--ok);cursor:pointer}.hud-dice-pool{font-size:.7rem}.hotbar-bonus{position:absolute;top:-4px;right:-4px;font-family:var(--font-data);font-size:.5rem;background:var(--energy);color:#000;padding:1px 4px;border-radius:2px}.hotbar-slot.specialty{border-color:#ffd04099;box-shadow:0 0 12px #ffd04026}.hotbar-specialty{position:absolute;bottom:2px;right:4px;font-size:.55rem}.picker-card.specialty{border-color:#ffd04080;box-shadow:inset 0 0 20px #ffd04014}.specialty-badge{font-size:.65rem;color:var(--energy);font-family:var(--font-data)}.hud-powers{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:#000810bf;border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.powers-label{font-family:var(--font-data);font-size:.55rem;letter-spacing:.15em;color:var(--text-dim);white-space:nowrap}.power-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:#00dcff14;border:1px solid rgba(0,220,255,.3);color:var(--text-bright);cursor:pointer;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.08em;transition:all .15s}.power-btn:hover:not(:disabled){border-color:var(--hud-glow);background:#00dcff26;transform:translateY(-2px)}.power-btn:disabled{opacity:.35;cursor:not-allowed}.power-btn.disabled-cost:not(:disabled){opacity:.55}.power-key{font-family:var(--font-data);font-size:.5rem;padding:1px 4px;background:#00dcff33;border-radius:2px}.power-cost{color:var(--energy);font-family:var(--font-data);font-size:.55rem}.hud-nav{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.nav-arrow{position:absolute;pointer-events:auto;background:var(--bg-hud);border:1px solid var(--hud-border);color:var(--hud-glow);font-family:var(--font-hud);font-size:.6rem;letter-spacing:.08em;padding:.5rem .8rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s;animation:navPulse 2s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;gap:.15rem;max-width:7rem;text-align:center;line-height:1.3}.nav-dir{font-size:.65rem;letter-spacing:.15em}.nav-dest{font-size:.55rem;color:var(--text-dim);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:6.5rem}.nav-arrow:hover:not(:disabled){border-color:var(--hud-glow);background:#00dcff26;box-shadow:0 0 20px #00dcff33}.nav-arrow:disabled{opacity:.2;cursor:not-allowed;animation:none}.nav-n{top:18%;left:50%;transform:translate(-50%)}.nav-s{bottom:28%;left:50%;transform:translate(-50%)}.nav-e{top:45%;right:8%}.nav-w{top:45%;left:8%}.hud-system{position:absolute;bottom:1.2rem;right:1.2rem;display:flex;gap:.4rem}.hud-radar{position:absolute;bottom:1.2rem;left:1.2rem;width:80px;height:80px;border:1px solid var(--hud-border);border-radius:50%;background:var(--bg-hud);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,220,255,.15) 30deg,transparent 60deg);animation:radarSpin 4s linear infinite}.radar-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:var(--hud-glow);border-radius:50%}.radar-count{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-family:var(--font-data);font-size:.45rem;color:var(--text-dim)}.check-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00050fd9;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.check-panel{width:min(520px,90vw);max-height:90vh;overflow-y:auto}.check-panel-wide{width:min(640px,94vw);background:var(--bg-hud-solid);border:1px solid var(--hud-border);padding:2rem;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));animation:checkReveal .4s ease-out}.check-header{font-family:var(--font-hud);font-size:.7rem;letter-spacing:.5em;color:var(--hud-glow);margin-bottom:.5rem}.check-title{font-family:var(--font-hud);font-size:1.2rem;color:var(--text-bright);letter-spacing:.2em;margin-bottom:1rem}.check-intro{font-size:.85rem;color:var(--text-dim);line-height:1.7;margin-bottom:1.5rem;padding-left:.8rem;border-left:2px solid var(--hud-border)}.check-results{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.5rem}.check-node{width:56px;height:56px;border:1px solid var(--hud-border);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-data);font-size:.55rem;position:relative;animation:nodeReveal .3s ease-out backwards}.check-node.blank{border-color:var(--text-dim);color:var(--text-dim)}.check-node.health{border-color:var(--hp);color:var(--hp);box-shadow:0 0 12px #ff3c5a4d}.check-node.morale{border-color:var(--mp);color:var(--mp);box-shadow:0 0 12px #c85ae04d}.check-node.time{border-color:var(--sp);color:var(--sp);box-shadow:0 0 12px #3d9eff4d}.check-node.skill{border-color:var(--energy);color:var(--energy);box-shadow:0 0 12px #ffd0404d}.check-node .node-icon{font-size:1.2rem}.check-node .node-label{margin-top:.1rem}.check-hint{font-size:.72rem;color:var(--text-dim);line-height:1.55;margin-bottom:.8rem}.check-penalty-preview{padding:.55rem .75rem;margin-bottom:1rem;border:1px solid var(--hud-border);font-size:.78rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.check-penalty-preview.safe{border-color:#3dffa04d;color:var(--ok)}.check-penalty-preview.danger{border-color:#ff3c5a59;color:var(--hp)}.check-boost{font-size:.68rem;color:var(--energy)}.check-section{margin-bottom:1rem}.check-section-label{display:block;font-family:var(--font-data);font-size:.58rem;letter-spacing:.12em;color:var(--text-dim);margin-bottom:.45rem}.check-dice-tray{display:flex;flex-wrap:wrap;gap:.5rem}.check-die{width:58px;height:58px;border:1px solid var(--hud-border);background:#0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;font-family:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}.check-die.selected{border-color:var(--energy);box-shadow:0 0 12px #ffd04059}.check-die.placed{opacity:.45;cursor:default}.die-reroll{position:absolute;top:-4px;right:-4px;font-size:.65rem;background:var(--bg-hud-solid);border:1px solid var(--energy);border-radius:50%;width:18px;height:18px;line-height:16px;cursor:pointer}.check-all-placed{font-size:.75rem;color:var(--ok)}.check-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.45rem}.check-slot{padding:.45rem .55rem;border:1px solid var(--hud-border);background:#00000040;text-align:left;cursor:pointer;font-family:inherit;color:var(--text-hud);transition:border-color .15s}.check-slot.compatible{border-color:var(--energy);background:#ffd04014}.check-slot.filled{border-color:var(--ok);opacity:.85;cursor:default}.slot-type{font-size:.9rem;margin-right:.25rem}.slot-name{font-size:.68rem;display:block;color:var(--text-bright)}.slot-out{font-size:.58rem;color:var(--text-dim)}.slot-hint{font-size:.55rem;color:var(--text-dim);display:block;margin-top:.15rem}.slot-die{font-size:.85rem;color:var(--ok);display:block;margin-top:.2rem}.check-equip-hint{font-size:.72rem;color:var(--text-dim);grid-column:1 / -1;line-height:1.5}.comms-meetup{font-size:.65rem;color:var(--ok);padding:.35rem .5rem;margin-bottom:.4rem;border:1px solid rgba(61,255,160,.3);background:#3dffa00f}.comms-member.nearby{border-color:#3dffa059}.overlay-panel-wide{width:min(820px,94vw)}.star-map{position:relative;width:100%;aspect-ratio:10 / 11;background:#000a1999;border:1px solid var(--hud-border);margin:1rem 0}.map-node{position:absolute;left:calc(var(--mx) / var(--map-cols) * 100%);top:calc(var(--my) / var(--map-rows) * 100%);transform:translate(-50%,-50%);text-align:center;min-width:2.2rem}.map-node-dot{display:block;width:10px;height:10px;border-radius:50%;margin:0 auto;background:#333;border:1px solid #555}.map-node.visited .map-node-dot{background:var(--mc);border-color:var(--mc);box-shadow:0 0 6px var(--mc)}.map-node.current .map-node-dot{width:14px;height:14px;animation:mapPulse 1.5s ease-in-out infinite;box-shadow:0 0 12px var(--hud-glow)}.map-node-label{font-size:.48rem;color:var(--text-dim);display:block;margin-top:.1rem}.map-node-you{font-size:.5rem;color:var(--hud-glow);display:block}.map-node-team{font-size:.48rem;color:var(--ok)}.map-legend{font-size:.72rem;color:var(--text-dim);line-height:1.5}.map-mission-progress{font-size:.78rem;color:var(--text-hud);padding:.6rem;border:1px solid var(--hud-border)}.journal-chapters,.journal-clues,.journal-log{margin-top:1.2rem}.journal-chapter{padding:.6rem;margin-bottom:.5rem;border-left:2px solid var(--energy);background:#ffd0400d}.journal-chapter p{font-size:.78rem;color:var(--text-dim);margin:.3rem 0 0;line-height:1.5}.clue-chips{display:flex;flex-wrap:wrap;gap:.35rem}.clue-chip{font-size:.62rem;padding:.2rem .5rem;border:1px solid var(--hud-border);color:var(--hud-glow)}@keyframes mapPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.check-actions{display:flex;gap:.8rem;justify-content:flex-end}.overlay-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00050fe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;animation:fadeIn .2s ease}.overlay-panel{margin:auto;width:min(720px,92vw);max-height:80vh;background:var(--bg-hud-solid);border:1px solid var(--hud-border);display:flex;flex-direction:column;overflow:hidden;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.overlay-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--hud-border)}.overlay-header h2{font-family:var(--font-hud);font-size:.8rem;letter-spacing:.4em;color:var(--hud-glow)}.overlay-body{padding:1.5rem;overflow-y:auto;flex:1}.overlay-close{background:none;border:1px solid var(--hud-border);color:var(--text-dim);width:28px;height:28px;cursor:pointer;font-size:.8rem;transition:all .2s}.overlay-close:hover{border-color:var(--hp);color:var(--hp)}.inventory-layout{display:grid;grid-template-columns:1fr 200px;gap:1.5rem}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:220px}.inv-slot{aspect-ratio:1;background:#00142880;border:1px solid var(--hud-border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;transition:all .15s;cursor:default}.inv-slot:hover:not(.empty){border-color:var(--hud-glow);background:#003c644d}.inv-slot.empty{opacity:.3}.inv-slot.character-slot{border-color:var(--energy);background:#ffc83c14}.inv-item-name{font-size:.5rem;color:var(--text-dim);text-align:center;line-height:1.2;margin-top:2px}.inv-item-icon{font-size:1rem;opacity:.7}.inv-detail h3{font-family:var(--font-hud);font-size:.75rem;color:var(--text-bright);margin-bottom:.5rem}.inv-detail p{font-size:.72rem;color:var(--text-dim);line-height:1.6}.skill-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.skill-chip{font-family:var(--font-data);font-size:.65rem;padding:.3rem .7rem;border:1px solid var(--hud-border);color:var(--hud-glow);background:#00dcff0d}.reserve-section{margin-top:1.5rem}.reserve-section h4{font-family:var(--font-hud);font-size:.6rem;letter-spacing:.2em;color:var(--text-dim);margin-bottom:.6rem}.reserve-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.journal-entry{padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.78rem;color:var(--text-dim);line-height:1.6}.journal-entry:last-child{color:var(--text-hud);border-bottom:none}.journal-entry:before{content:">";font-family:var(--font-data);color:var(--hud-glow);margin-right:.5rem}.destiny-list{margin-top:1.5rem}.destiny-item{padding:.8rem;margin-bottom:.5rem;border:1px solid var(--hud-border);background:#0014284d}.destiny-item h4{font-family:var(--font-hud);font-size:.65rem;color:var(--energy);margin-bottom:.3rem}.destiny-item p{font-size:.72rem;color:var(--text-dim)}.cinematic-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .5s ease}.cinematic-bars{position:absolute;left:0;right:0;height:12%;background:#000;z-index:2}.cinematic-bars.top{top:0}.cinematic-bars.bottom{bottom:0}.cinematic-content{position:relative;z-index:3;padding:3rem 4rem 18%;max-width:800px}.cinematic-title{font-family:var(--font-hud);font-size:.7rem;letter-spacing:.5em;color:var(--hud-glow);margin-bottom:1rem}.cinematic-text{font-size:1rem;color:var(--text-hud);line-height:2;letter-spacing:.05em}.cinematic-continue{margin-top:2rem;font-family:var(--font-data);font-size:.65rem;color:var(--text-dim);animation:blink 1.5s ease-in-out infinite}.end-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--bg-void);position:relative;overflow:hidden}.end-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(0,100,200,.1) 0%,transparent 60%)}.end-result{position:relative;z-index:1;animation:titleReveal 1s ease-out}.end-label{font-family:var(--font-hud);font-size:.7rem;letter-spacing:.6em;color:var(--text-dim);margin-bottom:1rem}.end-title{font-family:var(--font-hud);font-size:clamp(2rem,6vw,3.5rem);font-weight:900;letter-spacing:.2em;margin-bottom:1.5rem}.end-victory .end-title{color:var(--energy);text-shadow:0 0 60px rgba(255,200,60,.4)}.end-defeat .end-title{color:var(--hp);text-shadow:0 0 60px rgba(255,60,90,.3)}.end-desc{font-size:.9rem;color:var(--text-dim);max-width:440px;line-height:1.9;margin-bottom:.5rem}.end-stats{font-family:var(--font-data);font-size:.7rem;color:var(--text-dim);margin-bottom:2.5rem}@keyframes centerReveal{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes starDrift{0%{transform:translateY(0)}to{transform:translateY(-20px)}}@keyframes planetFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes alertPulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-40px)}}@keyframes fogDrift{0%,to{opacity:.5}50%{opacity:.8}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-15px) scale(1.2);opacity:1}}@keyframes signalPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes navPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes nodeReveal{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes feedSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--hud-border)}@media(max-width:900px){.setup-body{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.setup-sidebar,.setup-missions{border:none;border-bottom:1px solid var(--hud-border)}.operator-grid{grid-template-columns:repeat(2,1fr)}.hud-quest{display:none}.hud-comms{width:140px}.hotbar-slot{width:52px;height:52px}.inventory-layout{grid-template-columns:1fr}.hud-keyhints{flex-wrap:wrap;justify-content:center;max-width:95vw;bottom:5.5rem;gap:.5rem;padding:.5rem .8rem}.keyhints-divider{display:none}.center-result-title{font-size:1.2rem}.center-result-text{font-size:.92rem}}