@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:#89a;--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;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(12px);width:540px;height:280px;animation:logoGlowIn .9s var(--ease-out) .22s backwards;background:radial-gradient(48% 52% at 38% 48%,#00d4ffd9,#007a9959 55%,#0000 78%);position:absolute;top:-78px;left:-64px}.landing-logo-title{letter-spacing:4px;text-shadow:0 0 18px #00d4ff66,0 0 46px #00a0d238;margin:0;font-size:clamp(26px,2.8vw,38px);font-weight:800;line-height:1.25}.landing-logo-sub{letter-spacing:6px;color:var(--text-secondary);margin-top:8px;font-size:14px;font-weight:600}.landing-tagline{white-space:nowrap;min-height:15px;font-family:var(--font-mono);letter-spacing:4px;color:var(--text-muted);margin-top:13px;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:46%;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 logoGlowIn{0%{opacity:0;transform:scale(.94)}to{opacity:.14;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(34px);transform-origin:50% 8%;will-change:transform, opacity;background:linear-gradient(#96e4ff5c 0%,#00d4ff2b 44%,#00d4ff00 88%);width:190px;height:176%;position:absolute;top:-38%}.beam-a{animation:beamSwayA 12s var(--ease-in-out) infinite;left:57%}.beam-b{width:128px;animation:beamSwayB 17s var(--ease-in-out) infinite;left:74%}.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%,#4884ac33,#0000 70%),radial-gradient(54% 120% at 66% 100%,#5ca2ca29,#0000 72%),linear-gradient(#40749800 0%,#467ea421 60%,#528eb438 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;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}