@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--bg-deep: #0a1628;--bg-panel: #0d1f35;--bg-card: #112240;--text-primary: #e0e8f0;--text-secondary: #8899aa;--accent-cyan: #00d4ff;--accent-green: #00ff88;--accent-orange: #ff6b35;--accent-gold: #ffd700;--accent-red: #ff3344;--border: #1a3350;--border-glow: rgba(0, 212, 255, .3);--shadow-panel: 0 4px 24px rgba(0, 0, 0, .4);--radius: 6px}body{background:var(--bg-deep);color:var(--text-primary);font-family:Noto Sans SC,PingFang SC,system-ui,-apple-system,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}#root{width:100vw;height:100dvh;display:flex;flex-direction:column}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:14px;transition:all .2s ease}input,select{font-family:inherit;font-size:14px;outline:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}:root{--bg-deepest: #060e1a;--bg-deep: #0a1628;--bg-card: #0d1f35;--bg-card-hover: #112a48;--bg-elevated: #142d4a;--bg-overlay: rgba(4, 10, 20, .72);--accent-blue: #00d4ff;--accent-green: #00ff88;--accent-amber: #ffaa00;--accent-orange: #ff6b35;--accent-red: #ff3344;--accent-gold: #ffd700;--text-primary: #e8f4ff;--text-secondary: #c0d0e0;--text-tertiary: #8899aa;--text-muted: #5a7a9a;--text-faint: #3a5a7a;--text-ghost: #2a4a6a;--border-subtle: rgba(0, 212, 255, .12);--border-default: #1a3350;--border-accent: rgba(0, 212, 255, .25);--border-strong: rgba(0, 212, 255, .4);--glass-bg: rgba(13, 31, 53, .85);--glass-border: rgba(0, 212, 255, .15);--glass-blur: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(0, 212, 255, .15);--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}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-deep);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100dvh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff4d}::selection{background:#00d4ff40;color:var(--text-primary)}:focus-visible{outline:2px solid rgba(0,212,255,.6);outline-offset:2px}@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%{transform:translateY(0) scale(.8);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(-100vh) scale(1.2);opacity:0}}@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:.05s}.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);backdrop-filter:blur(var(--glass-blur));-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{display:inline-flex;align-items:center;justify-content: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);border:1px solid transparent;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#08a,#0ac);color:var(--text-primary);border-color:var(--border-strong);box-shadow:0 2px 12px #00b4dc26}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00a0cc,#00c4e8);box-shadow:0 4px 20px #00b4dc4d;border-color:var(--accent-blue);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-muted);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){color:var(--text-secondary);border-color:var(--border-accent);background:#00d4ff0d}.btn-success{background:linear-gradient(135deg,#0a6,#0c8);color:var(--text-primary);border-color:#00ff8859;box-shadow:0 2px 12px #00c87826}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#0c7,#0e9);box-shadow:0 4px 20px #00c8784d;transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#b07a00,#fa0);color:#0a1628;border-color:#fa06}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#cc8e00,#fc3);box-shadow:0 4px 20px #ffaa004d;transform:translateY(-1px)}.btn-danger{background:transparent;color:var(--accent-red);border-color:#ff33444d}.btn-danger:hover:not(:disabled){background:#ff33441a;border-color:#ff334480}.btn-ghost{background:transparent;color:var(--text-tertiary);border:none;padding:var(--sp-2) var(--sp-3)}.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);background:#00d4ff0f;border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);font-weight:700;color:var(--accent-blue)}.card-body{padding:var(--sp-4)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;letter-spacing:.5px}.badge-blue{background:#00d4ff1f;color:var(--accent-blue);border:1px solid rgba(0,212,255,.3)}.badge-green{background:#00ff881a;color:var(--accent-green);border:1px solid rgba(0,255,136,.3)}.badge-amber{background:#ffaa001f;color:var(--accent-amber);border:1px solid rgba(255,170,0,.3)}.badge-red{background:#ff33441f;color:var(--accent-red);border:1px solid rgba(255,51,68,.3)}.badge-orange{background:#ff6b351f;color:var(--accent-orange);border:1px solid rgba(255,107,53,.3)}.status-dot{width:8px;height:8px;border-radius:50%;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{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--duration-fast) var(--ease-out)}.modal-content{width:420px;max-width:90vw;max-height:85vh;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-2xl);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-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-warm{background:linear-gradient(135deg,var(--accent-red),var(--accent-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;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 (max-width: 1024px){.hide-tablet{display:none!important}}@media (max-width: 768px){.hide-mobile{display:none!important}.mobile-full{width:100%!important}.mobile-stack{flex-direction:column!important}}@media print{body{background:#fff;color:#000}.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{position:relative;background:#00d4ff0f;border-bottom:1px solid var(--border-subtle);padding:10px 16px;font-size:13px;font-weight:700;color:var(--accent-blue);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.section-bar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,var(--accent-blue),transparent);opacity:.3}.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{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,212,255,.08);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);transition:all var(--duration-normal) var(--ease-out)}.tactical-card:before{content:"";position:absolute;top:0;left:0;width:34px;height:2px;background:var(--accent-blue);opacity:.8;z-index:1;pointer-events:none}.tactical-card:after{content:"";position:absolute;bottom:0;right:0;width:34px;height:2px;background:var(--accent-blue);opacity:.6;z-index:1;pointer-events:none}.tactical-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.corner-accent{position:relative}.corner-accent:before,.corner-accent:after{content:"";position:absolute;background:var(--accent-blue);opacity:.4;transition:opacity var(--duration-normal) var(--ease-out)}.corner-accent:before{top:0;left:0;width:24px;height:1px}.corner-accent:after{top:0;left:0;width:1px;height:24px}.corner-accent:hover:before,.corner-accent:hover:after{opacity:.7}.diagonal-stripe{position:relative;overflow:hidden}.diagonal-stripe:after{content:"";position:absolute;top:0;right:-20px;width:40px;height:100%;background:linear-gradient(135deg,transparent 30%,rgba(0,212,255,.06) 50%,transparent 70%);transform:skew(-12deg);pointer-events:none}.panel-cut{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-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)}.panel-cut:before{content:"";position:absolute;top:0;left:0;width:34px;height:2px;background:var(--accent-blue);opacity:.8;z-index:1;pointer-events:none}.panel-cut:after{content:"";position:absolute;bottom:0;right:0;width:34px;height:2px;background:var(--accent-blue);opacity:.8;z-index:1;pointer-events:none}.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{display:flex;align-items:center;gap:10px}.title-line:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--accent-blue),transparent);opacity:.45}.hud-brackets{position:relative}.hud-brackets:before{content:"";position:absolute;top:0;left:0;width:26px;height:26px;border-top:2px solid var(--accent-blue);border-left:2px solid var(--accent-blue);opacity:.65;pointer-events:none;z-index:2}.hud-brackets:after{content:"";position:absolute;bottom:0;right:0;width:26px;height:26px;border-bottom:2px solid var(--accent-blue);border-right:2px solid var(--accent-blue);opacity:.65;pointer-events:none;z-index:2}.hud-bracket-tl,.hud-bracket-tr,.hud-bracket-bl,.hud-bracket-br{position:absolute;width:26px;height:26px;pointer-events:none;z-index:2;opacity:.65}.hud-bracket-tl{top:0;left:0;border-top:2px solid var(--accent-blue);border-left:2px solid var(--accent-blue)}.hud-bracket-tr{top:0;right:0;border-top:2px solid var(--accent-blue);border-right:2px solid var(--accent-blue)}.hud-bracket-bl{bottom:0;left:0;border-bottom:2px solid var(--accent-blue);border-left:2px solid var(--accent-blue)}.hud-bracket-br{bottom:0;right:0;border-bottom:2px solid var(--accent-blue);border-right:2px solid var(--accent-blue)}.hud-corners-layer{position:fixed;top:12px;right:12px;bottom:12px;left:12px;pointer-events:none;z-index:var(--z-float)}.page-title-gradient{background:linear-gradient(120deg,#fff 25%,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.group-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--text-muted)}.group-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-accent),transparent)}.stat-cell{display:flex;flex-direction:column;gap:2px}.stat-cell .stat-label{font-size:9px;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.stat-cell .stat-value{font-family:var(--font-mono);font-weight:700;color:var(--text-primary);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{position:fixed;border-radius:8px;box-shadow:0 0 0 9999px #020812d1;transition:top .28s var(--ease-out),left .28s var(--ease-out),width .28s var(--ease-out),height .28s var(--ease-out);pointer-events:none}.tour-ring{position:fixed;border-radius:10px;border:1.5px solid rgba(0,212,255,.75);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}.tour-card{position:fixed;width:340px;max-width:calc(100vw - 24px);background:#091526f7;backdrop-filter:blur(var(--glass-blur));-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);padding:16px 20px 14px;transition:top .26s var(--ease-out),left .26s var(--ease-out),opacity .18s var(--ease-out)}.tour-step-no{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;font-weight:700;color:var(--accent-blue)}.tour-body{min-height:72px;margin:0;font-size:13px;line-height:1.85;color:var(--text-secondary)}.type-caret{display:inline-block;width:7px;height:13px;margin-left:2px;vertical-align:-2px;background:var(--accent-blue);animation:caretBlink .9s step-end infinite}.tour-dot{flex:1;height:3px;border-radius:2px;background:#00d4ff24;transition:background var(--duration-normal) var(--ease-out);cursor:pointer}.tour-dot.done{background:#00d4ff73}.tour-dot.active{background:var(--accent-blue);box-shadow:0 0 6px #00d4ff80}.tour-help-btn{position:fixed;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a1628a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border-accent);color:var(--text-muted);font-family:var(--font-mono);font-size:13px;line-height:1;cursor:pointer;z-index:95;-webkit-user-select:none;user-select:none;transition:all var(--duration-normal) var(--ease-out)}.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%{transform:translateZ(0);opacity: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{position:absolute;top:0;right:0;bottom:0;left:0;background:#060e1a url(/assets/landing-hero.jpg) no-repeat;background-size:cover;background-position:70% center;transform-origin:72% 42%;animation:landingKenBurns 24s var(--ease-in-out) infinite alternate}.landing-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#030812f0,#030812d1,#0308126b,#0308120d 78%,#03081200)}.landing-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(112% 84% at 50% 42%,#0000 40%,#02060ea8),linear-gradient(180deg,#02060e57,#0000 15%,#0000 58%,#02060ec7)}.landing-dust{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.landing-dust span{position:absolute;bottom:-8px;border-radius:50%;background:radial-gradient(circle at 32% 32%,#aae2ffe6,#00d4ff1f);opacity:0;animation:dustFloat linear infinite}.landing-logo{position:absolute;left:56px;top:44px;z-index:1;max-width:62vw;animation:titleDropIn .7s var(--ease-out) .12s backwards;-webkit-user-select:none;user-select:none}.landing-logo:before{content:"";position:absolute;top:-78px;left:-64px;width:540px;height:280px;z-index:-1;pointer-events:none;background:radial-gradient(48% 52% at 38% 48%,rgba(0,212,255,.85),rgba(0,122,153,.35) 55%,transparent 78%);filter:blur(12px);animation:logoGlowIn .9s var(--ease-out) .22s backwards}.landing-logo-title{margin:0;font-size:clamp(26px,2.8vw,38px);font-weight:800;letter-spacing:4px;line-height:1.25;text-shadow:0 0 18px rgba(0,212,255,.4),0 0 46px rgba(0,160,210,.22)}.landing-logo-sub{margin-top:8px;font-size:14px;font-weight:600;letter-spacing:6px;color:var(--text-secondary)}.landing-tagline{margin-top:13px;min-height:15px;white-space:nowrap;font-family:var(--font-mono);font-size:11px;letter-spacing:4px;color:var(--text-muted)}.landing-version{position:absolute;right:20px;bottom:16px;z-index:1;text-align:right;line-height:1.7;font-family:var(--font-mono);font-size:10px;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}.landing-menu{position:absolute;left:56px;top:46%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;gap:14px}.hpns-menu-btn{position:relative;display:block;width:292px;height:56px;padding:0 20px;overflow:hidden;text-align:left;cursor:pointer;color:var(--text-secondary);font-family:var(--font-sans);background:linear-gradient(90deg,#081426b8,#0814265c);border:none;border-left:3px solid rgba(0,212,255,.35);transform:skew(-8deg);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}.hpns-menu-btn:hover{transform:skew(-8deg) translate(10px);width:312px;color:var(--text-primary);background:linear-gradient(90deg,#0a1c32d9,#00d4ff14);border-left-color:var(--accent-blue);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:"";position:absolute;top:-40%;left:-85%;width:46%;height:180%;pointer-events:none;background:linear-gradient(105deg,#bef0ff00,#bef0ff38,#bef0ff00);transform:skew(-12deg)}.hpns-menu-btn:hover:after{left:145%;transition:left .4s var(--ease-out)}.hpns-menu-inner{display:flex;align-items:center;gap:12px;width:100%;height:100%;transform:skew(8deg)}.hpns-menu-no{flex-shrink:0;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--text-faint)}.hpns-menu-label{flex:1;min-width:0}.hpns-menu-zh{display:block;font-size:17px;font-weight:700;letter-spacing:3px;line-height:1.2}.hpns-menu-en{display:block;margin-top:2px;font-family:var(--font-mono);font-size:9px;letter-spacing:2.5px;color:var(--text-muted)}.hpns-menu-tail{flex-shrink:0;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;color:var(--text-faint);transition:color .26s var(--ease-out)}.hpns-menu-btn:hover .hpns-menu-tail{color:var(--accent-blue)}.hpns-menu-btn.primary{width:300px;height:64px;color:#fff;background:linear-gradient(115deg,#007a99f2,#00aacce0 58%,#00d4ff9e);border-left-color:#7fe8ff;box-shadow:0 4px 26px #00b4dc47,inset 0 0 0 1px #8ce6ff40}.hpns-menu-btn.primary:hover{width:320px;background:linear-gradient(115deg,#0096bafa,#00c4e8eb 58%,#5ae0ffb8);border-left-color:#b5f1ff;box-shadow:-8px 0 30px #00d4ff47,0 6px 34px #00b4dc6b,inset 0 0 0 1px #aaeeff73}.hpns-menu-btn.primary .hpns-menu-zh{font-size:19px;letter-spacing:5px}.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{display:inline-block;padding:1px 6px;font-size:9px;letter-spacing:1.5px;color:var(--text-muted);border:1px solid rgba(90,122,138,.45)}.done-dot{display:inline-block;width:6px;height:6px;margin-right:5px;vertical-align:1px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px #00ff888c}.game-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#040a168c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--duration-fast) var(--ease-out)}.game-modal{position:relative;width:440px;max-width:92vw;border:1px solid var(--border-accent);box-shadow:0 18px 60px #000000a6,0 0 44px #00d4ff12;animation:windowPop .28s var(--ease-out)}.game-modal-head{display:flex;align-items:baseline;gap:10px;padding:13px 20px;background:#00d4ff12;border-bottom:1px solid var(--border-subtle)}.game-modal-title{font-family:var(--font-mono);font-size:13px;font-weight:800;letter-spacing:3px;color:var(--accent-blue)}.game-modal-title.warn{color:var(--accent-amber)}.game-modal-sub{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--text-muted)}.game-btn{flex:1;padding:10px 0;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:2px;color:var(--text-muted);background:transparent;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)}.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:transparent}.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{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.setting-row:last-of-type{border-bottom:none}.setting-name{font-size:14px;font-weight:700;letter-spacing:1px;color:var(--text-primary)}.setting-desc{margin-top:3px;font-size:11.5px;line-height:1.6;color:var(--text-muted)}.settings-toast{min-height:15px;margin-top:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--accent-green)}.about-phase{padding:7px 12px;background:#00d4ff0d;font-size:12.5px;line-height:1.7;color:var(--text-secondary)}.about-version{margin-top:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--text-faint)}@keyframes beamSwayA{0%,to{transform:rotate(-17deg);opacity:.3}50%{transform:rotate(-13deg);opacity:.52}}@keyframes beamSwayB{0%,to{transform:rotate(-24deg);opacity:.2}50%{transform:rotate(-20deg);opacity:.42}}@keyframes mistDrift{0%,to{transform:translate3d(-5%,0,0)}50%{transform:translate3d(5%,0,0)}}@keyframes hudFadeIn{0%{opacity:0}to{opacity:1}}@keyframes titleDropIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoGlowIn{0%{opacity:0;transform:scale(.94)}to{opacity:.14;transform:scale(1)}}.landing-beams{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none;mix-blend-mode:screen}.landing-beams .beam{position:absolute;top:-38%;height:176%;width:190px;filter:blur(34px);background:linear-gradient(to bottom,#96e4ff5c,#00d4ff2b,#00d4ff00 88%);transform-origin:50% 8%;will-change:transform,opacity}.beam-a{left:57%;animation:beamSwayA 12s var(--ease-in-out) infinite}.beam-b{left:74%;width:128px;animation:beamSwayB 17s var(--ease-in-out) infinite}.landing-mist{position:absolute;left:-10%;right:-10%;bottom:0;height:25%;z-index:0;pointer-events:none;filter:blur(26px);background:radial-gradient(58% 130% at 26% 100%,rgba(72,132,172,.2),transparent 70%),radial-gradient(54% 120% at 66% 100%,rgba(92,162,202,.16),transparent 72%),linear-gradient(180deg,#40749800,#467ea421 60%,#528eb438);animation:mistDrift 30s var(--ease-in-out) infinite;will-change:transform}.landing-dust span.cyan{background:radial-gradient(circle at 34% 34%,#9eeefff2,#00d4ff4d);box-shadow:0 0 10px #00d4ff73}.landing-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:hudFadeIn .9s var(--ease-out) .5s backwards}.hud-corner{position:absolute;width:26px;height:26px;border:1px solid rgba(0,212,255,.3);opacity:.55}.hud-corner.tl{top:16px;left:16px;border-right:none;border-bottom:none}.hud-corner.tr{top:16px;right:16px;border-left:none;border-bottom:none}.hud-corner.bl{bottom:16px;left:16px;border-right:none;border-top:none}.hud-corner.br{bottom:16px;right:16px;border-left:none;border-top:none}.hud-topline{position:absolute;top:12px;left:48px;right:48px;height:5px;opacity:.13;background:repeating-linear-gradient(90deg,rgba(0,212,255,.9) 0 1px,transparent 1px 28px) left bottom / 100% 4px no-repeat,linear-gradient(180deg,#00d4ffe6,#00d4ff00) left top / 100% 1px no-repeat}.hud-status{position:absolute;top:24px;right:56px;font-family:var(--font-mono);font-size:10px;letter-spacing:2.5px;color:#00d4ff59}@keyframes splashLineExpand{0%{transform:translate(-50%) scaleX(0)}to{transform:translate(-50%) scaleX(1)}}@keyframes splashFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes splashSubFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes splashGlowIn{0%{opacity:0;transform:scale(.6)}to{opacity:.18;transform:scale(1)}}@keyframes splashCreditLine{0%{transform:translate(-50%) scaleX(0)}to{transform:translate(-50%) scaleX(1)}}@keyframes splashSkipIn{0%{opacity:0}to{opacity:1}}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0}}.splash-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#060e1a;cursor:pointer;overflow:hidden;transition:opacity .4s ease-out}.splash-root.splash-exit,.splash-root.splash-exit .splash-line,.splash-root.splash-exit .splash-title,.splash-root.splash-exit .splash-sub,.splash-root.splash-exit .splash-credit,.splash-root.splash-exit .splash-glow,.splash-root.splash-exit .splash-skip{animation:splashFadeOut .4s ease-out forwards!important;opacity:0}.splash-line{position:absolute;top:55%;left:50%;width:400px;height:2px;transform:translate(-50%) scaleX(0);background:#00d4ff;box-shadow:0 0 8px #00d4ff99,0 0 24px #00d4ff4d,0 0 48px #00d4ff1f;will-change:transform;opacity:0}.splash-s1 .splash-line{animation:splashLineExpand .7s cubic-bezier(.16,1,.3,1) forwards;opacity:1}.splash-title{position:absolute;top:55%;left:50%;transform:translate(-50%,calc(-50% - 40px));font-size:72px;font-weight:800;letter-spacing:20px;color:#fff;text-shadow:0 0 20px rgba(0,212,255,.5),0 0 50px rgba(0,160,210,.28);opacity:0;white-space:nowrap;-webkit-user-select:none;user-select:none}.splash-s2 .splash-title{animation:splashFadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.splash-glow{position:absolute;top:55%;left:50%;width:500px;height:300px;transform:translate(-50%,calc(-50% - 20px));border-radius:50%;background:radial-gradient(circle at center,rgba(0,212,255,.8),rgba(0,122,153,.35) 50%,transparent 75%);filter:blur(40px);opacity:0;will-change:opacity;pointer-events:none}.splash-s2 .splash-glow{animation:splashGlowIn .8s cubic-bezier(.16,1,.3,1) forwards}.splash-sub{position:absolute;top:55%;left:50%;transform:translate(-50%,6px);margin-top:48px;font-size:20px;font-weight:300;letter-spacing:8px;color:#ffffff8c;opacity:0;white-space:nowrap;-webkit-user-select:none;user-select:none}.splash-s3 .splash-sub{animation:splashSubFadeUp .6s cubic-bezier(.16,1,.3,1) forwards}.splash-credit{position:absolute;bottom:48px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;-webkit-user-select:none;user-select:none}.splash-s4 .splash-credit{animation:splashFadeUp .6s cubic-bezier(.16,1,.3,1) forwards}.splash-credit-line{width:120px;height:1px;background:#00d4ff26;transform:translate(-50%) scaleX(0);transform-origin:center}.splash-s4 .splash-credit-line{animation:splashCreditLine .4s cubic-bezier(.16,1,.3,1) forwards}.splash-credit-text{text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:4px;line-height:1.8;color:#ffffff4d;white-space:nowrap}.splash-skip{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:2px;color:#ffffff40;opacity:0;white-space:nowrap;-webkit-user-select:none;user-select:none}.splash-skip-vis .splash-skip{animation:splashSkipIn .6s ease forwards}