:root{--color-bg: #0a0c12;--color-bg-glass: rgba(10, 12, 18, .85);--color-bg-panel: rgba(8, 10, 16, .6);--color-gold: #f4a400;--color-white: #ffffff;--color-text: #e0e0e0;--color-text-dim: #aaaaaa;--color-text-muted: #777777;--color-accent: #4af;--color-danger: #ff4444;--color-success: #4f4;--color-border: rgba(255, 255, 255, .08);--color-hover: rgba(255, 255, 255, .05);--color-player: #4a7a2e;--color-boss: #c8a82e;--color-credits: #f0c040;--color-text-warm: #b0a890;--color-text-parchment: #e8e4d9;--font-display: "Rajdhani", "Segoe UI", Arial, sans-serif;--font-title: "futura-pt-condensed", sans-serif;--font-mono: "Courier New", monospace;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 16px;--font-size-lg: 18px;--header-height: 48px;--panel-max-width: 900px;--panel-padding: 40px;--section-gap: 32px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-panel: .15s ease-out;--blur-header: blur(12px);--blur-panel: blur(12px);--z-hud: 10;--z-panel: 50;--z-header: 100;--z-crosshair: 1000;--bracket-size: 14px;--bracket-thickness: 1px;--bracket-color: rgba(244, 164, 0, .55);--bracket-color-accent: rgba(68, 170, 255, .55);--bracket-color-dim: rgba(255, 255, 255, .2);--scan-line-color: rgba(244, 164, 0, .04);--scan-line-gap: 3px;--scan-lines: repeating-linear-gradient( to bottom, transparent 0, transparent 2px, rgba(244, 164, 0, .04) 2px, rgba(244, 164, 0, .04) 3px );--scan-lines-strong: repeating-linear-gradient( to bottom, transparent 0, transparent 2px, rgba(244, 164, 0, .08) 2px, rgba(244, 164, 0, .08) 3px );--glow-gold: 0 0 18px rgba(244, 164, 0, .35);--glow-gold-soft: 0 0 10px rgba(244, 164, 0, .18);--glow-accent: 0 0 18px rgba(68, 170, 255, .35);--glow-danger: 0 0 18px rgba(255, 68, 68, .35);--ease-out-tactical: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg)}#game-canvas{display:block;width:100%;height:100%}.hidden{display:none!important}@media(max-width:768px){:root{--panel-padding: 24px;--section-gap: 24px}.header-tabs button{padding:0 10px;font-size:11px;letter-spacing:1px}.header-divider{margin:0 12px}#menu-header{padding:0 16px}.play-hero h1{font-size:52px}.play-hero .cta{font-size:22px}.play-stats{grid-template-columns:1fr;gap:16px}.setting-row input[type=range]{width:140px}}@media(max-width:480px){:root{--panel-padding: 16px}.header-tabs button{padding:0 6px;font-size:10px;letter-spacing:.5px}.header-logo{font-size:16px}.play-hero h1{font-size:36px;letter-spacing:-1px}.play-hero .cta,.play-hero .subtitle{font-size:18px}.about-title{font-size:36px}.header-stats{gap:16px}.header-stat-value{font-size:14px}}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:var(--font-mono);color:var(--color-white);z-index:var(--z-hud)}#hud-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}#hud-center .level-title{font-size:56px;font-family:var(--font-title);font-weight:700;font-style:italic;color:var(--color-gold);text-shadow:0 0 20px var(--color-gold);letter-spacing:-2px}#hud-stat-bars{position:absolute;top:calc(var(--header-height) + 16px);right:30px;padding:14px 18px;display:flex;flex-direction:column;gap:11px;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;background:var(--scan-lines),linear-gradient(135deg,#080c148c,#080c1440);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.stat-bracket{position:absolute;width:10px;height:10px;border:solid rgba(220,230,240,.35);border-width:0;pointer-events:none}.stat-bracket.tl{top:0;left:0;border-top-width:1px;border-left-width:1px}.stat-bracket.tr{top:0;right:0;border-top-width:1px;border-right-width:1px}.stat-bracket.bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.stat-bracket.br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.stat-row{display:grid;grid-template-columns:18px 1fr 32px;align-items:center;gap:12px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7))}.stat-icon{width:18px;height:18px;flex-shrink:0;filter:drop-shadow(0 0 3px currentColor)}.stat-health .stat-icon{fill:#f56;color:#ff506466}.stat-armor .stat-icon{fill:#6ed4f0;color:#5ec8e866}.stat-energy .stat-icon{fill:#fc4;color:#ffc83c66}.stat-track{position:relative;width:170px;height:6px;background:#080a10d9;border:1px solid rgba(255,255,255,.1);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);overflow:hidden}.stat-ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stat-ticks i{position:absolute;top:0;bottom:0;width:1px;background:#ffffff2e}.stat-ticks i:nth-child(1){left:25%}.stat-ticks i:nth-child(2){left:50%}.stat-ticks i:nth-child(3){left:75%}.stat-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(1);transition:transform .4s cubic-bezier(.4,0,.2,1)}#stat-health-fill{background:linear-gradient(90deg,#8a141e,#d8222f 30%,#f56 70%,#ff8090)}#stat-armor-fill{background:linear-gradient(90deg,#16678f,#2d9bc8 30%,#6ed4f0 70%,#9be4f8)}#stat-energy-fill{background:linear-gradient(90deg,#936014,#d09a1c 30%,#fc4 70%,#ffe080)}.stat-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);width:30%;transform:translate(-100%);animation:stat-shimmer 5s linear infinite;pointer-events:none}.stat-armor .stat-shimmer{animation-delay:1.6s}.stat-energy .stat-shimmer{animation-delay:3.2s}@keyframes stat-shimmer{0%{transform:translate(-100%)}60%{transform:translate(600%)}to{transform:translate(600%)}}.stat-health .stat-track{filter:drop-shadow(0 0 5px rgba(255,60,80,.45))}.stat-armor .stat-track{filter:drop-shadow(0 0 5px rgba(94,200,232,.45))}.stat-energy .stat-track{filter:drop-shadow(0 0 5px rgba(255,200,60,.45))}.stat-value{font-size:13px;font-weight:600;color:#e8f0f8eb;text-align:right;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}.stat-health.low #stat-health-fill{animation:stat-pulse .85s ease-in-out infinite}.stat-health.low .stat-value{color:#f56;animation:stat-pulse .85s ease-in-out infinite}.stat-health.low .stat-icon{animation:stat-pulse .85s ease-in-out infinite}@keyframes stat-pulse{0%,to{opacity:1}50%{opacity:.5}}.stat-energy.active #stat-energy-fill{background:linear-gradient(90deg,#0e7a3a,#1abf52 30%,#4f8 70%,#8fa)}.stat-energy.active .stat-icon{fill:#4f8;color:#4f89}.stat-energy.active .stat-track{filter:drop-shadow(0 0 7px rgba(68,255,136,.7))}.stat-energy.active .stat-value{color:#8fa}.stat-energy.depleted #stat-energy-fill{background:linear-gradient(90deg,#4a2a08,#6a3e10);opacity:.55}.stat-energy.depleted .stat-icon{fill:#6a4818;filter:none}.stat-energy.depleted .stat-value{color:#966e3c99}#room-announce{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:150;font-family:var(--font-title);font-size:42px;font-weight:700;font-style:italic;letter-spacing:-1px;color:var(--color-gold);text-shadow:0 0 20px var(--color-gold);opacity:0;transition:opacity .3s;pointer-events:none}#room-announce.visible{opacity:1}#ch{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--z-crosshair);--c: rgba(255, 255, 255, .55);--g: 5px}#ch.crosshair-targeting{--c: rgba(255, 70, 70, .9);--g: 2px}#ch b{position:absolute;background:var(--c);transition:background .1s,top .1s,bottom .1s,left .1s,right .1s}#ch .crosshair-vertical{width:1.5px;height:8px;left:-.75px}#ch .crosshair-horizontal{height:1.5px;width:8px;top:-.75px}#ch .crosshair-up{bottom:var(--g)}#ch .crosshair-down{top:var(--g)}#ch .crosshair-left{right:var(--g)}#ch .crosshair-right{left:var(--g)}#ch i{position:absolute;width:2px;height:2px;background:var(--c);border-radius:50%;top:-1px;left:-1px;transition:background .1s}#menu-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:linear-gradient(180deg,#080a10f0,#080a10c7);backdrop-filter:var(--blur-header);-webkit-backdrop-filter:var(--blur-header);z-index:var(--z-header);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 28px;pointer-events:auto;transition:opacity var(--transition-normal);animation:header-enter .6s var(--ease-out-tactical) both}#menu-header:before{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(244,164,0,.7) 50%,transparent 100%);box-shadow:0 0 12px #f4a40073;transform:translate(-50%);pointer-events:none;animation:header-border-draw .9s .15s var(--ease-out-tactical) both}#menu-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(244,164,0,.03) 2px,rgba(244,164,0,.03) 3px);mix-blend-mode:screen;pointer-events:none;opacity:.7}@keyframes header-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes header-border-draw{0%{width:0;opacity:0}60%{opacity:1}to{width:100%;opacity:1}}.header-logo{position:relative;font-family:var(--font-title);font-weight:700;font-style:italic;font-size:22px;color:var(--color-gold);letter-spacing:-1px;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 12px rgba(244,164,0,.18);cursor:pointer;transition:color var(--transition-fast),text-shadow var(--transition-fast),transform var(--transition-fast);z-index:1;animation:logo-rise .7s .2s var(--ease-out-tactical) both}.header-logo:hover{color:var(--color-white);text-shadow:0 0 16px rgba(244,164,0,.45)}@keyframes logo-rise{0%{opacity:0;transform:translateY(8px) scale(.96);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.logo-back{display:inline-block;position:relative;width:0;height:11px;margin-right:0;top:-1px;vertical-align:baseline;overflow:hidden;opacity:0;pointer-events:none;transition:width .42s var(--ease-out-tactical),margin-right .42s var(--ease-out-tactical),opacity .28s .05s ease}.logo-back:before,.logo-back:after{content:"";position:absolute;left:0;width:100%;height:1px;background:var(--color-gold)}.logo-back:before{top:0;box-shadow:0 5px 0 var(--color-gold)}.logo-back:after{top:10px}.gameplay .logo-back{width:15px;margin-right:12px;opacity:.5}.gameplay .header-logo:hover .logo-back{opacity:1}.header-divider{width:1px;height:20px;background:var(--color-border);margin:0 24px;flex-shrink:0;position:relative;z-index:1;animation:divider-grow .5s .3s var(--ease-out-tactical) both}@keyframes divider-grow{0%{height:0;opacity:0}to{height:20px;opacity:1}}.header-nav-stack{position:relative;display:grid;grid-template-areas:"stack";flex:1;height:100%;align-items:stretch;z-index:1;min-width:0}.header-nav-stack>.header-tabs,.header-nav-stack>.header-stats{grid-area:stack}.header-tabs{position:relative;display:flex;height:100%;align-items:stretch;z-index:1;opacity:1;visibility:visible;transform:translate(0);pointer-events:auto;transition:opacity .28s ease,transform .4s var(--ease-out-tactical),visibility .28s linear}#menu-header.gameplay .header-tabs{opacity:0;visibility:hidden;transform:translate(-14px);pointer-events:none;transition:opacity .22s ease,transform .32s var(--ease-out-tactical),visibility 0s .22s linear}.header-tabs button{position:relative;background:none;border:none;outline:none;color:var(--color-text-dim);font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:13px;letter-spacing:1.8px;text-transform:uppercase;padding:0 18px;cursor:pointer;transition:color .2s ease,text-shadow .2s ease,transform .2s ease;display:flex;align-items:center}.header-tabs button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(244,164,0,.08) 100%);opacity:0;transition:opacity .25s ease;pointer-events:none}.header-tabs button:after{content:"";position:absolute;bottom:-1px;left:50%;width:0;height:2px;background:#ffffff2e;transform:translate(-50%);transition:width .25s ease,background .25s ease}.header-tabs button:hover{color:var(--color-text);text-shadow:0 0 12px rgba(244,164,0,.35)}.header-tabs button:hover:before{opacity:1}.header-tabs button:hover:after{width:calc(100% - 36px)}.header-tabs button.active{color:var(--color-gold);text-shadow:0 0 14px rgba(244,164,0,.5)}.header-tabs button.active:after{display:none}.tab-indicator{position:absolute;bottom:-1px;left:0;height:2px;width:var(--w, 0);transform:translate(var(--x, 0));background:var(--color-gold);box-shadow:0 0 10px #f4a40099,0 0 18px #f4a40059;pointer-events:none;transition:transform .4s var(--ease-out-tactical),width .4s var(--ease-out-tactical),opacity .25s ease;opacity:1}.tab-indicator:before{content:"";position:absolute;left:50%;top:-8px;width:60%;height:8px;transform:translate(-50%);background:linear-gradient(180deg,transparent 0%,rgba(244,164,0,.18) 100%);pointer-events:none}.tab-indicator.no-active{opacity:0}.tab-indicator.no-transition{transition:none}.tabs-stagger button{animation:tab-stagger-in .6s var(--ease-out-tactical) both;opacity:0}.tabs-stagger button:nth-child(1){animation-delay:.3s}.tabs-stagger button:nth-child(2){animation-delay:.36s}.tabs-stagger button:nth-child(3){animation-delay:.42s}.tabs-stagger button:nth-child(4){animation-delay:.48s}.tabs-stagger button:nth-child(5){animation-delay:.54s}.tabs-stagger button:nth-child(6){animation-delay:.6s}.tabs-stagger button:nth-child(n+7){animation-delay:.66s}@keyframes tab-stagger-in{0%{opacity:0;transform:translateY(-10px);filter:blur(2px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.fade-in{opacity:1;pointer-events:auto;transition:opacity var(--transition-normal)}.fade-out{opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.header-stats{display:flex;gap:24px;height:100%;align-items:center;padding:0 24px;position:relative;z-index:1;opacity:0;visibility:hidden;transform:translate(14px);pointer-events:none;transition:opacity .28s ease,transform .4s var(--ease-out-tactical),visibility 0s .28s linear}#menu-header.gameplay .header-stats{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto;transition:opacity .32s .18s ease,transform .45s .18s var(--ease-out-tactical),visibility 0s .18s linear}#menu-header.gameplay .header-stats .header-stat{animation:stat-stagger-in .5s var(--ease-out-tactical) both}#menu-header.gameplay .header-stats .header-stat:nth-child(1){animation-delay:.22s}#menu-header.gameplay .header-stats .header-stat:nth-child(2){animation-delay:.3s}#menu-header.gameplay .header-stats .header-stat:nth-child(3){animation-delay:.38s}#menu-header.gameplay .header-stats .header-stat:nth-child(4){animation-delay:.46s}@keyframes stat-stagger-in{0%{opacity:0;transform:translateY(-6px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.header-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.header-stat-label{font-family:var(--font-display);font-size:10px;font-weight:var(--font-weight-medium);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-dim)}.header-stat-value{font-family:var(--font-display);font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:1px}.header-currency{display:flex;gap:20px;height:100%;align-items:center;margin-left:auto;padding-left:20px;border-left:1px solid var(--color-border);position:relative;z-index:1;animation:currency-slide .6s .4s var(--ease-out-tactical) both}@keyframes currency-slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.header-stat-label.credits,.header-stat-value.credits{color:var(--color-credits)}.header-stat-label.alloy,.header-stat-value.alloy{color:var(--color-accent)}#menu-header.gameplay{opacity:.7;pointer-events:none}#menu-header.gameplay .header-logo{pointer-events:auto}#menu-header.gameplay:hover{opacity:1}@media(prefers-reduced-motion:reduce){#menu-header,#menu-header:before,.header-logo,.header-divider,.header-currency,.tabs-stagger button,#menu-header.gameplay .header-stats .header-stat{animation:none;opacity:1;transform:none}.header-tabs,#menu-header.gameplay .header-tabs,.header-stats,#menu-header.gameplay .header-stats,.logo-back{transition:none}}#panel-overlay{position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100% - var(--header-height));background:var(--color-bg-panel);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);z-index:var(--z-panel);display:flex;justify-content:center;overflow-y:auto;opacity:0;transform:translateY(8px);transition:opacity var(--transition-normal),transform var(--transition-normal);pointer-events:none}#panel-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--scan-line-gap) - 1px),var(--scan-line-color) calc(var(--scan-line-gap) - 1px),var(--scan-line-color) var(--scan-line-gap));mix-blend-mode:screen;opacity:.6;z-index:0}#panel-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(244,164,0,.05) 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(68,170,255,.04) 0%,transparent 60%);z-index:0}#panel-overlay.visible{opacity:1;transform:translateY(0);pointer-events:auto}#panel-content{position:relative;z-index:1;width:100%;max-width:var(--panel-max-width);padding:var(--panel-padding);font-family:var(--font-display);color:var(--color-text);transition:opacity var(--transition-panel)}#panel-content:has(.armory-grid),#panel-content:has(.intel-grid){max-width:1200px}#panel-content.panel-exit{opacity:0}#panel-content.panel-enter{opacity:0;transition:none}.panel-section-title{position:relative;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:2px;text-transform:uppercase;color:var(--color-gold);margin-top:var(--section-gap);margin-bottom:16px;padding-bottom:10px;padding-left:18px;border-bottom:1px solid var(--color-border)}.panel-section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-60%) skew(-20deg);width:8px;height:12px;background:var(--color-gold);box-shadow:var(--glow-gold-soft)}.panel-section-title:after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:64px;background:var(--color-gold);box-shadow:0 0 6px #f4a40080}.panel-section-title:first-child{margin-top:0}.panel-section{margin-bottom:var(--section-gap)}.panel-row{border-bottom:1px solid rgba(255,255,255,.04)}.card{position:relative;background:linear-gradient(180deg,#0000008c,#000000a6);border:1px solid rgba(255,255,255,.1);border-radius:0;padding:16px;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{background:linear-gradient(180deg,#0000008c,#14161cb3);border-color:#ffffff38;transform:translateY(-1px)}.tactical-frame{position:relative}.tactical-frame:before,.tactical-frame:after{content:"";position:absolute;pointer-events:none;width:var(--bracket-size);height:var(--bracket-size);border:var(--bracket-thickness) solid var(--bracket-color)}.tactical-frame:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.tactical-frame:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.tactical-frame-quad{position:relative}.tactical-frame-quad:before,.tactical-frame-quad:after{content:"";position:absolute;pointer-events:none;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(var(--bracket-color),var(--bracket-color)) top left / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top left / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top right / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top right / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom left / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom left / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom right / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom right / var(--bracket-thickness) var(--bracket-size) no-repeat}.tactical-frame-quad:after{display:none}.tactical-frame-quad.accent:before{background:linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) top left / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) top left / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) top right / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) top right / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) bottom left / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) bottom left / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) bottom right / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) bottom right / var(--bracket-thickness) var(--bracket-size) no-repeat}.tactical-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);letter-spacing:2.5px;text-transform:uppercase;color:var(--color-gold);background:linear-gradient(180deg,#f4a4002e,#f4a40014,#f4a40024);border:1px solid rgba(244,164,0,.5);border-radius:0;cursor:pointer;outline:none;text-shadow:0 0 12px rgba(244,164,0,.4);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0006,0 0 #f4a40000;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tactical-btn:before,.tactical-btn:after{content:"";position:absolute;pointer-events:none;width:10px;height:10px;border:1px solid var(--color-gold);opacity:.85;transition:opacity var(--transition-fast)}.tactical-btn:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.tactical-btn:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.tactical-btn:hover:not(:disabled){background:linear-gradient(180deg,#f4a40052,#f4a4002e,#f4a40042);border-color:var(--color-gold);color:var(--color-white);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0006,0 6px 22px #f4a40047}.tactical-btn:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 4px #00000080,0 0 18px #f4a40059}.tactical-btn:disabled{opacity:.35;cursor:not-allowed}.tactical-btn.accent{color:var(--color-accent);background:linear-gradient(180deg,#44aaff2e,#44aaff14,#44aaff24);border-color:#44aaff80;text-shadow:0 0 12px rgba(68,170,255,.4)}.tactical-btn.accent:before,.tactical-btn.accent:after{border-color:var(--color-accent)}.tactical-btn.accent:hover:not(:disabled){background:linear-gradient(180deg,#44aaff52,#44aaff2e,#44aaff42);border-color:var(--color-accent);color:var(--color-white);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0006,0 6px 22px #44aaff47}.led-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-gold);box-shadow:0 0 6px #f4a400cc,0 0 12px #f4a40066,inset 0 0 2px #fff9;vertical-align:middle;animation:led-pulse 1.6s ease-in-out infinite}.led-dot.accent{background:var(--color-accent);box-shadow:0 0 6px #4afc,0 0 12px #4af6,inset 0 0 2px #fff9}.led-dot.danger{background:var(--color-danger);box-shadow:0 0 6px #f44c,0 0 12px #f446,inset 0 0 2px #fff9}@keyframes led-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}#panel-overlay.visible #panel-content>*{animation:tactical-boot .55s var(--ease-out-tactical) both}#panel-overlay.visible #panel-content>*:nth-child(1){animation-delay:.04s}#panel-overlay.visible #panel-content>*:nth-child(2){animation-delay:.1s}#panel-overlay.visible #panel-content>*:nth-child(3){animation-delay:.16s}#panel-overlay.visible #panel-content>*:nth-child(4){animation-delay:.22s}#panel-overlay.visible #panel-content>*:nth-child(5){animation-delay:.28s}#panel-overlay.visible #panel-content>*:nth-child(6){animation-delay:.34s}#panel-overlay.visible #panel-content>*:nth-child(n+7){animation-delay:.4s}@keyframes tactical-boot{0%{opacity:0;transform:translateY(12px);filter:blur(2px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){#panel-overlay.visible #panel-content>*{animation:none}.led-dot{animation:none}}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:8px}.card-stat{font-size:var(--font-size-base);color:var(--color-text-dim);margin-top:4px}.card-stat span{color:var(--color-text);float:right}.play-status-strip{display:flex;align-items:stretch;gap:0;height:38px;margin-top:24px;padding:0 18px;background:var(--scan-lines),linear-gradient(180deg,#f4a4000f,#f4a40005);border-top:1px solid rgba(244,164,0,.35);border-bottom:1px solid rgba(244,164,0,.35);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:2.5px;text-transform:uppercase;color:var(--color-text-dim);position:relative}.play-status-strip:before,.play-status-strip:after{content:"";position:absolute;top:-1px;bottom:-1px;width:18px;border:1px solid var(--color-gold);pointer-events:none}.play-status-strip:before{left:-1px;border-right:none}.play-status-strip:after{right:-1px;border-left:none}.status-cell{display:flex;align-items:center;gap:10px;padding:0 22px;flex:1}.status-cell:nth-child(3){justify-content:center}.status-cell:last-child{justify-content:flex-end}.status-cell-key{color:var(--color-text-muted);letter-spacing:1.5px}.status-cell-value{color:var(--color-gold);text-shadow:0 0 8px rgba(244,164,0,.4)}.status-cell-text{color:var(--color-text);text-shadow:0 0 8px rgba(244,164,0,.3)}.status-divider{width:1px;background:linear-gradient(180deg,transparent 0%,rgba(244,164,0,.45) 50%,transparent 100%)}.play-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 24px 36px}.play-hero-eyebrow{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:6px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:18px;opacity:.7}.play-hero h1{display:inline-block;font-family:var(--font-title);font-size:104px;font-weight:700;font-style:italic;color:var(--color-gold);text-shadow:0 0 30px rgba(244,164,0,.5),0 0 80px rgba(244,164,0,.18);letter-spacing:-3px;line-height:.95}.play-hero .tagline{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-dim);letter-spacing:4px;text-transform:uppercase;margin-top:22px}.play-hero .subtitle{font-size:22px;color:var(--color-text-dim);letter-spacing:1px;margin-top:12px}.play-hero .cta{display:inline-flex;align-items:center;gap:18px;position:relative;margin-top:32px;padding:14px 28px 14px 18px;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:20px;letter-spacing:3px;text-transform:uppercase;color:var(--color-text);background:linear-gradient(180deg,#f4a4002e,#f4a4000f,#f4a40024);border:1px solid rgba(244,164,0,.55);border-radius:0;cursor:pointer;outline:none;text-shadow:0 0 12px rgba(244,164,0,.4);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0006,0 0 24px #f4a4002e;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .25s ease;animation:cta-glow-pulse 2.6s ease-in-out infinite}.play-hero .cta:before,.play-hero .cta:after{content:"";position:absolute;pointer-events:none;width:12px;height:12px;border:1px solid var(--color-gold);opacity:.95}.play-hero .cta:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.play-hero .cta:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.play-hero .cta-key{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 12px;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:1.5px;color:var(--color-gold);background:#0000008c;border:1px solid rgba(244,164,0,.55);box-shadow:inset 0 1px #ffffff14,inset 0 -2px #00000080,0 0 8px #f4a40040;text-shadow:0 0 6px rgba(244,164,0,.4);transition:box-shadow .18s ease,color .18s ease,border-color .18s ease}.play-hero .cta-label{font-family:var(--font-display);letter-spacing:3px}.play-hero .cta:hover{background:linear-gradient(180deg,#f4a40057,#f4a40024,#f4a40042);border-color:var(--color-gold);color:var(--color-white);transform:translateY(-2px);box-shadow:inset 0 1px #fff3,inset 0 -1px #0006,0 8px 30px #f4a40066}.play-hero .cta:hover .cta-key{color:var(--color-white);border-color:var(--color-gold);box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #00000080,0 0 14px #f4a4008c}.play-hero .cta:active{transform:translateY(0);box-shadow:inset 0 2px 6px #00000080,0 0 18px #f4a40073}.play-hero .cta:focus-visible{outline:none;border-color:var(--color-white);box-shadow:inset 0 1px #fff3,inset 0 -1px #0006,0 0 0 2px #f4a40080,0 8px 30px #f4a40066}.play-hero .cta.accent{background:linear-gradient(180deg,#44aaff2e,#44aaff0f,#44aaff24);border-color:#44aaff8c;text-shadow:0 0 12px rgba(68,170,255,.4);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0006,0 0 24px #44aaff2e;animation:cta-glow-pulse-accent 2.6s ease-in-out infinite}.play-hero .cta.accent:before,.play-hero .cta.accent:after{border-color:var(--color-accent)}.play-hero .cta.accent .cta-key{color:var(--color-accent);border-color:#44aaff8c;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #00000080,0 0 8px #44aaff40;text-shadow:0 0 6px rgba(68,170,255,.4)}.play-hero .cta.accent:hover{background:linear-gradient(180deg,#44aaff57,#44aaff24,#44aaff42);border-color:var(--color-accent);color:var(--color-white);box-shadow:inset 0 1px #fff3,inset 0 -1px #0006,0 8px 30px #4af6}.play-hero .cta.accent:hover .cta-key{color:var(--color-white);border-color:var(--color-accent);box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #00000080,0 0 14px #44aaff8c}@keyframes cta-glow-pulse{0%,to{box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0006,0 0 18px #f4a4001f}50%{box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0006,0 0 32px #f4a40052}}@keyframes cta-glow-pulse-accent{0%,to{box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0006,0 0 18px #44aaff1f}50%{box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0006,0 0 32px #44aaff52}}.play-controls-briefing{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin:8px auto 24px;max-width:720px}.ctrl-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:#0006;border:1px solid rgba(255,255,255,.06);font-family:var(--font-display);font-size:var(--font-size-xs);letter-spacing:1.5px;text-transform:uppercase}.ctrl-key{font-family:var(--font-mono);font-weight:var(--font-weight-bold);color:var(--color-gold);text-shadow:0 0 6px rgba(244,164,0,.35)}.ctrl-arrow{color:var(--color-text-muted);font-size:10px;opacity:.6}.ctrl-label{color:var(--color-text-dim);font-weight:var(--font-weight-medium);letter-spacing:1.8px}.dossier-section{margin-top:24px}.dossier-section-title{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:3px;text-transform:uppercase;color:var(--color-gold);margin-bottom:18px;padding:10px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);position:relative}.dossier-section-title:before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:80px;background:var(--color-gold);box-shadow:0 0 8px #f4a4008c}.dossier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dossier-grid-wide{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.dossier-card{position:relative;padding:22px 20px 18px;background:var(--scan-lines),linear-gradient(180deg,#0000008c,#080a1099);border:1px solid rgba(255,255,255,.07);text-align:left;overflow:hidden;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.dossier-card:hover{border-color:#f4a40066;transform:translateY(-2px);box-shadow:0 6px 22px #0000008c,0 0 28px #f4a40014}.dossier-card.accent:hover{border-color:#4af6;box-shadow:0 6px 22px #0000008c,0 0 28px #44aaff14}.dossier-card:before{content:"";position:absolute;pointer-events:none;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(var(--bracket-color),var(--bracket-color)) top left / var(--bracket-size) 1px no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top left / 1px var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top right / var(--bracket-size) 1px no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top right / 1px var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom left / var(--bracket-size) 1px no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom left / 1px var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom right / var(--bracket-size) 1px no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom right / 1px var(--bracket-size) no-repeat;opacity:.7;transition:opacity var(--transition-fast)}.dossier-card:hover:before{opacity:1}.dossier-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,transparent 50%,rgba(244,164,0,.06) 100%);pointer-events:none}.dossier-card.accent:after{background:linear-gradient(135deg,transparent 50%,rgba(68,170,255,.06) 100%)}.dossier-card.credits:after{background:linear-gradient(135deg,transparent 50%,rgba(240,192,64,.08) 100%)}.dossier-card.alloy:after{background:linear-gradient(135deg,transparent 50%,rgba(68,170,255,.08) 100%)}.dossier-card-label{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:2.5px;text-transform:uppercase;color:var(--color-text-muted)}.dossier-card-value{font-family:var(--font-title);font-size:44px;font-weight:700;font-style:italic;color:var(--color-white);letter-spacing:-1px;line-height:1.05;margin-top:8px;text-shadow:0 0 20px rgba(255,255,255,.08)}.dossier-card.accent .dossier-card-value{color:var(--color-accent);text-shadow:0 0 20px rgba(68,170,255,.25)}.dossier-card.credits .dossier-card-value{color:var(--color-credits);text-shadow:0 0 20px rgba(240,192,64,.25)}.dossier-card.alloy .dossier-card-value{color:var(--color-accent);text-shadow:0 0 20px rgba(68,170,255,.25)}.dossier-card-sub{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted);margin-top:4px}.play-hero .new-high-score{position:relative;display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:4px;text-transform:uppercase;color:var(--color-gold);border-top:1px solid var(--color-gold);border-bottom:1px solid var(--color-gold);background:linear-gradient(180deg,#f4a40029,#f4a4000a);padding:8px 32px;margin-top:16px;text-shadow:0 0 14px rgba(244,164,0,.6);animation:highScorePulse 1.5s ease-in-out infinite}.play-hero .new-high-score:before,.play-hero .new-high-score:after{content:"";position:absolute;top:50%;width:6px;height:6px;background:var(--color-gold);transform:translateY(-50%) rotate(45deg);box-shadow:0 0 8px #f4a400b3}.play-hero .new-high-score:before{left:12px}.play-hero .new-high-score:after{right:12px}@keyframes highScorePulse{0%,to{opacity:.78;box-shadow:0 0 8px #f4a4001a}50%{opacity:1;box-shadow:0 0 24px #f4a40059}}.play-hero h1.paused{color:var(--color-accent);text-shadow:0 0 30px rgba(68,170,255,.5),0 0 80px rgba(68,170,255,.18)}.play-hero h1.game-over{color:var(--color-danger);text-shadow:0 0 30px rgba(255,68,68,.5),0 0 80px rgba(255,68,68,.18);font-size:88px}.play-hero h1.victory{color:var(--color-credits);text-shadow:0 0 30px rgba(240,192,64,.5),0 0 80px rgba(240,192,64,.18)}.stat-value.credits-color{color:var(--color-credits)}.stat-value.alloy-color{color:var(--color-accent)}@media(prefers-reduced-motion:reduce){.play-hero .cta,.play-hero .new-high-score{animation:none}}@media(max-width:768px){.play-hero h1{font-size:72px;padding:0 24px}.play-hero h1.game-over{font-size:60px}.play-status-strip{font-size:10px;padding:0 12px}.status-cell{padding:0 14px;gap:8px}.dossier-grid{grid-template-columns:1fr}.dossier-card-value{font-size:36px}}@media(max-width:480px){.play-hero h1{font-size:52px;padding:0 18px;letter-spacing:-1px}.play-hero h1.game-over{font-size:44px}.play-status-strip{display:none}.play-controls-briefing{gap:8px}.ctrl-chip{padding:6px 10px}}.intel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:8px}.intel-grid-walls{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.enemy-card{position:relative;overflow:hidden;display:flex;flex-direction:column}.enemy-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.enemy-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.enemy-card-identity{display:flex;flex-direction:column;gap:1px;min-width:0}.enemy-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-white);line-height:1.2}.enemy-score{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:1.5px;color:var(--color-gold)}.enemy-card .card-desc{font-size:var(--font-size-base);color:var(--color-text-dim);line-height:1.55;margin-bottom:14px;flex:1}.enemy-card .card-desc-unknown{font-style:italic;color:var(--color-text-muted)}.enemy-stats-grid{display:flex;gap:2px;background:#ffffff0a;border-radius:4px;overflow:hidden;margin-bottom:12px}.enemy-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:#ffffff05}.enemy-stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:1.5px;color:var(--color-text-muted);text-transform:uppercase}.enemy-stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text)}.hp-pips{display:flex;gap:3px}.hp-pip{width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.enemy-card-footer{font-size:var(--font-size-sm);letter-spacing:1px;color:var(--color-text-muted);text-align:right}.enemy-card.unknown{opacity:.4;filter:grayscale(1)}.wall-card .card-desc{font-size:var(--font-size-base);color:var(--color-text-dim);line-height:1.5;margin-top:8px}.intel-scoring{background:#f4a4000d;border:1px solid rgba(244,164,0,.15);border-radius:6px;padding:16px;font-size:var(--font-size-base);color:var(--color-text-dim)}.intel-scoring strong{color:var(--color-gold)}.controls-table{width:100%}.control-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.control-key{display:inline-block;min-width:80px;padding:4px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-white);text-align:center;margin-right:16px}.control-desc{font-size:var(--font-size-base);color:var(--color-text-dim)}.controls-note{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.6;margin-top:12px;padding:12px 16px;background:#ffffff08;border:1px solid var(--color-border);border-radius:6px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}.setting-row label{font-size:var(--font-size-base);color:var(--color-text)}.range-group{display:flex;align-items:center;gap:12px}.range-value{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-dim);min-width:40px;text-align:right}.setting-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px;height:4px;background:#ffffff26;border-radius:2px;outline:none}.setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-gold);border-radius:50%;cursor:pointer}.setting-row input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--color-gold);border:none;border-radius:50%;cursor:pointer}.toggle{position:relative;width:40px;height:22px;background:#ffffff26;border-radius:11px;cursor:pointer;transition:background var(--transition-fast)}.toggle.on{background:var(--color-success)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left var(--transition-fast)}.toggle.on:after{left:20px}.btn-danger{background:#ff444426;border:1px solid rgba(255,68,68,.3);color:var(--color-danger);padding:8px 20px;border-radius:4px;font-family:var(--font-display);font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-fast)}.btn-danger:hover{background:#ff444440}.reset-confirm-text{font-size:var(--font-size-base);color:var(--color-danger)}.reset-confirm-actions{display:flex;gap:12px;margin-top:12px}.btn-confirm-yes{background:#ff444440;border:1px solid rgba(255,68,68,.4);color:var(--color-danger);padding:8px 20px;border-radius:4px;font-family:var(--font-display);font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-fast)}.btn-confirm-yes:hover{background:#ff444459}.btn-cancel{background:#ffffff0f;border:1px solid var(--color-border);color:var(--color-text-dim);padding:8px 20px;border-radius:4px;font-family:var(--font-display);font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-fast)}.btn-cancel:hover{background:#ffffff1a}.reset-done{font-size:var(--font-size-base);color:var(--color-success)}.cheat-title{color:var(--color-danger);border-top:1px solid rgba(255,68,68,.2);padding-top:16px}.cheat-group{margin-bottom:14px}.cheat-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.cheat-row{display:flex;flex-wrap:wrap;gap:8px}.btn-cheat{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--color-text);padding:6px 14px;border-radius:4px;font-family:var(--font-display);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-cheat:hover{background:#ffffff1f;border-color:#ffffff40}.cheat-toggle{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--color-text-dim);padding:6px 14px;border-radius:4px;font-family:var(--font-display);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.cheat-toggle:hover{background:#ffffff1f}.cheat-toggle.active{background:#44ff4426;border-color:#4f46;color:var(--color-success)}.about-status-strip{display:flex;align-items:stretch;height:38px;margin-top:24px;padding:0 18px;background:var(--scan-lines),linear-gradient(180deg,#f4a4000f,#f4a40005);border-top:1px solid rgba(244,164,0,.35);border-bottom:1px solid rgba(244,164,0,.35);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:2.5px;text-transform:uppercase;color:var(--color-text-dim);position:relative}.about-status-strip:before,.about-status-strip:after{content:"";position:absolute;top:-1px;bottom:-1px;width:18px;border:1px solid var(--color-gold);pointer-events:none}.about-status-strip:before{left:-1px;border-right:none}.about-status-strip:after{right:-1px;border-left:none}.about-status-cell{display:flex;align-items:center;gap:10px;padding:0 22px;flex:1}.about-status-cell:nth-child(3){justify-content:center}.about-status-cell:last-child{justify-content:flex-end}.about-status-key{color:var(--color-text-muted);letter-spacing:1.5px}.about-status-value{color:var(--color-gold);text-shadow:0 0 8px rgba(244,164,0,.4)}.about-status-text{color:var(--color-text);text-shadow:0 0 8px rgba(244,164,0,.3)}.about-status-divider{width:1px;background:linear-gradient(180deg,transparent 0%,rgba(244,164,0,.45) 50%,transparent 100%)}.about-content{text-align:center;padding:0}.about-hero{text-align:center;padding:48px 24px 24px}.about-eyebrow{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:6px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:16px;opacity:.7}.about-title{display:inline-block;font-family:var(--font-title);font-size:80px;font-weight:700;font-style:italic;color:var(--color-gold);text-shadow:0 0 30px rgba(244,164,0,.5),0 0 80px rgba(244,164,0,.18);letter-spacing:-2px;line-height:.95;margin:0}.about-tagline{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-dim);letter-spacing:4px;text-transform:uppercase;margin-top:18px}.about-description{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-dim);max-width:580px;margin:0 auto 16px;line-height:1.7;letter-spacing:.3px}.about-section{margin-top:32px}.about-section-title{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:3px;text-transform:uppercase;color:var(--color-gold);margin-bottom:18px;padding:10px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);position:relative}.about-section-title:before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:80px;background:var(--color-gold);box-shadow:0 0 8px #f4a4008c}.about-section-title:has(.led-dot.accent){color:var(--color-accent)}.about-section-title:has(.led-dot.accent):before{background:var(--color-accent);box-shadow:0 0 8px #44aaff8c}.about-credits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.credit-card{position:relative;padding:22px 22px 18px;background:var(--scan-lines),linear-gradient(180deg,#0000008c,#080a1099);border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.credit-card:hover{border-color:#f4a40066;transform:translateY(-2px);box-shadow:0 6px 22px #0000008c,0 0 28px #f4a40014}.credit-card:before{content:"";position:absolute;pointer-events:none;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(var(--bracket-color),var(--bracket-color)) top left / var(--bracket-size) 1px no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top left / 1px var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top right / var(--bracket-size) 1px no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top right / 1px var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom left / var(--bracket-size) 1px no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom left / 1px var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom right / var(--bracket-size) 1px no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom right / 1px var(--bracket-size) no-repeat;opacity:.7;transition:opacity var(--transition-fast)}.credit-card:hover:before{opacity:1}.credit-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,transparent 50%,rgba(244,164,0,.06) 100%);pointer-events:none}.credit-card-label{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:2.5px;text-transform:uppercase;color:var(--color-text-muted)}.credit-card-value{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-title);font-size:32px;font-weight:700;font-style:italic;color:var(--color-white);letter-spacing:-.5px;line-height:1.1;margin-top:8px;text-shadow:0 0 20px rgba(255,255,255,.08)}.credit-card-value.link{color:var(--color-gold);text-decoration:none;text-shadow:0 0 20px rgba(244,164,0,.25);position:relative;cursor:pointer;transition:color var(--transition-fast),text-shadow var(--transition-fast)}.credit-card-value.link:after{content:"";position:absolute;left:0;right:26px;bottom:4px;height:1px;background:var(--color-gold);opacity:.45;transform:scaleX(.4);transform-origin:left center;transition:transform .3s var(--ease-out-tactical),opacity var(--transition-fast)}.credit-card-value.link:hover{color:var(--color-white);text-shadow:0 0 20px rgba(244,164,0,.55)}.credit-card-value.link:hover:after{transform:scaleX(1);opacity:1;box-shadow:0 0 6px #f4a4008c}.credit-link-icon{width:14px;height:14px;flex-shrink:0;color:var(--color-gold);opacity:.7;transform:translateY(-1px);transition:transform var(--transition-fast),opacity var(--transition-fast)}.credit-card-value.link:hover .credit-link-icon{opacity:1;transform:translate(2px,-3px)}.credit-card-sub{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted);margin-top:6px}.about-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stack-chip{position:relative;padding:14px 18px;background:#0006;border:1px solid rgba(68,170,255,.18);overflow:hidden;transition:border-color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.stack-chip:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-accent);box-shadow:0 0 12px #44aaff80;opacity:.7;transition:opacity var(--transition-fast)}.stack-chip:hover{border-color:#44aaff80;background:#141c288c;transform:translateY(-1px)}.stack-chip:hover:before{opacity:1}.stack-chip-name{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-white);letter-spacing:.5px}.stack-chip-role{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted);margin-top:4px}.about-footer{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:36px;padding-top:22px;border-top:1px solid var(--color-border);font-family:var(--font-display);font-size:var(--font-size-xs);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted)}.about-footer-tag{color:var(--color-gold);font-weight:var(--font-weight-bold);text-shadow:0 0 8px rgba(244,164,0,.35)}.about-footer-bar{width:24px;height:1px;background:var(--color-border)}.about-footer-msg{font-style:italic;letter-spacing:1.5px;text-transform:none;opacity:.7}@media(max-width:768px){.about-title{font-size:60px}.about-status-strip{font-size:10px;padding:0 12px}.about-status-cell{padding:0 14px;gap:8px}.credit-card-value{font-size:26px}.about-credits-grid,.about-stack-grid{grid-template-columns:1fr}.about-footer{flex-wrap:wrap;gap:10px}}@media(max-width:480px){.about-title{font-size:44px}.about-status-strip{display:none}}.armory-hero{position:relative;display:flex;align-items:stretch;gap:0;margin-bottom:var(--section-gap);background:var(--scan-lines),linear-gradient(180deg,#0006,#080a1080);border:1px solid var(--color-border)}.armory-hero:before{content:"";position:absolute;pointer-events:none;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(var(--color-gold),var(--color-gold)) top left / calc(var(--bracket-size) + 4px) var(--bracket-thickness) no-repeat,linear-gradient(var(--color-gold),var(--color-gold)) top left / var(--bracket-thickness) calc(var(--bracket-size) + 4px) no-repeat,linear-gradient(var(--color-gold),var(--color-gold)) top right / calc(var(--bracket-size) + 4px) var(--bracket-thickness) no-repeat,linear-gradient(var(--color-gold),var(--color-gold)) top right / var(--bracket-thickness) calc(var(--bracket-size) + 4px) no-repeat,linear-gradient(var(--color-gold),var(--color-gold)) bottom left / calc(var(--bracket-size) + 4px) var(--bracket-thickness) no-repeat,linear-gradient(var(--color-gold),var(--color-gold)) bottom left / var(--bracket-thickness) calc(var(--bracket-size) + 4px) no-repeat,linear-gradient(var(--color-gold),var(--color-gold)) bottom right / calc(var(--bracket-size) + 4px) var(--bracket-thickness) no-repeat,linear-gradient(var(--color-gold),var(--color-gold)) bottom right / var(--bracket-thickness) calc(var(--bracket-size) + 4px) no-repeat;opacity:.7}.armory-hero-tank{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 32px;flex-shrink:0}#tank-preview-container{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 55%,rgba(74,122,46,.06) 0%,transparent 65%)}#tank-preview-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scan-lines-strong);mix-blend-mode:screen;pointer-events:none}.tank-preview-canvas{display:block;width:220px;height:220px;cursor:grab}.tank-preview-canvas.dragging{cursor:grabbing}.armory-hero-hint{font-size:var(--font-size-xs);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted);margin-top:8px;opacity:.5}.armory-hero-divider{width:1px;background:var(--color-border);align-self:stretch}.tank-stats{flex:1;padding:24px 32px;display:flex;flex-direction:column;justify-content:center}.tank-stats-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:2px;text-transform:uppercase;color:var(--color-gold);margin-bottom:16px}.tank-stats-list{display:flex;flex-direction:column;gap:2px}.tank-stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font-size:var(--font-size-sm)}.tank-stat-row.upgraded .tank-stat-label{color:var(--color-text)}.tank-stat-label{color:var(--color-text-dim)}.tank-stat-value{font-family:var(--font-mono);font-size:var(--font-size-sm)}.stat-val{color:var(--color-text);font-weight:var(--font-weight-bold)}.stat-val-base{color:var(--color-text-muted)}.stat-arrow{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0 3px}.stat-val-upgraded{color:var(--color-success);font-weight:var(--font-weight-bold)}.tank-stat-unit{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:1px}.armory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.armory-card{position:relative;display:flex;flex-direction:column;gap:8px}.armory-card:after{content:"";position:absolute;pointer-events:none;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(var(--bracket-color),var(--bracket-color)) top left / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top left / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top right / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top right / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom left / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom left / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom right / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom right / var(--bracket-thickness) var(--bracket-size) no-repeat;opacity:.7;transition:opacity var(--transition-fast)}.armory-card:hover:after{opacity:1}.armory-card.permanent:after{background:linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) top left / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) top left / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) top right / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) top right / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) bottom left / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) bottom left / var(--bracket-thickness) var(--bracket-size) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) bottom right / var(--bracket-size) var(--bracket-thickness) no-repeat,linear-gradient(var(--bracket-color-accent),var(--bracket-color-accent)) bottom right / var(--bracket-thickness) var(--bracket-size) no-repeat}.armory-card.maxed:after{opacity:.25}.armory-card-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.armory-card-header .card-title{margin-bottom:0;line-height:1}.armory-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.7}.armory-icon svg{width:100%;height:100%;display:block}.armory-card:not(.permanent) .armory-icon{color:var(--color-credits)}.armory-card.permanent .armory-icon{color:var(--color-accent)}.armory-card .card-desc{font-size:var(--font-size-base);color:var(--color-text-dim);line-height:1.55;flex:1}.armory-card-effect{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--color-gold)}.armory-card.permanent .armory-card-effect{color:var(--color-accent)}.armory-card.maxed .armory-card-effect{opacity:.5}.armory-card.maxed{opacity:.45}.armory-card-status{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);margin:2px 0 6px;min-height:12px;line-height:12px}.tier-pips{display:flex;gap:5px;margin:2px 0 6px}.tier-pip{width:10px;height:10px;border:1px solid rgba(255,255,255,.25);border-radius:2px;background:transparent}.tier-pip.filled{background:var(--color-gold);border-color:var(--color-gold)}.armory-card.permanent .tier-pip.filled{background:var(--color-accent);border-color:var(--color-accent)}.armory-buy-btn{position:relative;margin-top:auto;padding:9px 14px;background:linear-gradient(180deg,#f4a4002e,#f4a40014,#f4a40024);border:1px solid rgba(244,164,0,.45);border-radius:0;color:var(--color-gold);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 10px rgba(244,164,0,.35);display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0006;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.armory-buy-btn:hover:not(:disabled){background:linear-gradient(180deg,#f4a40052,#f4a40029,#f4a4003d);border-color:var(--color-gold);color:var(--color-white);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0006,0 4px 16px #f4a40047}.armory-buy-btn:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 4px #00000080,0 0 14px #f4a40059}.armory-buy-btn:disabled{opacity:.35;cursor:not-allowed}.armory-card.permanent .armory-buy-btn{background:linear-gradient(180deg,#44aaff2e,#44aaff14,#44aaff24);border-color:#44aaff73;color:var(--color-accent);text-shadow:0 0 10px rgba(68,170,255,.35)}.armory-card.permanent .armory-buy-btn:hover:not(:disabled){background:linear-gradient(180deg,#44aaff52,#44aaff29,#44aaff3d);border-color:var(--color-accent);color:var(--color-white);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0006,0 4px 16px #44aaff47}.armory-hint{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);opacity:.5;letter-spacing:1px}