:root{--bg-void: #12161f;--bg-panel-top: rgba(25, 31, 44, .94);--bg-panel-bottom: rgba(16, 20, 29, .98);--bg-subpanel: #0e121a;--nav-bg: rgba(14, 18, 26, .92);--control-bg: #171d29;--control-hover: #202838;--footer-bg: #0c0f16;--border-dim: #232c3d;--border-steel: #344159;--border-bright: #53668a;--accent-brass: #d89b38;--accent-amber: #e07b24;--accent-crimson: #c93b2b;--accent-phosphor: #46b878;--text-primary: #eaeff7;--text-secondary: #9aa7bc;--text-muted: #627086;--grid-line: rgba(216, 155, 56, .036);--btn-text: #07090d;--font-display: "Oswald", sans-serif;--font-tech: "Chakra Petch", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Inter", system-ui, sans-serif}body.curfew-night{--bg-void: #040406;--bg-panel-top: rgba(16, 8, 11, .95);--bg-panel-bottom: rgba(8, 5, 7, .98);--bg-subpanel: #080507;--nav-bg: rgba(7, 4, 6, .95);--control-bg: #0f080b;--control-hover: #1a0c10;--footer-bg: #030305;--border-dim: #261116;--border-steel: #4d1921;--border-bright: #8c222c;--accent-brass: #d43830;--accent-amber: #9e1c1c;--accent-crimson: #c92a2a;--accent-phosphor: #d43830;--text-primary: #eee4e4;--text-secondary: #ad8d91;--text-muted: #734c52;--grid-line: rgba(212, 56, 48, .038);--btn-text: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-body)}::selection{background:var(--accent-brass);color:#050608}body{background-color:var(--bg-void);color:var(--text-primary);overflow-x:hidden;line-height:1.55;transition:background-color .45s ease,color .35s ease}.scanline-overlay{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:linear-gradient(#12101000 50%,#0003 50%),radial-gradient(circle at 50% 50%,transparent 62%,rgba(0,0,0,.52) 100%);background-size:100% 4px,100% 100%;opacity:.55;transition:opacity .45s ease}body.curfew-night .scanline-overlay{background:linear-gradient(#12101000 50%,#00000061 50%),radial-gradient(circle at 50% 50%,transparent 48%,rgba(95,10,14,.28) 85%,rgba(0,0,0,.9) 100%);background-size:100% 4px,100% 100%;opacity:.78}@keyframes curfewPulseVignette{0%,to{box-shadow:inset 0 0 85px #af161629,inset 0 0 22px #c31c1c1f}50%{box-shadow:inset 0 0 135px #be181847,inset 0 0 38px #cd201c33}}.curfew-horror-vignette{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:88;opacity:0;transition:opacity .5s ease}body.curfew-night .curfew-horror-vignette{opacity:1;animation:curfewPulseVignette 3.4s infinite ease-in-out}@keyframes phaseFlashAnim{0%{opacity:.45}to{opacity:0}}.phase-flash{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;animation:phaseFlashAnim .55s ease-out forwards}@keyframes nightGlitch{0%,94%,to{text-shadow:0 0 18px rgba(212,56,48,.24);transform:translate(0)}96%{text-shadow:-2px 0 rgba(212,56,48,.75),2px 0 rgba(0,200,230,.55);transform:translate(-1px,.5px)}98%{text-shadow:1.5px 0 rgba(212,56,48,.75),-1.5px 0 rgba(220,140,30,.55);transform:translate(1px,-.5px)}}.hero-main-title{font-family:var(--font-display);font-size:clamp(48px,7vw,86px);line-height:.96;text-transform:uppercase;letter-spacing:.04em;margin-bottom:20px;transition:color .3s ease,text-shadow .3s ease}body.curfew-night .hero-main-title{color:#fff2f2;animation:nightGlitch 5s infinite}.btn-chamfer{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;font-family:var(--font-tech);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap;flex-shrink:0;color:var(--btn-text);background:linear-gradient(135deg,var(--accent-brass) 0%,var(--accent-amber) 100%);border:none;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,100% calc(100% - 12px),calc(100% - 12px) 100%,0% 100%,0% 12px);transition:transform .2s ease,filter .2s ease,box-shadow .25s ease}body.curfew-night .btn-chamfer{color:#fff;box-shadow:0 0 20px #d4383047}.btn-chamfer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translate(-120%);transition:transform .5s ease}.btn-chamfer:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-chamfer:hover:before{transform:translate(120%)}.btn-chamfer-outline{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;font-family:var(--font-tech);font-weight:600;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;white-space:nowrap;flex-shrink:0;color:var(--text-primary);background:var(--control-bg);border:1px solid var(--border-steel);cursor:pointer;clip-path:polygon(11px 0%,100% 0%,100% calc(100% - 11px),calc(100% - 11px) 100%,0% 100%,0% 11px);transition:all .2s ease}.btn-chamfer-outline:hover{border-color:var(--accent-brass);color:var(--accent-brass);transform:translateY(-2px)}.btn-chamfer-outline.active{border-color:var(--accent-brass);color:#07090d;background:var(--accent-brass)}.card-bevel{position:relative;background:linear-gradient(180deg,var(--bg-panel-top) 0%,var(--bg-panel-bottom) 100%);border:1px solid var(--border-dim);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));transition:border-color .25s ease,transform .25s ease,background .35s ease,box-shadow .25s ease}.card-bevel-interactive:hover{border-color:var(--accent-brass);transform:translateY(-3px)}body.curfew-night .card-bevel-interactive:hover{box-shadow:0 8px 24px #c8231e24}.corner-bracket{position:relative}.corner-bracket:before,.corner-bracket:after{content:"";position:absolute;width:10px;height:10px;pointer-events:none;opacity:.75}.corner-bracket:before{top:0;left:0;border-top:2px solid var(--accent-brass);border-left:2px solid var(--accent-brass)}.corner-bracket:after{bottom:0;right:0;border-bottom:2px solid var(--accent-brass);border-right:2px solid var(--accent-brass)}.tactical-grid-bg{background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:52px 52px}.container{max-width:1280px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;z-index:80;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-steel);box-shadow:0 4px 24px #00000073;transition:background .35s ease,border-color .35s ease}body.curfew-night .navbar{box-shadow:0 4px 28px #960e1238}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-brass) 50%,transparent 100%);opacity:.85}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary);white-space:nowrap;justify-self:start}.brand-emblem{width:36px;height:36px;display:grid;place-items:center;background:#d89b381f;border:1px solid var(--accent-brass);font-family:var(--font-mono);font-weight:700;color:var(--accent-brass);font-size:13px;letter-spacing:.05em;flex-shrink:0;transition:background .2s ease,color .2s ease}.brand:hover .brand-emblem{background:var(--accent-brass);color:#07090d}.brand-text{display:flex;align-items:baseline;gap:10px}.brand-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;color:var(--text-primary)}.brand-divider{color:var(--border-bright);font-family:var(--font-mono);font-size:12px}.brand-sub{font-family:var(--font-mono);font-size:10.5px;color:var(--text-secondary);letter-spacing:.14em;text-transform:uppercase}.nav-links{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}.nav-link{position:relative;display:inline-flex;align-items:center;height:36px;padding:0 16px;font-family:var(--font-tech);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:color .2s ease,background .2s ease,border-color .2s ease}.nav-link:hover{color:var(--text-primary);background:var(--control-hover);border-color:var(--border-steel)}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;justify-self:end}.phase-switch{display:inline-flex;align-items:center;height:38px;padding:3px;background:var(--control-bg);border:1px solid var(--border-steel);box-shadow:inset 0 1px 4px #0000008c;gap:3px;-webkit-user-select:none;user-select:none;transition:border-color .25s ease,box-shadow .25s ease}.phase-switch:hover{border-color:var(--accent-brass)}body.curfew-night .phase-switch{border-color:#821d25;box-shadow:0 0 14px #c8231e38,inset 0 1px 6px #000c}.phase-seg{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:30px;padding:0 13px;font-family:var(--font-tech);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .22s ease}.phase-seg:hover{color:var(--text-primary)}.phase-seg.active-day{background:linear-gradient(135deg,#d89b38,#b5731a);color:#080a0f!important;border-color:#f0b856;box-shadow:0 0 12px #d89b3859}.phase-seg.active-night{background:linear-gradient(135deg,#b82222,#6b0d13);color:#f7ecec!important;border-color:#c93b34;box-shadow:0 0 12px #c823236b}.curfew-alert-strip{position:fixed;top:68px;left:0;right:0;z-index:75;background:#620c11eb;border-bottom:1px solid #a82a24;color:#ebd6d4;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:5px 16px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #a014143d}.hero-stage{position:relative;min-height:92vh;padding-top:116px;padding-bottom:64px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--border-steel)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.hud-telemetry-card{padding:24px;background:linear-gradient(180deg,var(--bg-panel-top) 0%,var(--bg-panel-bottom) 100%);border:1px solid var(--border-steel);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));position:relative}.hud-timer-box{padding:16px 18px;background:var(--bg-subpanel);border:1px solid var(--border-dim);border-left:3px solid var(--accent-brass);margin:14px 0;display:flex;align-items:center;justify-content:space-between}.hud-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-dim);font-family:var(--font-mono);font-size:11.5px}.hud-row:last-child{border-bottom:none}.mech-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mech-icon-box{width:42px;height:42px;display:grid;place-items:center;background:var(--bg-subpanel);border:1px solid var(--border-steel);color:var(--accent-brass);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.plat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.plat-icon{width:36px;height:36px;display:grid;place-items:center;background:var(--bg-subpanel);border:1px solid var(--border-dim);color:var(--accent-brass)}.parallax-layer{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;pointer-events:none;will-change:transform;transition:transform .08s linear}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-sweep{transform-origin:280px 280px;animation:radarSpin 9s linear infinite}.section-header{margin-bottom:40px}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-brass);margin-bottom:8px}.section-eyebrow:before{content:"//";color:var(--accent-amber)}.section-title{font-family:var(--font-display);font-size:clamp(28px,3.8vw,42px);text-transform:uppercase;letter-spacing:.05em;line-height:1.1}.section-desc{max-width:640px;color:var(--text-secondary);margin-top:10px;font-size:15px}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.pulse-dot{width:7px;height:7px;border-radius:50%;display:inline-block;animation:pulseDot 1.6s infinite ease-in-out}.lang-switcher{position:relative;-webkit-user-select:none;user-select:none}.lang-trigger{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;height:38px;min-width:128px;padding:0 12px;background:var(--control-bg);border:1px solid var(--border-steel);color:var(--text-primary);font-family:var(--font-tech);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease}.lang-trigger:hover,.lang-trigger.open{border-color:var(--accent-brass);background:var(--control-hover)}.lang-chevron{width:12px;height:12px;transition:transform .2s ease;opacity:.85}.lang-chevron.open{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:100%;min-width:128px;background:var(--control-bg);border:1px solid var(--border-steel);z-index:120;box-shadow:0 12px 28px #000000a6}.lang-option{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;padding:8px 12px;text-align:center;background:transparent;border:none;border-bottom:1px solid var(--border-dim);color:var(--text-primary);font-family:var(--font-tech);font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease}.lang-option:last-child{border-bottom:none}.lang-option:hover{background:#d89b3824;color:var(--accent-brass)}.lang-option.selected{background:#d89b3838;color:var(--accent-brass);font-weight:600}@media (max-width: 980px){.nav-inner{grid-template-columns:auto 1fr}.nav-links,.brand-divider,.brand-sub{display:none}.hero-grid,.grid-2col,.grid-3col,.grid-4col{grid-template-columns:1fr!important}}
