@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--bg-deep:#0a1628;--bg-panel:#0d1f35;--accent-cyan:#00d4ff;--accent-green:#0f8;--accent-orange:#ff6b35;--accent-gold:gold;--accent-red:#f34;--border:#1a3350;--border-glow:#00d4ff4d;--shadow-panel:0 4px 24px #0006;--radius:6px}body{background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,PingFang SC,system-ui,-apple-system,sans-serif;overflow:hidden}#root{flex-direction:column;width:100vw;height:100dvh;display:flex}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:14px;transition:all .2s}input,select{outline:none;font-family:inherit;font-size:14px}::-webkit-scrollbar{width:4px}:root{--bg-deepest:#060e1a;--bg-deep:#0a1628;--bg-card:#0d1f35;--bg-card-hover:#112a48;--bg-elevated:#142d4a;--bg-overlay:#040a14b8;--accent-blue:#00d4ff;--accent-green:#0f8;--accent-amber:#fa0;--accent-orange:#ff6b35;--accent-red:#f34;--accent-gold:gold;--text-primary:#e8f4ff;--text-secondary:#c0d0e0;--text-tertiary:#89a;--text-muted:#5a7a9a;--text-faint:#3a5a7a;--text-ghost:#2a4a6a;--border-subtle:#00d4ff1f;--border-default:#1a3350;--border-accent:#00d4ff40;--border-strong:#00d4ff66;--glass-bg:#0d1f35d9;--glass-border:#00d4ff26;--glass-blur:12px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #00d4ff26;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--font-sans:"Noto Sans SC", "PingFang SC", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:32px;--leading-tight:1.4;--leading-normal:1.6;--leading-relaxed:1.8;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--z-base:1;--z-float:10;--z-sticky:100;--z-modal:200;--z-toast:300}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100dvh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff4d}::selection{color:var(--text-primary);background:#00d4ff40}:focus-visible{outline-offset:2px;outline:2px solid #00d4ff99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px #00d4ff33}50%{box-shadow:0 0 24px #00d4ff66}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0)scale(.8)}10%{opacity:.6}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)scale(1.2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out) both}.animate-fade-in-scale{animation:fadeInScale var(--duration-normal) var(--ease-out) both}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out) both}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-pulse-glow{animation:pulseGlow 2s var(--ease-in-out) infinite}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out)}.glass-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);font-size:var(--text-base);font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{color:var(--text-primary);border-color:var(--border-strong);background:linear-gradient(135deg,#08a,#0ac);box-shadow:0 2px 12px #00b4dc26}.btn-primary:hover:not(:disabled){border-color:var(--accent-blue);background:linear-gradient(135deg,#00a0cc,#00c4e8);transform:translateY(-1px);box-shadow:0 4px 20px #00b4dc4d}.btn-secondary{color:var(--text-muted);border-color:var(--border-default);background:0 0}.btn-secondary:hover:not(:disabled){color:var(--text-secondary);border-color:var(--border-accent);background:#00d4ff0d}.btn-success{color:var(--text-primary);background:linear-gradient(135deg,#0a6,#0c8);border-color:#00ff8859;box-shadow:0 2px 12px #00c87826}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#0c7,#0e9);transform:translateY(-1px);box-shadow:0 4px 20px #00c8784d}.btn-warning{color:#0a1628;background:linear-gradient(135deg,#b07a00,#fa0);border-color:#fa06}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#cc8e00,#fc3);transform:translateY(-1px);box-shadow:0 4px 20px #ffaa004d}.btn-danger{color:var(--accent-red);background:0 0;border-color:#ff33444d}.btn-danger:hover:not(:disabled){background:#ff33441a;border-color:#ff334480}.btn-ghost{color:var(--text-tertiary);padding:var(--sp-2) var(--sp-3);background:0 0;border:none}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm)}.btn-lg{padding:var(--sp-4) var(--sp-8);font-size:var(--text-lg);letter-spacing:1px}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--border-accent)}.card-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--accent-blue);background:#00d4ff0f;font-weight:700}.card-body{padding:var(--sp-4)}.badge{align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-xs);letter-spacing:.5px;font-weight:700;display:inline-flex}.badge-blue{color:var(--accent-blue);background:#00d4ff1f;border:1px solid #00d4ff4d}.badge-green{color:var(--accent-green);background:#00ff881a;border:1px solid #00ff884d}.badge-amber{color:var(--accent-amber);background:#ffaa001f;border:1px solid #ffaa004d}.badge-red{color:var(--accent-red);background:#ff33441f;border:1px solid #ff33444d}.badge-orange{color:var(--accent-orange);background:#ff6b351f;border:1px solid #ff6b354d}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.green{background:var(--accent-green);box-shadow:0 0 8px #00ff8880}.status-dot.blue{background:var(--accent-blue);box-shadow:0 0 8px #00d4ff80}.status-dot.amber{background:var(--accent-amber);box-shadow:0 0 8px #ffaa0080}.status-dot.red{background:var(--accent-red);box-shadow:0 0 8px #ff334480}.modal-overlay{z-index:var(--z-modal);background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-2xl);width:420px;max-width:90vw;max-height:85vh;padding:var(--sp-6);box-shadow:var(--shadow-lg);animation:fadeInScale var(--duration-normal) var(--ease-out);overflow:auto}.text-gradient{background:linear-gradient(135deg, var(--accent-blue), var(--accent-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-warm{background:linear-gradient(135deg, var(--accent-red), var(--accent-amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}@media (width<=1024px){.hide-tablet{display:none!important}}@media (width<=768px){.hide-mobile{display:none!important}.mobile-full{width:100%!important}.mobile-stack{flex-direction:column!important}}@media print{body{color:#000;background:#fff}.no-print{display:none!important}}.cut-corner{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.cut-corner-sm{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.cut-corner-lg{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.cut-corner-reverse{clip-path:polygon(0 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px))}.cut-corner-all{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.section-bar{border-bottom:1px solid var(--border-subtle);color:var(--accent-blue);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:#00d4ff0f;padding:10px 16px;font-size:13px;font-weight:700;position:relative}.section-bar:after{content:"";background:linear-gradient(180deg, var(--accent-blue), transparent);opacity:.3;width:1px;height:100%;position:absolute;top:0;right:0}.btn-cut{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.btn-cut-lg{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.tactical-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);transition:all var(--duration-normal) var(--ease-out);border:1px solid #00d4ff14;position:relative}.tactical-card:before{content:"";background:var(--accent-blue);opacity:.8;z-index:1;pointer-events:none;width:34px;height:2px;position:absolute;top:0;left:0}.tactical-card:after{content:"";background:var(--accent-blue);opacity:.6;z-index:1;pointer-events:none;width:34px;height:2px;position:absolute;bottom:0;right:0}.tactical-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.corner-accent{position:relative}.corner-accent:before,.corner-accent:after{content:"";background:var(--accent-blue);opacity:.4;transition:opacity var(--duration-normal) var(--ease-out);position:absolute}.corner-accent:before{width:24px;height:1px;top:0;left:0}.corner-accent:after{width:1px;height:24px;top:0;left:0}.corner-accent:hover:before,.corner-accent:hover:after{opacity:.7}.diagonal-stripe{position:relative;overflow:hidden}.diagonal-stripe:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 30%,#00d4ff0f 50%,#0000 70%);width:40px;height:100%;position:absolute;top:0;right:-20px;transform:skew(-12deg)}.panel-cut{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);position:relative}.panel-cut:before{content:"";background:var(--accent-blue);opacity:.8;z-index:1;pointer-events:none;width:34px;height:2px;position:absolute;top:0;left:0}.panel-cut:after{content:"";background:var(--accent-blue);opacity:.8;z-index:1;pointer-events:none;width:34px;height:2px;position:absolute;bottom:0;right:0}.accent-left{border-left:2px solid var(--accent-blue)}.accent-top{border-top:2px solid var(--accent-blue)}.list-divide>*{border-bottom:1px solid var(--border-subtle)}.list-divide>:last-child{border-bottom:none}.title-line{align-items:center;gap:10px;display:flex}.title-line:after{content:"";background:linear-gradient(90deg, var(--accent-blue), transparent);opacity:.45;flex:1;height:1px}.hud-brackets{position:relative}.hud-brackets:before{content:"";border-top:2px solid var(--accent-blue);border-left:2px solid var(--accent-blue);opacity:.65;pointer-events:none;z-index:2;width:26px;height:26px;position:absolute;top:0;left:0}.hud-brackets:after{content:"";border-bottom:2px solid var(--accent-blue);border-right:2px solid var(--accent-blue);opacity:.65;pointer-events:none;z-index:2;width:26px;height:26px;position:absolute;bottom:0;right:0}.hud-bracket-tl,.hud-bracket-tr,.hud-bracket-bl,.hud-bracket-br{pointer-events:none;z-index:2;opacity:.65;width:26px;height:26px;position:absolute}.hud-bracket-tl{border-top:2px solid var(--accent-blue);border-left:2px solid var(--accent-blue);top:0;left:0}.hud-bracket-tr{border-top:2px solid var(--accent-blue);border-right:2px solid var(--accent-blue);top:0;right:0}.hud-bracket-bl{border-bottom:2px solid var(--accent-blue);border-left:2px solid var(--accent-blue);bottom:0;left:0}.hud-bracket-br{border-bottom:2px solid var(--accent-blue);border-right:2px solid var(--accent-blue);bottom:0;right:0}.hud-corners-layer{pointer-events:none;z-index:var(--z-float);position:fixed;inset:12px}.page-title-gradient{background:linear-gradient(120deg,#fff 25%,#00d4ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.group-label{letter-spacing:1.5px;color:var(--text-muted);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.group-label:after{content:"";background:linear-gradient(90deg, var(--border-accent), transparent);flex:1;height:1px}.stat-cell{flex-direction:column;gap:2px;display:flex}.stat-cell .stat-label{letter-spacing:.5px;color:var(--text-muted);font-size:9px;font-weight:600}.stat-cell .stat-value{font-family:var(--font-mono);color:var(--text-primary);font-weight:700;line-height:1.2}@keyframes windowPop{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 2px #00d4ff8c,0 0 16px #00d4ff4d,inset 0 0 12px #00d4ff14}50%{box-shadow:0 0 0 3px #00d4ffe6,0 0 34px #00d4ff8c,inset 0 0 18px #00d4ff24}}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:0}}.enter-pop{animation:windowPop .35s var(--ease-out) both}.enter-slide{animation:slideDown .35s var(--ease-out) both}.tour-spotlight{transition:top .28s var(--ease-out), left .28s var(--ease-out), width .28s var(--ease-out), height .28s var(--ease-out);pointer-events:none;border-radius:8px;position:fixed;box-shadow:0 0 0 9999px #020812d1}.tour-ring{animation:glowPulse 1.6s var(--ease-in-out) infinite;transition:top .28s var(--ease-out), left .28s var(--ease-out), width .28s var(--ease-out), height .28s var(--ease-out);pointer-events:none;border:1.5px solid #00d4ffbf;border-radius:10px;position:fixed}.tour-card{width:340px;max-width:calc(100vw - 24px);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-accent);border-top-color:var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:top .26s var(--ease-out), left .26s var(--ease-out), opacity .18s var(--ease-out);background:#091526f7;padding:16px 20px 14px;position:fixed}.tour-step-no{font-family:var(--font-mono);letter-spacing:2px;color:var(--accent-blue);font-size:11px;font-weight:700}.tour-body{min-height:72px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.85}.type-caret{vertical-align:-2px;background:var(--accent-blue);width:7px;height:13px;margin-left:2px;animation:.9s step-end infinite caretBlink;display:inline-block}.tour-dot{height:3px;transition:background var(--duration-normal) var(--ease-out);cursor:pointer;background:#00d4ff24;border-radius:2px;flex:1}.tour-dot.done{background:#00d4ff73}.tour-dot.active{background:var(--accent-blue);box-shadow:0 0 6px #00d4ff80}.tour-help-btn{-webkit-backdrop-filter:blur(6px);border:1px solid var(--border-accent);width:28px;height:28px;color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;z-index:95;-webkit-user-select:none;user-select:none;transition:all var(--duration-normal) var(--ease-out);background:#0a1628a6;border-radius:50%;justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex;position:fixed}.tour-help-btn:hover{color:var(--accent-blue);border-color:var(--border-strong);box-shadow:0 0 12px #00d4ff59}@keyframes landingKenBurns{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes menuSlideIn{0%{opacity:0;transform:skew(-8deg)translate(-24px)}to{opacity:1;transform:skew(-8deg)translate(0)}}@keyframes dustFloat{0%{opacity:0;transform:translate(0,0)}12%{opacity:var(--dust-op,.25)}80%{opacity:calc(var(--dust-op,.25) * .45)}to{transform:translate3d(var(--dust-drift,18px), -104vh, 0);opacity:0}}.landing-hero{transform-origin:72% 42%;animation:landingKenBurns 24s var(--ease-in-out) infinite alternate;background:#060e1a url(/assets/landing-hero.jpg) 70%/cover no-repeat;position:absolute;inset:0}.landing-shade{pointer-events:none;background:linear-gradient(90deg,#030812f0 0%,#030812d1 26%,#0308126b 52%,#0308120d 78%,#03081200 100%);position:absolute;inset:0}.landing-vignette{pointer-events:none;background:radial-gradient(112% 84% at 50% 42%,#0000 40%,#02060ea8 100%),linear-gradient(#02060e57 0%,#0000 15% 58%,#02060ec7 100%);position:absolute;inset:0}.landing-dust{pointer-events:none;will-change:transform;position:absolute;inset:0;overflow:hidden}.landing-dust span{opacity:0;background:radial-gradient(circle at 32% 32%,#aae2ffe6,#00d4ff1f);border-radius:50%;animation:linear infinite dustFloat;position:absolute;bottom:-8px}.landing-logo{z-index:1;max-width:62vw;animation:titleDropIn .7s var(--ease-out) .12s backwards;-webkit-user-select:none;user-select:none;position:absolute;top:44px;left:56px}.landing-logo:before{content:"";z-index:-1;pointer-events:none;filter:blur(20px);width:420px;height:74px;animation:logoGlowIn .9s var(--ease-out) .22s backwards;background:radial-gradient(58% 52% at 40% 54%,#00d4ff8c,#0082aa29 58%,#0000 82%);position:absolute;top:-8px;left:-12px}.landing-logo-title{flex-wrap:wrap;align-items:baseline;gap:0 18px;margin:0;line-height:1;display:flex}.llt-cn{letter-spacing:.12em;color:#e2f3ffd1;font-size:clamp(40px,4.4vw,62px);font-weight:600}.llt-abbr{letter-spacing:.06em;background:linear-gradient(#fff 0%,#eaf9ff 32%,#9adfff 58%,#2f9fce 86%,#176f96 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px #021422e6)drop-shadow(0 0 1px #b4f0ff73);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,4.4vw,62px);font-weight:900}.landing-logo-rule{transform-origin:0;width:420px;max-width:42vw;height:1px;animation:logoLineIn .9s var(--ease-out) .26s backwards;background:linear-gradient(90deg,#00d4ffd9 0%,#00d4ff42 46%,#0000 100%);margin:10px 0 12px;box-shadow:0 0 6px #00d4ff47}.landing-logo-part2{letter-spacing:.26em;background:linear-gradient(100deg,#fff 0% 40%,#8adeff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(17px,1.8vw,24px);font-weight:700}.landing-logo-sub{font-family:var(--font-mono);letter-spacing:.32em;color:var(--text-muted);margin-top:9px;font-size:10px;font-weight:500}.landing-tagline{white-space:nowrap;min-height:15px;font-family:var(--font-mono);letter-spacing:4px;color:var(--text-muted);margin-top:10px;font-size:11px}.landing-version{z-index:1;text-align:right;line-height:1.7;font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-faint);animation:fadeIn .9s var(--ease-out) .6s backwards;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:10px;position:absolute;bottom:16px;right:20px}.landing-menu{z-index:1;flex-direction:column;gap:14px;display:flex;position:absolute;top:50%;left:56px;transform:translateY(-50%)}.hpns-menu-btn{text-align:left;cursor:pointer;width:292px;height:56px;color:var(--text-secondary);font-family:var(--font-sans);transition:transform .26s var(--ease-out), width .26s var(--ease-out), background .26s var(--ease-out), border-color .26s var(--ease-out), box-shadow .26s var(--ease-out), color .26s var(--ease-out);animation:menuSlideIn .52s var(--ease-out) backwards;background:linear-gradient(90deg,#081426b8,#0814265c);border:none;border-left:3px solid #00d4ff59;padding:0 20px;display:block;position:relative;overflow:hidden;transform:skew(-8deg)}.hpns-menu-btn:hover{width:312px;color:var(--text-primary);border-left-color:var(--accent-blue);background:linear-gradient(90deg,#0a1c32d9,#00d4ff14);transform:skew(-8deg)translate(10px);box-shadow:-6px 0 22px #00d4ff1f,inset 0 0 0 1px #00d4ff29}.hpns-menu-btn:active{transform:skew(-8deg)translate(10px)scale(.98)}.hpns-menu-btn:after{content:"";pointer-events:none;background:linear-gradient(105deg,#bef0ff00 0%,#bef0ff38 50%,#bef0ff00 100%);width:46%;height:180%;position:absolute;top:-40%;left:-85%;transform:skew(-12deg)}.hpns-menu-btn:hover:after{transition:left .4s var(--ease-out);left:145%}.hpns-menu-inner{align-items:center;gap:12px;width:100%;height:100%;display:flex;transform:skew(8deg)}.hpns-menu-no{font-family:var(--font-mono);letter-spacing:1px;color:var(--text-faint);flex-shrink:0;font-size:11px}.hpns-menu-label{flex:1;min-width:0}.hpns-menu-zh{letter-spacing:3px;font-size:17px;font-weight:700;line-height:1.2;display:block}.hpns-menu-en{font-family:var(--font-mono);letter-spacing:2.5px;color:var(--text-muted);margin-top:2px;font-size:9px;display:block}.hpns-menu-tail{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-faint);transition:color .26s var(--ease-out);flex-shrink:0;font-size:10px}.hpns-menu-btn:hover .hpns-menu-tail{color:var(--accent-blue)}.hpns-menu-btn.primary{color:#fff;background:linear-gradient(115deg,#007a99f2 0%,#00aacce0 58%,#00d4ff9e 100%);border-left-color:#7fe8ff;width:300px;height:64px;box-shadow:0 4px 26px #00b4dc47,inset 0 0 0 1px #8ce6ff40}.hpns-menu-btn.primary:hover{background:linear-gradient(115deg,#0096bafa 0%,#00c4e8eb 58%,#5ae0ffb8 100%);border-left-color:#b5f1ff;width:320px;box-shadow:-8px 0 30px #00d4ff47,0 6px 34px #00b4dc6b,inset 0 0 0 1px #aaeeff73}.hpns-menu-btn.primary .hpns-menu-zh{letter-spacing:5px;font-size:19px}.hpns-menu-btn.primary .hpns-menu-en{color:#dcf5ffc7}.hpns-menu-btn.primary .hpns-menu-no{color:#c8f0ff8c}.hpns-menu-btn.locked{filter:saturate(.25);color:var(--text-muted);background:linear-gradient(90deg,#101a289e,#101a284d);border-left-color:#5a7a8a66}.hpns-menu-btn.locked:hover{filter:saturate(.45);color:var(--text-secondary);background:linear-gradient(90deg,#142032b3,#14203266);border-left-color:#7896a88c;box-shadow:-4px 0 14px #78a0b414,inset 0 0 0 1px #7896a81f}.locked-tag{letter-spacing:1.5px;color:var(--text-muted);border:1px solid #5a7a8a73;padding:1px 6px;font-size:9px;display:inline-block}.done-dot{vertical-align:1px;background:var(--accent-green);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 8px #00ff888c}.game-modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);animation:fadeIn var(--duration-fast) var(--ease-out);background:#040a168c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-modal{border:1px solid var(--border-accent);width:440px;max-width:92vw;animation:windowPop .28s var(--ease-out);position:relative;box-shadow:0 18px 60px #000000a6,0 0 44px #00d4ff12}.game-modal-head{border-bottom:1px solid var(--border-subtle);background:#00d4ff12;align-items:baseline;gap:10px;padding:13px 20px;display:flex}.game-modal-title{font-family:var(--font-mono);letter-spacing:3px;color:var(--accent-blue);font-size:13px;font-weight:800}.game-modal-title.warn{color:var(--accent-amber)}.game-modal-sub{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);margin-left:auto;font-size:10px}.game-btn{cursor:pointer;font-family:var(--font-sans);letter-spacing:2px;color:var(--text-muted);border:1px solid var(--border-default);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:all var(--duration-normal) var(--ease-out);background:0 0;flex:1;padding:10px 0;font-size:13px;font-weight:600}.game-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:#00d4ff0f}.game-btn:active{transform:scale(.98)}.game-btn.cyan{color:#fff;background:linear-gradient(135deg,#08a,#0ac);border-color:#00d4ff4d}.game-btn.cyan:hover{background:linear-gradient(135deg,#00a0cc,#00c4e8)}.game-btn.amber{color:#0a1628;background:linear-gradient(135deg,#b07a00,#fa0);border-color:#0000}.game-btn.amber:hover{background:linear-gradient(135deg,#cc8e00,#fc3)}.game-btn.danger{color:var(--accent-red);border-color:#ff334459}.game-btn.danger:hover{color:#f67;background:#ff33441a;border-color:#f349}.game-btn.solid-danger{color:#f67;background:#ff334429;border-color:#ff33448c}.game-btn.solid-danger:hover{color:#f89;background:#ff33443d;border-color:#ff3344bf}.setting-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:16px;padding:14px 0;display:flex}.setting-row:last-of-type{border-bottom:none}.setting-name{letter-spacing:1px;color:var(--text-primary);font-size:14px;font-weight:700}.setting-desc{color:var(--text-muted);margin-top:3px;font-size:11.5px;line-height:1.6}.settings-toast{min-height:15px;font-family:var(--font-mono);letter-spacing:1px;color:var(--accent-green);margin-top:10px;font-size:11px}.about-phase{color:var(--text-secondary);background:#00d4ff0d;padding:7px 12px;font-size:12.5px;line-height:1.7}.about-version{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-faint);margin-top:14px;font-size:10px}@keyframes beamSwayA{0%,to{opacity:.3;transform:rotate(-17deg)}50%{opacity:.52;transform:rotate(-13deg)}}@keyframes beamSwayB{0%,to{opacity:.2;transform:rotate(-24deg)}50%{opacity:.42;transform:rotate(-20deg)}}@keyframes mistDrift{0%,to{transform:translate(-5%)}50%{transform:translate(5%)}}@keyframes hudFadeIn{0%{opacity:0}to{opacity:1}}@keyframes titleDropIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoLineIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes logoGlowIn{0%{opacity:0;transform:scale(.96)}to{opacity:.1;transform:scale(1)}}.landing-beams{z-index:0;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.landing-beams .beam{filter:blur(9px);transform-origin:50% 8%;will-change:transform, opacity;background:repeating-linear-gradient(90deg,#96e4ff29 0 2px,#96e4ff00 2px 9px),linear-gradient(#96e4ff38 0%,#00d4ff17 46%,#00d4ff00 88%);width:92px;height:176%;position:absolute;top:-38%}.beam-a{animation:beamSwayA 12s var(--ease-in-out) infinite;left:58%}.beam-b{opacity:.65;width:58px;animation:beamSwayB 17s var(--ease-in-out) infinite;left:75%}.landing-mist{z-index:0;pointer-events:none;filter:blur(26px);height:25%;animation:mistDrift 30s var(--ease-in-out) infinite;will-change:transform;background:radial-gradient(58% 130% at 26% 100%,#4884ac17,#0000 70%),radial-gradient(54% 120% at 66% 100%,#5ca2ca12,#0000 72%),linear-gradient(#40749800 0%,#467ea40f 60%,#528eb41c 100%);position:absolute;bottom:0;left:-10%;right:-10%}.landing-dust span.cyan{background:radial-gradient(circle at 34% 34%,#9eeefff2,#00d4ff4d);box-shadow:0 0 10px #00d4ff73}.landing-hud{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:hudFadeIn .9s var(--ease-out) .5s backwards;will-change:transform;position:absolute;inset:0}.hud-corner{opacity:.55;border:1px solid #00d4ff4d;width:26px;height:26px;position:absolute}.hud-corner.tl{border-bottom:none;border-right:none;top:16px;left:16px}.hud-corner.tr{border-bottom:none;border-left:none;top:16px;right:16px}.hud-corner.bl{border-top:none;border-right:none;bottom:16px;left:16px}.hud-corner.br{border-top:none;border-left:none;bottom:16px;right:16px}.hud-topline{opacity:.13;background:repeating-linear-gradient(90deg,#00d4ffe6 0 1px,#0000 1px 28px) 0 100%/100% 4px no-repeat,linear-gradient(#00d4ffe6,#00d4ff00) 0 0/100% 1px no-repeat;height:5px;position:absolute;top:12px;left:48px;right:48px}.hud-status{font-family:var(--font-mono);letter-spacing:2.5px;color:#00d4ff59;font-size:10px;position:absolute;top:24px;right:56px}@keyframes splashBeamX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes splashRiseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes splashChIn{0%{opacity:0;filter:blur(8px);transform:translateY(20px)scale(1.04)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes splashScanY{0%{opacity:0;top:-16%}12%{opacity:1}82%{opacity:1}to{opacity:0;top:106%}}@keyframes splashLineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes splashSkipIn{0%{opacity:0}to{opacity:1}}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0}}.splash-root{z-index:9999;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(95% 75% at 50% 42%,#0c1c31 0%,#071223 46%,#030a12 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash-vignette{pointer-events:none;background:radial-gradient(74% 64% at 50% 45%,#0000 52%,#02060cc7 100%);position:absolute;inset:0}.splash-glow{filter:blur(48px);opacity:0;pointer-events:none;background:radial-gradient(closest-side,#00c3ff8c,#0073a538 55%,#0000 80%);border-radius:50%;width:min(900px,94vw);height:400px;margin-top:-200px;margin-left:calc(min(900px,94vw)/-2);transition:opacity 1.5s ease-out;position:absolute;top:43%;left:50%}.splash-s2 .splash-glow{opacity:.22}.splash-grid{pointer-events:none;opacity:.055;background-image:linear-gradient(#00d4ff8c 1px,#0000 1px),linear-gradient(90deg,#00d4ff8c 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 56% at 50% 44%,#000,#0000 76%);mask-image:radial-gradient(62% 56% at 50% 44%,#000,#0000 76%)}.splash-scanline{pointer-events:none;opacity:0;background:linear-gradient(#0000 0%,#00d4ff0d 40%,#00d4ff2b 50%,#00d4ff0d 60%,#0000 100%);height:130px;position:absolute;left:0;right:0}.splash-scan .splash-scanline{animation:2.7s cubic-bezier(.35,0,.3,1) .2s both splashScanY}.splash-stage{text-align:center;flex-direction:column;align-items:center;padding:0 24px;display:flex;position:relative}.splash-line-wrap{width:min(560px,72vw);height:2px;margin-bottom:clamp(38px,6.5vh,66px);display:flex}.splash-line{background:linear-gradient(90deg,#0000,#00d4ff 22%,#8beaff 50%,#00d4ff 78%,#0000);width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 12px #00d4ffd9,0 0 36px #00b4f073}.splash-s1 .splash-line{animation:.9s cubic-bezier(.16,1,.3,1) forwards splashBeamX}.splash-title{justify-content:center;align-items:baseline;margin:0 0 clamp(24px,3.8vh,36px);font-size:clamp(88px,14vw,168px);font-weight:900;line-height:1;display:flex}.splash-ch{opacity:0;background:linear-gradient(#fff 26%,#d2efff 58%,#55c1f2 100%);color:#0000;filter:drop-shadow(0 0 18px #00c8ff73)drop-shadow(0 0 60px #0096dc47);-webkit-background-clip:text;background-clip:text;display:inline-block}.splash-ch:not(:last-child){margin-right:.09em}.splash-s2 .splash-ch{animation:.72s cubic-bezier(.16,1,.3,1) both splashChIn}.splash-sub{letter-spacing:.22em;text-indent:.22em;color:#d8effcd6;text-shadow:0 0 22px #00b4f059;opacity:0;white-space:normal;max-width:min(900px,88vw);margin-bottom:13px;font-size:clamp(14px,1.6vw,21px);font-weight:300;line-height:1.55}.splash-s3 .splash-sub{animation:.8s cubic-bezier(.16,1,.3,1) both splashRiseIn}.splash-sub-en{letter-spacing:.32em;text-indent:.32em;color:#8ecaec66;opacity:0;white-space:nowrap;font-family:Consolas,SF Mono,ui-monospace,monospace;font-size:clamp(9px,1vw,11px)}.splash-s3 .splash-sub-en{animation:.8s cubic-bezier(.16,1,.3,1) .26s both splashRiseIn}.splash-credit{opacity:0;align-items:center;gap:18px;margin-top:clamp(42px,7.5vh,76px);display:flex}.splash-s4 .splash-credit{animation:.7s ease-out both splashRiseIn}.splash-credit-line{background:linear-gradient(90deg,#0000,#00d4ff8c);width:64px;height:1px;display:block;transform:scaleX(0)}.splash-credit-line-r{background:linear-gradient(270deg,#0000,#00d4ff8c)}.splash-s4 .splash-credit-line-l{animation:.52s cubic-bezier(.16,1,.3,1) .16s both splashLineGrow}.splash-s4 .splash-credit-line-r{animation:.52s cubic-bezier(.16,1,.3,1) .32s both splashLineGrow}.splash-credit-text{letter-spacing:.26em;color:#c0e2f68a;white-space:nowrap;font-family:Consolas,SF Mono,ui-monospace,monospace;font-size:12px}.splash-skip{text-align:center;letter-spacing:.3em;text-indent:.3em;color:#a2d4f05c;opacity:0;font-family:Consolas,SF Mono,ui-monospace,monospace;font-size:11px;animation:.7s both paused splashSkipIn;position:absolute;bottom:34px;left:0;right:0}.splash-skip-vis .splash-skip{animation-play-state:running}.splash-root.splash-exit,.splash-root.splash-exit .splash-stage,.splash-root.splash-exit .splash-glow,.splash-root.splash-exit .splash-grid,.splash-root.splash-exit .splash-vignette,.splash-root.splash-exit .splash-skip{transition:none!important;animation:.48s ease-out forwards splashFadeOut!important}.landing-cursor-glow{will-change:transform;transition:opacity .4s ease-out}@keyframes fxLineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fxRiseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fxPopIn{0%{opacity:0;transform:scale(.88)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.fx-btn{transition:filter .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out)}.fx-btn:hover:not(:disabled){filter:brightness(1.16);transform:translateY(-1px);box-shadow:0 4px 16px #00d4ff33,0 0 10px #00d4ff24}.fx-btn:active:not(:disabled){filter:brightness(1.06);transition-duration:70ms;transform:translateY(0)scale(.98)}.fx-btn.fx-btn-success:hover:not(:disabled){box-shadow:0 4px 16px #00ff882e,0 0 10px #00ff8824}.fx-btn.fx-btn-warm:hover:not(:disabled){box-shadow:0 4px 16px #fa03,0 0 10px #ffaa0029}.fx-btn.fx-btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ff334438,0 0 10px #ff334429}.fx-card-glow{transition:border-color .22s var(--ease-out), box-shadow .22s var(--ease-out)}.fx-card-glow:hover{border-color:var(--border-accent);box-shadow:0 0 24px #00d4ff14}.fx-sheen:before{transform-origin:0}.fx-sheen:after{transform-origin:100%}.fx-sheen:before,.fx-sheen:after{transition:opacity .2s var(--ease-out), transform .26s var(--ease-out), box-shadow .2s var(--ease-out)}.fx-sheen:hover:before,.fx-sheen:hover:after{opacity:1;transform:scaleX(1.45);box-shadow:0 0 10px #00d4ff80}.fx-lift{transition:transform .22s var(--ease-out), filter .22s var(--ease-out)}.fx-lift:hover{filter:brightness(1.05);transform:translateY(-2px)}.fx-input{transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out)}.fx-input:focus{box-shadow:0 0 0 2px #00d4ff24,0 0 14px #00d4ff1f;border-color:var(--accent-blue)!important}.fx-input::placeholder{color:var(--text-ghost);transition:color .2s var(--ease-out)}.fx-input:hover::placeholder,.fx-input:focus::placeholder{color:var(--text-muted)}.fx-row{transition:background-color .18s var(--ease-out);position:relative}.fx-row:before{content:"";background:var(--accent-blue);opacity:0;width:2px;transition:transform .2s var(--ease-out), opacity .2s var(--ease-out);pointer-events:none;z-index:1;border-radius:1px;position:absolute;top:15%;bottom:15%;left:0;transform:scaleY(0);box-shadow:0 0 6px #00d4ff8c}.fx-row:hover:before{opacity:1;transform:scaleY(1)}.fx-row:hover{background-color:#00d4ff0a}.fx-trow td{transition:background-color .18s var(--ease-out)}.fx-trow:hover td{background-color:#00d4ff0d}.fx-tint{transition:background-color .18s var(--ease-out), box-shadow .18s var(--ease-out)}.fx-tint:hover{box-shadow:inset 0 0 0 1px #00d4ff1a;background-color:#00d4ff0d!important}.fx-choice{transition:transform .18s var(--ease-out), filter .18s var(--ease-out)}.fx-choice:hover:not(:disabled){filter:brightness(1.1);transform:translate(3px)}.fx-choice:active:not(:disabled){transition-duration:70ms;transform:translate(3px)scale(.995)}.fx-chip{transition:filter .16s var(--ease-out), transform .16s var(--ease-out), box-shadow .16s var(--ease-out)}.fx-chip:hover:not(:disabled){filter:brightness(1.28);box-shadow:0 0 10px #00d4ff24}.fx-chip:active:not(:disabled){transform:scale(.95)}.fx-num{font-variant-numeric:tabular-nums}.fx-progress{transition:width .8s cubic-bezier(.22,1,.36,1)}.fx-stagger>*{animation:fxRiseIn .24s var(--ease-out) both}.fx-stagger>:first-child{animation-delay:0s}.fx-stagger>:nth-child(2){animation-delay:60ms}.fx-stagger>:nth-child(3){animation-delay:.12s}.fx-stagger>:nth-child(4){animation-delay:.18s}.fx-stagger>:nth-child(5){animation-delay:.24s}.fx-stagger>:nth-child(n+6){animation-delay:.28s}.fx-rise{animation:fxRiseIn .26s var(--ease-out) both}.fx-pop{animation:fxPopIn .32s var(--ease-out) both}.fx-line-in:after{transform-origin:0;animation:fxLineGrow .5s var(--ease-out) .15s both}.fx-hr{transform-origin:0;animation:fxLineGrow .6s var(--ease-out) both}.fx-icon{transition:transform .2s var(--ease-out), filter .2s var(--ease-out);display:inline-flex}.fx-icon:hover{filter:drop-shadow(0 0 6px #00d4ff73);transform:scale(1.08)}.fx-quiet{transition:color .18s var(--ease-out), text-shadow .18s var(--ease-out)}.fx-quiet:hover{text-shadow:0 0 8px #00d4ff73;color:var(--accent-blue)!important}.fx-net-card{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);background:#00d4ff0a;border:1px solid #00d4ff24;border-left:2px solid #00d4ff40;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.fx-net-card:hover{background:#00d4ff12;border-color:#00d4ff4d}.fx-net-card.on{border-color:#00d4ff73;border-left-color:var(--accent-blue);background:#00d4ff1a;box-shadow:inset 0 0 20px #00d4ff0f}.fx-net-dot{background:var(--text-muted);width:7px;height:7px;transition:background .18s var(--ease-out), box-shadow .18s var(--ease-out);border-radius:50%;flex-shrink:0}.fx-net-card.on .fx-net-dot{background:var(--accent-blue);box-shadow:0 0 8px #00d4ffcc}.fx-net-tag{letter-spacing:.5px;color:var(--text-muted);transition:color .18s var(--ease-out), border-color .18s var(--ease-out);border:1px solid #8899aa4d;padding:1px 6px;font-size:10px}.fx-net-card.on .fx-net-tag{color:var(--accent-blue);border-color:#00d4ff66}.fx-net-desc{color:var(--text-muted);font-size:11.5px;line-height:1.65}.fx-task-ready{color:#d8c090;background:#ffaa000d;border:1px dashed #fa06;padding:12px 14px;font-size:12.5px;line-height:1.7}.fx-retry{color:#ffc76b;cursor:pointer;width:100%;transition:background .18s var(--ease-out), border-color .18s var(--ease-out);background:#ffaa0014;border:1px solid #ffaa0059;margin-top:12px;padding:10px 0;font-size:13.5px}.fx-retry:hover{background:#ffaa0029;border-color:#fa09}.fx-mistake{padding:"10px 14px";color:#ffb3a0;background:#ff33440f;border-left:2px solid #ff33448c;margin-top:10px;padding:10px 14px;font-size:12.5px;line-height:1.7}.demo-btn{color:var(--text-muted);border:1px solid var(--border-default);cursor:pointer;white-space:nowrap;transition:color .16s var(--ease-out), background .16s var(--ease-out), border-color .16s var(--ease-out);background:0 0;border-radius:3px;padding:5px 12px;font-family:inherit;font-size:12.5px}.demo-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:#00d4ff14}.demo-btn.primary{color:var(--accent-blue);border-color:var(--border-accent)}.demo-btn.primary:hover{color:#04121f;background:var(--accent-blue);border-color:var(--accent-blue)}.demo-hint{color:var(--text-tertiary);letter-spacing:.5px;font-size:11px}@media (width<=760px){.demo-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (height<=880px){.landing-menu{top:55%}}@media (height<=780px){.landing-menu{top:58%}}.ait-launch{z-index:150;cursor:pointer;font-family:var(--font-sans);letter-spacing:1.5px;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-full);animation:windowPop .32s var(--ease-out) both;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s var(--ease-out);background:linear-gradient(135deg,#0088aaf0,#00587ef0);border:1px solid #00d4ff66;align-items:center;gap:8px;padding:10px 16px 10px 13px;font-size:12.5px;font-weight:700;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 22px #00000073,0 0 20px #00d4ff38}.ait-launch:hover{background:linear-gradient(135deg,#00a0c8f5,#006e98f5);transform:translateY(-2px);box-shadow:0 8px 28px #00000080,0 0 30px #00d4ff61}.ait-launch:active{transform:translateY(0)scale(.97)}.ait-launch svg{flex-shrink:0;display:block}.ait-panel{z-index:150;width:336px;max-width:calc(100vw - 32px);height:min(520px,100dvh - 40px);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-accent);border-radius:var(--radius-2xl);animation:windowPop .28s var(--ease-out);background:#091526f5;flex-direction:column;display:flex;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 18px 60px #000000a6,0 0 40px #00d4ff14}.ait-head{border-bottom:1px solid var(--border-subtle);background:#00d4ff12;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.ait-head-icon{width:30px;height:30px;color:var(--accent-blue);background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ait-head-text{flex:1;min-width:0}.ait-title{letter-spacing:1.5px;color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.3}.ait-sub{letter-spacing:.5px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:10.5px;overflow:hidden}.ait-icon-btn{cursor:pointer;width:26px;height:26px;color:var(--text-muted);border-radius:var(--radius-md);transition:all .18s var(--ease-out);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ait-icon-btn:hover{color:var(--accent-blue);border-color:var(--border-accent);background:#00d4ff14}.ait-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.ait-msg{border-radius:var(--radius-lg);white-space:pre-wrap;word-break:break-word;max-width:88%;padding:9px 12px;font-size:13px;line-height:1.75}.ait-msg-ai{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#00d4ff0f;border-left:2px solid #00d4ff73;align-self:flex-start}.ait-msg-user{color:var(--text-primary);background:linear-gradient(135deg,#0088aad9,#00648cd9);border:1px solid #00d4ff47;align-self:flex-end}.ait-dots{gap:4px;padding:3px 0;display:inline-flex}.ait-dots i{background:var(--accent-blue);opacity:.4;width:5px;height:5px;animation:aitDot 1.1s var(--ease-in-out) infinite;border-radius:50%}.ait-dots i:nth-child(2){animation-delay:.18s}.ait-dots i:nth-child(3){animation-delay:.36s}@keyframes aitDot{0%,to{opacity:.26;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.ait-sug{flex-direction:column;gap:7px;margin-top:2px;display:flex}.ait-sug-title{letter-spacing:1.5px;color:var(--text-muted);font-size:10px;font-weight:700}.ait-sug-btn{cursor:pointer;text-align:left;font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all .18s var(--ease-out);background:#00d4ff0a;padding:9px 12px;font-size:12.5px;line-height:1.5}.ait-sug-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-accent);background:#00d4ff17;transform:translate(2px)}.ait-sug-btn:disabled{cursor:not-allowed;opacity:.45}.ait-error{letter-spacing:.5px;color:var(--accent-amber);align-self:center;font-size:12px}.ait-foot{border-top:1px solid var(--border-subtle);background:#060e1a99;flex-shrink:0;gap:8px;padding:10px 12px;display:flex}.ait-input{resize:none;min-width:0;max-height:84px;font-family:var(--font-sans);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color .18s var(--ease-out);background:#0d1f35e6;outline:none;flex:1;padding:9px 11px;font-size:13px;line-height:1.6}.ait-input:focus{border-color:var(--border-strong)}.ait-input::placeholder{color:var(--text-faint)}.ait-send{cursor:pointer;font-family:var(--font-sans);letter-spacing:1px;color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);transition:all .18s var(--ease-out);background:linear-gradient(135deg,#08a,#0ac);flex-shrink:0;align-self:flex-end;padding:9px 16px;font-size:12.5px;font-weight:700}.ait-send:hover:not(:disabled){background:linear-gradient(135deg,#00a0cc,#00c4e8)}.ait-send:active:not(:disabled){transform:scale(.97)}.ait-send:disabled{cursor:not-allowed;opacity:.4}@media (width<=640px){.ait-panel{width:auto;height:min(560px,100dvh - 16px);bottom:8px;left:8px;right:8px}.ait-launch{bottom:12px;right:12px}}:root{--hud-accent:#00d4ff;--hud-accent-deep:#0d3f57;--hud-danger:#f34;--hud-bg-1:#060e1a;--hud-bg-2:#0a1628;--hud-bg-3:#0d1f35;--hud-bg-4:#142d4a;--hud-ink-1:#e8f4ff;--hud-ink-2:#c0d0e0;--hud-ink-3:#89a;--hud-ink-4:#3a5a7a;--hud-cut:10px;--hud-a04:color-mix(in srgb, var(--hud-accent) 4%, transparent);--hud-a08:color-mix(in srgb, var(--hud-accent) 8%, transparent);--hud-a18:color-mix(in srgb, var(--hud-accent) 18%, transparent);--hud-a32:color-mix(in srgb, var(--hud-accent) 32%, transparent);--hud-a52:color-mix(in srgb, var(--hud-accent) 52%, transparent);--hud-a78:color-mix(in srgb, var(--hud-accent) 78%, transparent);--hud-line-1:#ffffff17;--hud-line-2:#ffffff0d;--hud-line-a:var(--hud-a52);--hud-shade-soft:#0000002e;--hud-shade-1:#0000004d;--hud-shade-2:#0009;--hud-shade-3:#030810c7;--hud-ease-out:cubic-bezier(.22, .8, .28, 1);--hud-ease-in:cubic-bezier(.4, 0, 1, 1);--hud-ease-io:cubic-bezier(.4, 0, .2, 1);--hud-ease-back:cubic-bezier(.34, 1.4, .44, 1);--hud-dur-1:.15s;--hud-dur-2:.28s;--hud-dur-3:.48s;--hud-fs-label:.74rem;--hud-fs-micro:.68rem;--hud-fs-kpi:clamp(1.8rem, 2.6vw, 2.4rem);--cut-panel:polygon(var(--hud-cut) 0, 100% 0, 100% calc(100% - var(--hud-cut)), calc(100% - var(--hud-cut)) 100%, 0 100%, 0 var(--hud-cut));--cut-panel-lg:polygon(calc(var(--hud-cut) + 3px) 0, calc(100% - var(--hud-cut) - 3px) 0, 100% calc(var(--hud-cut) + 3px), 100% calc(100% - var(--hud-cut) - 3px), calc(100% - var(--hud-cut) - 3px) 100%, calc(var(--hud-cut) + 3px) 100%, 0 calc(100% - var(--hud-cut) - 3px), 0 calc(var(--hud-cut) + 3px));--cut-card:polygon(calc(var(--hud-cut) - 3px) 0, 100% 0, 100% calc(100% - var(--hud-cut) + 3px), calc(100% - var(--hud-cut) + 3px) 100%, 0 100%, 0 calc(var(--hud-cut) - 3px));--cut-btn:polygon(0 0, calc(100% - var(--hud-cut) + 4px) 0, 100% calc(var(--hud-cut) - 4px), 100% 100%, 0 100%);--cut-btn-lg:polygon(0 0, calc(100% - var(--hud-cut) + 1px) 0, 100% calc(var(--hud-cut) - 1px), 100% 100%, 0 100%);--cut-chip:polygon(0 0, calc(100% - 4px) 0, 100% 4px, 100% 100%, 0 100%);--cut-bar:polygon(0 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%);--cut-tr-bl:polygon(0 0, calc(100% - var(--hud-cut)) 0, 100% var(--hud-cut), 100% 100%, var(--hud-cut) 100%, 0 calc(100% - var(--hud-cut)))}.hud-app{isolation:isolate;position:relative}.hud-app :is(.card,.glass-card,.tactical-card,.modal-content,.modal-overlay,.game-modal,.game-modal-head,.game-modal-sub,.game-modal-overlay,.badge,.locked-tag,.stat-cell,.demo-btn,.game-btn,.btn,.fx-card-glow,.fx-net-card,.fx-chip,.fx-input,.fx-tint,.fx-task-ready,.tour-card,.settings-toast,.section-bar),.hud-app [style*=border-radius]{border-radius:0!important}.hud-app [style*=border-top-color]{border-radius:50%!important}.hud-app :is(.fx-num,.stat-value,.stat-cell,.hud-num,.splash-credit-text,.demo-hint){font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.hud-app .stat-value{min-width:5ch}.hud-app :is(button,a,input,select,textarea,[tabindex]):focus-visible{box-shadow:0 0 0 2px var(--hud-a52);outline:none}.hud-app ::-webkit-scrollbar-thumb{background:var(--hud-a32);border-radius:0}.hud-app ::-webkit-scrollbar-thumb:hover{background:var(--hud-a52)}.hud-app ::selection{background:var(--hud-a32);color:var(--hud-ink-1)}.hud-panel,.hud-app .panel-cut,.hud-app .card,.hud-app .glass-card,.hud-app .tactical-card{clip-path:var(--cut-panel);box-shadow:inset 0 1px 0 0 var(--hud-a32), inset 0 0 0 1px var(--hud-line-2);transition:box-shadow var(--hud-dur-2) var(--hud-ease-out);border-radius:0!important}.hud-app .panel-cut:hover{box-shadow:inset 0 1px 0 0 var(--hud-a52), inset 0 0 0 1px var(--hud-line-1)}.hud-app .hud-panel--main{clip-path:var(--cut-panel-lg)}.hud-btn,.hud-app .fx-btn,.hud-app .game-btn,.hud-app .btn,.hud-app .btn-primary,.hud-app .btn-secondary,.hud-app .btn-ghost,.hud-app .btn-success,.hud-app .btn-warning,.hud-app .btn-danger{clip-path:var(--cut-btn);box-shadow:inset 0 1px 0 0 var(--hud-a18);transition:border-color var(--hud-dur-1) var(--hud-ease-out), box-shadow var(--hud-dur-2) var(--hud-ease-out), transform var(--hud-dur-1) var(--hud-ease-out), background-color var(--hud-dur-1) var(--hud-ease-out);border-color:var(--hud-a32)!important;border-radius:0!important}.hud-app :is(.fx-btn,.game-btn,.btn):hover:not(:disabled){box-shadow:inset 0 1px 0 0 var(--hud-a32), 0 0 14px var(--hud-a18);transform:translateY(-1px);border-color:var(--hud-a78)!important}.hud-app :is(.fx-btn,.game-btn,.btn):active:not(:disabled){box-shadow:inset 0 2px 6px var(--hud-shade-1);transform:translateY(0)}.hud-app :is(.fx-btn,.game-btn,.btn):disabled{clip-path:none;box-shadow:none;border-color:var(--hud-line-2)!important}.hud-app :is(.btn-primary,.btn-success,.hpns-menu-btn){clip-path:var(--cut-btn-lg);border-color:var(--hud-a52)!important}.hud-app .hud-kpi,.hud-app .stat-cell{clip-path:var(--cut-card);box-shadow:inset 0 1px 0 0 var(--hud-a18), inset 3px 0 0 0 var(--hud-a32);border-radius:0!important}.hud-chip,.hud-app .badge,.hud-app .locked-tag,.hud-app .group-label{clip-path:var(--cut-chip);letter-spacing:.04em;border-radius:0!important}.hud-seg,.hud-app .fx-chip,.hud-app .fx-choice{clip-path:none;border-color:var(--hud-line-1)!important;border-radius:0!important}.hud-readout,.hud-app .fx-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.01em}.hud-status,.hud-app .status-dot,.hud-app .done-dot,.hud-app .fx-net-dot{border-radius:0!important}.hud-bar,.hud-app .fx-progress,.hud-app .hud-topline,.hud-app .section-bar{clip-path:var(--cut-bar);border-radius:0!important}.hud-app .fx-progress>*{background-image:linear-gradient(90deg, var(--hud-a52), var(--hud-accent));border-radius:0!important}.hud-table,.hud-app .list-divide{border-radius:0!important}.hud-app .fx-row,.hud-app .fx-trow,.hud-app .setting-row{box-shadow:inset 2px 0 0 0 var(--hud-a18);transition:box-shadow var(--hud-dur-1) var(--hud-ease-out), background-color var(--hud-dur-1) var(--hud-ease-out)}.hud-app :is(.fx-row,.fx-trow,.setting-row):hover{box-shadow:inset 2px 0 0 0 var(--hud-a52)}@keyframes hud-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes hud-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes hud-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.75;transform:scale(1.02)}}@keyframes hud-spin{to{transform:rotate(360deg)}}@keyframes hud-boot{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes hud-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hud-tick{0%{background-position:0 0}to{background-position:24px 0}}html[data-hud-motion=subtle] .hud-atmo__scan{display:none}html[data-hud-motion=subtle] .hud-panel,html[data-hud-motion=subtle] .hud-atmo__grid{animation:none}html[data-hud-motion=standard] .hud-atmo__scan{display:block}html[data-hud-motion=off] *,html[data-hud-motion=off] :before,html[data-hud-motion=off] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.hud-app *,.hud-app :before,.hud-app :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hud-atmo{z-index:6;pointer-events:none;display:block;position:fixed;inset:0}.hud-atmo__grid{background-image:linear-gradient(to right, var(--hud-line-2) 1px, transparent 1px), linear-gradient(to bottom, var(--hud-line-2) 1px, transparent 1px);opacity:.5;background-size:80px 80px,80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 62%,#0000 38%,#000 100%);mask-image:radial-gradient(72% 62%,#0000 38%,#000 100%)}.hud-atmo__scan{background:linear-gradient(180deg, transparent 0%, var(--hud-a04) 45%, var(--hud-a08) 50%, var(--hud-a04) 55%, transparent 100%);opacity:.55;height:22%;animation:9s linear infinite hud-scan;position:absolute;inset:0;overflow:hidden}.hud-atmo__corners{background-image:linear-gradient(to right, var(--hud-a52) 0 34px, transparent 34px), linear-gradient(to bottom, var(--hud-a52) 0 34px, transparent 34px), linear-gradient(to left, var(--hud-a52) 0 34px, transparent 34px), linear-gradient(to top, var(--hud-a52) 0 34px, transparent 34px);opacity:.6;background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;background-size:34px 1px,1px 34px,34px 1px,1px 34px;position:absolute;inset:14px}.hud-atmo__vignette{background:radial-gradient(78% 70%,#0000 55%,#00000047 100%);position:absolute;inset:0}html[data-hud-atmo=off] .hud-atmo{display:none}@media (width<=1366px){.hud-atmo__grid{background-size:64px 64px,64px 64px}}@media (width<=640px){.hud-atmo{opacity:.5}.hud-atmo__grid{display:none}}html[data-hud-motion=off] .hud-atmo__scan{display:none}html[data-hud-env=projector] .hud-atmo__vignette{background:radial-gradient(ellipse 82% 74% at 50% 50%, transparent 62%, var(--hud-shade-soft) 100%)}html[data-hud-env=projector] .hud-app .panel-cut,html[data-hud-env=projector] .hud-app .card{box-shadow:inset 0 1px 0 0 var(--hud-a52), inset 0 0 0 1px var(--hud-line-1)}@media print{.hud-atmo,.hud-app .fx-card-glow,.hud-app .no-print{display:none!important}.hud-app *,.hud-app :before,.hud-app :after{clip-path:none!important;box-shadow:none!important;transition:none!important;animation:none!important}.hud-app .panel-cut,.hud-app .card,.hud-app .glass-card{border:1px solid var(--hud-line-1)!important}}@supports not (clip-path:polygon(0 0, 100% 0, 100% 100%)){.hud-app .panel-cut,.hud-app .card,.hud-app .glass-card,.hud-app .tactical-card,.hud-app .fx-btn,.hud-app .game-btn,.hud-app .btn{clip-path:none;border:1px solid var(--hud-a32)!important}}.hud-app :is(.fx-btn,.hpns-menu-btn,.game-btn,.badge,.locked-tag){overflow-wrap:anywhere}.hud-app .hpns-menu-btn{clip-path:var(--cut-btn-lg);box-shadow:inset 3px 0 0 0 var(--hud-a52), inset 0 1px 0 0 var(--hud-a18);transition:border-color var(--hud-dur-1) var(--hud-ease-out), box-shadow var(--hud-dur-2) var(--hud-ease-out), transform var(--hud-dur-1) var(--hud-ease-out);border:1px solid var(--hud-line-1)!important;border-radius:0!important}.hud-app .hpns-menu-btn:hover{box-shadow:inset 3px 0 0 0 var(--hud-accent), inset 0 1px 0 0 var(--hud-a32), 0 0 18px var(--hud-a18);transform:translateY(-1px);border-color:var(--hud-a78)!important}.hud-app :is(.hpns-menu-no,.hpns-menu-en){font-variant-numeric:tabular-nums;border-radius:0!important}.hud-app .fx-input{clip-path:var(--cut-btn);box-shadow:inset 0 2px 6px var(--hud-shade-1);transition:border-color var(--hud-dur-1) var(--hud-ease-out), box-shadow var(--hud-dur-2) var(--hud-ease-out);border-color:var(--hud-line-1)!important;border-radius:0!important}.hud-app .fx-input:focus{box-shadow:inset 0 2px 6px var(--hud-shade-1), 0 0 0 2px var(--hud-a18);border-color:var(--hud-a78)!important}.hud-app .fx-card-glow{clip-path:var(--cut-card);box-shadow:inset 0 1px 0 0 var(--hud-a18);transition:box-shadow var(--hud-dur-2) var(--hud-ease-out), transform var(--hud-dur-1) var(--hud-ease-out);border-radius:0!important}.hud-app .fx-card-glow:hover{box-shadow:inset 0 1px 0 0 var(--hud-a32), 0 0 18px var(--hud-a08);transform:translateY(-1px)}.hud-app :is(.demo-btn,.fx-quiet,.fx-retry,.ait-icon-btn,.tour-help-btn,.splash-skip){clip-path:none;border:1px solid var(--hud-line-1)!important;border-radius:0!important}.hud-app :is(.demo-btn,.fx-quiet,.fx-retry,.ait-icon-btn):hover{border-color:var(--hud-a52)!important}.hud-app :is(.game-modal,.modal-content){clip-path:var(--cut-panel-lg);box-shadow:0 0 0 1px var(--hud-line-1), 0 24px 64px var(--hud-shade-2);border-radius:0!important}.hud-app :is(.game-modal-overlay,.modal-overlay){background:var(--hud-shade-3)!important}.hud-app .ait-panel{clip-path:var(--cut-card);border-color:var(--hud-line-1)!important;border-radius:0!important}.hud-app :is(.ait-input,.ait-send,.ait-msg,.ait-sug-btn,.ait-launch){border-radius:0!important}.hud-app .ait-msg-user{clip-path:var(--cut-chip)}.hud-app :is(.title-line,.hud-topline){background-image:linear-gradient(90deg, var(--hud-accent), var(--hud-a04))!important}.hud-app .accent-left{box-shadow:inset 2px 0 0 0 var(--hud-accent)}.hud-app .accent-top{box-shadow:inset 0 2px 0 0 var(--hud-accent)}.hud-app :is(.hud-brackets,.hud-corner,.corner-accent,.hud-corners-layer){color:var(--hud-a52)}.hud-app .fx-mistake{border-color:color-mix(in srgb, var(--hud-danger) 45%, transparent)!important}.hud-app :is(.splash-glow,.landing-cursor-glow,.tour-ring,.tour-spotlight){border-radius:50%!important}