@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=Pixelify+Sans:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.htn-btn{border-radius:var(--radius-md);font-family:var(--font-display);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;box-shadow:var(--shadow-btn-3d), 0 4px 14px #00000040;border:0;justify-content:center;align-items:center;gap:8px;font-weight:800;text-decoration:none;transition:transform .12s,filter .15s,box-shadow .12s;display:inline-flex;position:relative;overflow:hidden}.htn-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.htn-btn:active:not(:disabled){box-shadow:var(--shadow-btn-3d-active);transform:translateY(2px)}.htn-btn:focus-visible{outline:2px solid var(--htn-blue);outline-offset:3px}.htn-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}.htn-btn--sm{border-radius:var(--radius-sm);min-height:32px;padding:6px 14px;font-size:13px}.htn-btn--md{min-height:44px;padding:10px 22px;font-size:15px}.htn-btn--lg{border-radius:var(--radius-lg);min-height:52px;padding:14px 28px;font-size:17px}.htn-btn--pill{border-radius:var(--radius-pill)}.htn-btn--coral{color:#0d0d0b;background:linear-gradient(90deg,#f3675a 0%,#ff8577 55%,#ffa45b 100%)}.htn-btn--mint{color:#0d0d0b;background:linear-gradient(90deg,#75dab6 0%,#bfefde 60%,#9cb1fc 100%)}.htn-btn--lavender{color:#0d0d0b;background:linear-gradient(90deg,#d68af4 0%,#e6b5f9 60%,#ffb0db 100%)}.htn-btn--blue{color:#0d0d0b;background:linear-gradient(90deg,#6f8df8 0%,#9cb1fc 60%,#bfefde 100%)}.htn-btn--yellow{color:#0d0d0b;background:linear-gradient(90deg,#ffa45b 0%,#ffe657 60%,#fbe496 100%)}.htn-btn--secondary{background:var(--bg-surface-elevated);border:1px solid var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-btn-3d)}.htn-btn--secondary:hover:not(:disabled){border-color:var(--htn-blue);background:var(--bg-surface-hover)}.htn-btn--ghost{color:var(--text-secondary);box-shadow:none;background:0 0;border:1px solid #0000}.htn-btn--ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff14;transform:none}.htn-btn__label{z-index:1;position:relative}.htn-btn__arrow{z-index:1;transition:transform var(--transition-fast);font-size:1.1em;line-height:1;position:relative}.htn-btn:hover:not(:disabled) .htn-btn__arrow{transform:translate(3px)}.nav{z-index:var(--z-nav);transition:all var(--transition-base);padding:16px 24px;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(14px);background:#141425e0;border-bottom:1px solid #ffffff14;padding:10px 24px;box-shadow:0 4px 20px #00000059}.nav__inner{justify-content:space-between;align-items:center;gap:var(--space-lg);max-width:1240px;margin:0 auto;display:flex}.nav__logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:2px;font-size:1.35rem;font-weight:900;text-decoration:none;display:flex}.nav__logo-null{color:var(--htn-blue)}.nav__logo-slash{color:var(--htn-coral);margin:0 1px}.nav__logo-trace{color:var(--htn-green)}.nav__links{border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:8px;padding:4px 8px;display:flex}.nav__link{font-family:var(--font-display);color:var(--text-secondary);border-radius:var(--radius-pill);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.nav__link:hover{color:var(--text-primary);background:#ffffff14;transform:translateY(-1px)}.nav__link-num{font-family:var(--font-pixel);color:var(--htn-yellow);background:#fbe4961f;border-radius:4px;padding:1px 5px;font-size:11px}.nav__link-label{letter-spacing:.03em}.nav__hamburger{border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.nav__hamburger-line{background:var(--text-primary);width:18px;height:2px;transition:background .2s;display:block;position:relative}.nav__hamburger-line:before,.nav__hamburger-line:after{content:"";background:var(--text-primary);width:100%;height:2px;transition:transform .2s;position:absolute;left:0}.nav__hamburger-line:before{top:-6px}.nav__hamburger-line:after{bottom:-6px}.nav__hamburger-line--open{background:0 0}.nav__hamburger-line--open:before{transform:translateY(6px)rotate(45deg)}.nav__hamburger-line--open:after{transform:translateY(-6px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);z-index:calc(var(--z-nav) - 1);padding:var(--space-2xl);background:#141425fa;justify-content:center;align-items:center;animation:.3s fade-in;display:flex;position:fixed;inset:0}.mobile-menu__content{align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.mobile-menu__logo{font-family:var(--font-display);margin-bottom:var(--space-lg);font-size:2rem;font-weight:900}.mobile-menu__link{font-family:var(--font-display);color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:12px;padding:8px 16px;font-size:1.5rem;font-weight:800;text-decoration:none;animation:.4s forwards fade-in-up;display:flex}.mobile-menu__link:hover{color:var(--htn-green);background:#ffffff0d}.mobile-menu__num{font-family:var(--font-pixel);color:var(--htn-yellow);font-size:1rem}@media (width>=861px){.hide-desktop{display:none!important}}@media (width<=860px){.hide-mobile{display:none!important}.nav{padding:12px 16px}}.htn-sparkle{pointer-events:none;-webkit-user-select:none;user-select:none;animation:2.4s ease-in-out infinite alternate htn-twinkle;display:inline-block;position:absolute}.htn-sparkle__svg{width:100%;height:100%;display:block}@keyframes htn-twinkle{0%{opacity:.4;transform:scale(.65)rotate(0)}50%{opacity:.95;filter:drop-shadow(0 0 6px);transform:scale(1.15)rotate(45deg)}to{opacity:.6;transform:scale(.85)rotate(90deg)}}.landing{background-color:var(--bg-canvas);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}.system-boot{height:100vh;padding:var(--space-xl);cursor:pointer;background:radial-gradient(circle at center, #25254866, var(--bg-canvas));justify-content:center;align-items:center;display:flex}.system-boot__card{background:var(--bg-surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:620px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.system-boot__header{border-bottom:1px solid var(--border-subtle);background:#00000040;align-items:center;gap:12px;padding:12px 18px;display:flex}.system-boot__dots{gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot--coral{background:var(--htn-coral)}.dot--yellow{background:var(--htn-yellow)}.dot--mint{background:var(--htn-green)}.system-boot__title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.1em;font-size:11px;font-weight:800}.system-boot__terminal{padding:var(--space-xl);font-family:var(--font-mono);scrollbar-width:none;max-height:380px;font-size:14px;line-height:1.8;overflow-y:auto}.system-boot__terminal::-webkit-scrollbar{display:none}.system-boot__line{white-space:pre-wrap;min-height:1.8em}.system-boot__line--system{color:var(--text-secondary);font-weight:600}.system-boot__line--yellow{color:var(--htn-yellow);font-weight:700}.system-boot__line--coral{color:var(--htn-coral);font-weight:700}.system-boot__line--blue{color:var(--htn-blue);font-weight:600}.system-boot__line--lavender{color:var(--htn-purple);font-weight:600}.system-boot__line--mint{color:var(--htn-green);font-weight:700}.system-boot__line--blank{height:.8em}.system-boot__cursor{background:var(--htn-green);vertical-align:text-bottom;width:8px;height:16px;animation:.8s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{50%{opacity:0}}.system-boot__footer{border-top:1px solid var(--border-subtle);background:#0003;justify-content:flex-end;padding:10px 18px;display:flex}.system-boot__skip{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.08em;font-size:11px;font-weight:700}.title-reveal{text-align:center;height:100vh;padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.title-reveal__particles{opacity:.65}.title-reveal__content{z-index:2;align-items:center;gap:var(--space-md);opacity:0;flex-direction:column;max-width:840px;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translateY(20px)}.title-reveal__content--visible{opacity:1;transform:translateY(0)}.title-reveal__badge-row{margin-bottom:var(--space-xs);gap:8px;display:flex}.title-reveal__title{font-family:var(--font-display);letter-spacing:-.03em;-webkit-user-select:none;user-select:none;font-size:clamp(3.5rem,8vw,6.5rem);font-weight:900;line-height:1.05}.title-reveal__tagline{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-secondary);max-width:600px;font-size:clamp(1rem,2vw,1.35rem);font-weight:700}.title-reveal__cta-wrap{margin-top:var(--space-lg)}.title-reveal__scroll-hint{bottom:var(--space-2xl);opacity:0;z-index:2;flex-direction:column;align-items:center;gap:4px;transition:opacity .5s .4s;display:flex;position:absolute}.title-reveal__scroll-hint--visible{opacity:1}.title-reveal__scroll-text{font-family:var(--font-pixel);color:var(--text-muted);letter-spacing:.1em;font-size:11px}.title-reveal__scroll-arrow{color:var(--htn-yellow);font-size:1.2rem;animation:1.6s infinite bounce-arrow}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.incident{padding:var(--space-3xl) var(--space-xl)}.incident__header{text-align:center;margin-bottom:var(--space-2xl);align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.incident__badge-row{margin-bottom:var(--space-xs);gap:8px;display:flex}.incident__title{font-size:clamp(2rem,4vw,3rem)}.incident__subtitle{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.incident__timeline{gap:var(--space-md);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.incident__card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-base);flex-direction:column;gap:6px;padding:16px 20px;display:flex}.incident__card:hover{border-color:var(--border-strong);background:var(--bg-surface-elevated);transform:translate(4px)}.incident__card-top{justify-content:space-between;align-items:center;display:flex}.incident__card-time{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.incident__card-chip{font-family:var(--font-mono);border-radius:var(--radius-pill);border:1px solid;padding:2px 8px;font-size:10px;font-weight:700}.incident__card-event{color:var(--text-primary);font-size:15px;font-weight:600}.network-showcase{padding:var(--space-3xl) var(--space-xl);position:relative}.network-showcase__header{margin-bottom:var(--space-xl);align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.network-showcase__title{font-size:clamp(2rem,4vw,3rem)}.network-showcase__subtitle{color:var(--text-secondary);max-width:580px;font-size:15px}.network-showcase__map-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:960px;padding:var(--space-xl);box-shadow:var(--shadow-lg);margin:0 auto;position:relative}.network-showcase__svg{width:100%;height:auto;max-height:520px;display:block}.network-showcase__tooltip{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-md);text-align:left;box-shadow:var(--shadow-md);background:#242442f2;flex-direction:column;gap:6px;min-width:190px;padding:12px 18px;display:flex;position:absolute;bottom:24px;right:24px}.tooltip-badge-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tooltip-title{font-family:var(--font-display);color:var(--text-primary);font-size:14px;font-weight:800}.tooltip-details{font-family:var(--font-mono);color:var(--text-secondary);flex-direction:column;gap:2px;font-size:11px;display:flex}.mission-map{padding:var(--space-3xl) var(--space-xl)}.mission-map__header{margin-bottom:var(--space-xl);align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.mission-map__title{font-size:clamp(2rem,4vw,3rem)}.mission-map__subtitle{color:var(--text-secondary);max-width:580px;font-size:15px}.mission-map__canvas-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:960px;padding:var(--space-xl);box-shadow:var(--shadow-lg);margin:0 auto}.mission-map__svg{width:100%;height:auto;display:block}.mission-map__node:hover circle{filter:brightness(1.25)drop-shadow(0 0 10px #bfefde66)}.about-section{padding:var(--space-3xl) var(--space-xl)}.about-section__grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.about-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;align-items:center;gap:var(--space-md);transition:all var(--transition-base);flex-direction:column;display:flex}.about-card:hover{border-color:var(--border-strong);background:var(--bg-surface-elevated);transform:translateY(-4px)}.about-card__icon{border:1px solid var(--border-default);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.5rem;display:flex}.about-card h4{font-size:1.25rem;font-weight:800}.about-card p{color:var(--text-secondary);font-size:14px}.system-entry{padding:var(--space-3xl) var(--space-xl);position:relative}.system-entry__badge-row{margin-bottom:var(--space-xs);justify-content:center;gap:8px;display:flex}.system-entry__title{font-size:clamp(2rem,4vw,3rem)}.system-entry__desc{color:var(--text-secondary);max-width:500px;margin:var(--space-sm) auto var(--space-xl);font-size:15px}.system-entry__form{max-width:440px;margin:0 auto}.system-entry__input-wrapper{border:1px solid var(--border-default);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-fast);background:#ffffff0f;align-items:center;gap:8px;padding:8px 18px;display:flex}.system-entry__input-wrapper:focus-within{border-color:var(--htn-blue);background:#ffffff17;box-shadow:0 0 16px #9cb1fc40}.system-entry__prompt{font-family:var(--font-pixel);color:var(--htn-yellow);font-size:13px}.system-entry__input{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.05em;background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:700}.system-entry__transition{-webkit-backdrop-filter:blur(20px);z-index:var(--z-modal);background:#141425fa;justify-content:center;align-items:center;animation:.3s fade-in;display:flex;position:fixed;inset:0}.system-entry__transition-text{font-family:var(--font-display);color:var(--htn-coral);letter-spacing:.05em;font-size:1.5rem;font-weight:800}.landing-footer{border-top:1px solid var(--border-subtle);padding:var(--space-2xl) var(--space-xl);background:#0e0e1c}.landing-footer__inner{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;max-width:1240px;margin:0 auto;display:flex}.landing-footer__text{font-family:var(--font-display);color:var(--text-muted);font-size:13px}@media (width<=860px){.about-section__grid{grid-template-columns:1fr}.landing-footer__inner{text-align:center;flex-direction:column}}.mission-hud{height:68px;padding:0 var(--space-xl);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);font-family:var(--font-body);-webkit-user-select:none;user-select:none;z-index:var(--z-hud);background:#141425eb;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;box-shadow:0 4px 20px #0a0a1466}.mission-hud__left{align-items:center;gap:var(--space-md);min-width:220px;display:flex}.mission-hud__exit-btn{color:var(--htn-coral);font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#f3675a1f;border:1px solid #f3675a4d;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px #0003}.mission-hud__exit-btn:hover{background:var(--htn-coral);border-color:var(--htn-coral);color:#141425;transform:translateY(-1px);box-shadow:0 4px 8px #f3675a4d}.mission-hud__exit-btn:active{transform:translateY(1px);box-shadow:0 1px #0003}.mission-hud__exit-icon{font-size:10px}.mission-hud__badge{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:8px;padding:6px 12px;display:flex}.mission-hud__badge-dot{background:var(--htn-mint);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot;box-shadow:0 0 8px #bfefde99}.mission-hud__label{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);font-size:12px;font-weight:700}.mission-hud__center{padding:0 var(--space-md);flex:1;justify-content:center;display:flex}.mission-hud__objective{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:3px;max-width:520px;padding:6px 16px;display:flex}.mission-hud__obj-header{align-items:center;gap:8px;display:flex}.mission-hud__obj-label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.06em;font-size:10px;font-weight:700}.mission-hud__obj-progress{font-family:var(--font-mono);color:var(--htn-yellow);background:#fbe4961f;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.mission-hud__obj-text{font-family:var(--font-body);color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:460px;font-size:13px;font-weight:600;overflow:hidden}.mission-hud__right{align-items:center;gap:var(--space-md);justify-content:flex-end;min-width:240px;display:flex}.mission-hud__timer,.mission-hud__score{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.mission-hud__timer-label,.mission-hud__score-label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.05em;font-size:10px;font-weight:700}.mission-hud__timer-box,.mission-hud__score-box{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);text-align:right;border-radius:8px;min-width:80px;padding:4px 12px;box-shadow:0 2px #0003}.mission-hud__timer-value{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.mission-hud__timer--warning .mission-hud__timer-box{border-color:var(--htn-yellow);background:#fbe4961f}.mission-hud__timer--warning .mission-hud__timer-value{color:var(--htn-yellow)}.mission-hud__timer--critical .mission-hud__timer-box{border-color:var(--htn-coral);background:#f3675a26;animation:1s infinite alternate hud-flash}.mission-hud__timer--critical .mission-hud__timer-value{color:var(--htn-coral)}@keyframes hud-flash{0%{box-shadow:none;border-color:#f3675a66}to{border-color:var(--htn-coral);box-shadow:0 0 12px #f3675a66}}.mission-hud__score-value{font-family:var(--font-mono);color:var(--htn-mint);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}@media (width<=860px){.mission-hud{padding:0 var(--space-md);height:60px}.mission-hud__center{display:none}.mission-hud__left{min-width:auto}.mission-hud__right{gap:var(--space-sm);min-width:auto}}.terminal-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);height:100%;font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0a0a1466,0 2px 6px #0003}.terminal-container:focus-within{border-color:#9cb1fc66}.terminal-container:after{content:"";background:linear-gradient(90deg, var(--htn-blue), var(--htn-lavender), var(--htn-mint));opacity:.8;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.terminal-header{background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle);color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;display:flex}.terminal-header__left{align-items:center;gap:10px;display:flex}.terminal-header__dots{gap:6px;display:flex}.terminal-header__dot{width:10px;height:10px;transition:transform var(--transition-fast);border-radius:50%}.terminal-header__dot--red{background:var(--htn-coral)}.terminal-header__dot--yellow{background:var(--htn-yellow)}.terminal-header__dot--green{background:var(--htn-mint)}.terminal-header__title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.02em;font-size:12px;font-weight:700}.terminal-header__status-badge{font-family:var(--font-pixel);border-radius:var(--radius-full);color:var(--htn-mint);letter-spacing:.04em;background:#bfefde1f;border:1px solid #bfefde4d;padding:3px 8px;font-size:10px;font-weight:600}.terminal-output{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;padding:16px;line-height:1.65;overflow-y:auto}.terminal-output::-webkit-scrollbar{width:6px}.terminal-output::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.terminal-line{white-space:pre-wrap;word-break:break-word;min-height:1.5em;font-size:13px}.terminal-line--input{color:var(--htn-yellow);padding-top:6px;font-weight:600}.terminal-line--output{color:#ded9cd}.terminal-line--error{color:var(--htn-coral);border-left:3px solid var(--htn-coral);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f3675a1a;margin:4px 0;padding:4px 10px;font-weight:600}.terminal-line--system{color:var(--htn-blue);border-left:3px solid var(--htn-blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#9cb1fc14;margin:4px 0;padding:4px 10px}.terminal-line--blank{height:.6em}.terminal-quick-bar{border-top:1px solid var(--border-subtle);background:#141425b3;flex-shrink:0;align-items:center;gap:10px;padding:8px 16px;display:flex;overflow-x:auto}.terminal-quick-label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.08em;flex-shrink:0;font-size:10px;font-weight:700}.terminal-quick-pills{flex-wrap:nowrap;gap:8px;display:flex}.terminal-quick-pill{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;box-shadow:0 2px #00000059}.terminal-quick-pill:hover{color:var(--htn-cream);border-color:var(--htn-lavender);background:#e6b5f926;transform:translateY(-1px);box-shadow:0 3px #0006}.terminal-quick-pill:active{transform:translateY(1px);box-shadow:0 1px #0003}.terminal-input-row{border-top:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.terminal-prompt{color:var(--htn-mint);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:16px;font-weight:800}.terminal-input{color:var(--text-primary);font-family:var(--font-mono);caret-color:var(--htn-mint);background:0 0;border:none;outline:none;flex:1;min-height:28px;font-size:13px}.terminal-input::placeholder{color:var(--text-muted);font-size:12px}.terminal-submit-btn{background:var(--htn-mint);color:#141425;font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:11px;font-weight:800;box-shadow:inset 0 -2px #0000004d,0 2px 4px #0003}.terminal-submit-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 -2px #0000004d,0 4px 8px #00000040}.terminal-submit-btn:active{transform:translateY(1px);box-shadow:inset 0 1px #0000004d}@media (width<=768px){.terminal-container{font-size:var(--text-xs);border-radius:var(--radius-md)}.terminal-output{padding:10px}.terminal-header__status-badge{display:none}}.network-map{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0a0a1466,0 2px 6px #0003}.network-map__header{background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle);font-family:var(--font-display);color:var(--text-primary);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;display:flex}.network-map__header-title{letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:flex}.network-map__pulse-dot{background:var(--htn-mint);border-radius:50%;width:8px;height:8px;animation:2.4s infinite pulse-dot;box-shadow:0 0 8px #bfefde99}.network-map__header-stats{font-family:var(--font-body);color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.htn-mesh-stat{color:var(--text-secondary);font-weight:600}.htn-mesh-dot{opacity:.4}.network-map__mode-badge{border:1px solid var(--htn-blue);border-radius:var(--radius-full);color:var(--htn-blue);font-family:var(--font-display);letter-spacing:.04em;background:#9cb1fc26;padding:3px 8px;font-size:10px;font-weight:800}.network-map__svg{flex:1;width:100%;min-height:280px;display:block}.network-node{cursor:pointer;transition:transform var(--transition-fast), filter var(--transition-fast)}.network-node:hover{filter:brightness(1.2)drop-shadow(0 6px 16px #0006);transform:translateY(-2px)}.network-node:focus-visible{outline:2px solid var(--htn-mint);outline-offset:6px}.network-node--selected .node-body{filter:drop-shadow(0 0 12px var(--htn-mint))}.network-node--threat .node-body{filter:drop-shadow(0 0 14px #f3675a99)}.node-body{transition:fill .3s,stroke .3s}.node-label{font-family:var(--font-display);fill:var(--text-primary);text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.02em;font-size:11px;font-weight:700}.node-icon-text{font-family:var(--font-display);-webkit-user-select:none;user-select:none}.network-connection{stroke:#ffffff1f;stroke-width:1.5px;fill:none;transition:stroke .3s}.network-connection--active{stroke:var(--htn-mint);stroke-width:2.5px;filter:drop-shadow(0 0 6px #bfefde80)}.network-connection--congested{stroke:var(--htn-yellow);stroke-dasharray:4 4;opacity:.8}.network-connection--threat{stroke:var(--htn-coral);stroke-width:2px;stroke-dasharray:6 4;animation:1s linear infinite dash-flow}@keyframes dash-flow{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.route-path{stroke:var(--htn-blue);stroke-width:3.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #9cb1fc80);stroke-dasharray:8 4;animation:1.2s linear infinite dash-flow}.node-tooltip{background:var(--bg-surface-elevated);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-secondary);pointer-events:none;z-index:var(--z-panel);border:1px solid #ffffff24;flex-direction:column;gap:8px;min-width:200px;padding:12px 16px;display:flex;position:absolute;box-shadow:0 16px 36px #0a0a1499,0 2px 6px #0000004d}.node-tooltip__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;padding-bottom:6px;display:flex}.node-tooltip__title{color:var(--text-primary);font-family:var(--font-display);font-size:13px;font-weight:700}.node-tooltip__badge{font-family:var(--font-display);border-radius:var(--radius-full);letter-spacing:.02em;border:1px solid;padding:2px 8px;font-size:10px;font-weight:700}.node-tooltip__details{flex-direction:column;gap:4px;font-size:11px;display:flex}.node-tooltip__key{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.05em;margin-right:4px;font-size:9px;font-weight:700}.node-tooltip__action{font-family:var(--font-display);color:var(--htn-mint);letter-spacing:.02em;text-align:right;margin-top:4px;font-size:11px;font-weight:800}@media (width<=768px){.network-map{border-radius:var(--radius-md)}.node-label{font-size:9px}.network-map__header-stats{display:none}}.game-layout{background:var(--bg-deep);flex-direction:column;height:100vh;display:flex;overflow:hidden}.game-content{background:var(--bg-deep);flex:1;gap:12px;min-height:0;padding:12px 16px 0;display:flex;overflow:hidden}.game-panel{flex-direction:column;display:flex;overflow:hidden}.game-panel--left{flex:1.1;min-width:0}.game-panel--right{flex:.9;min-width:0}.game-toolbar{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);z-index:10;background:#141425f2;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.game-toolbar__btn{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 14px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px #00000040}.toolbar-icon{color:var(--htn-blue);transition:transform var(--transition-fast);font-size:13px}.game-toolbar__btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-surface-elevated);border-color:#ffffff29;transform:translateY(-1px);box-shadow:0 3px #0000004d}.game-toolbar__btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #0003}.game-toolbar__btn--active{color:#141425;background:var(--htn-lavender);border-color:var(--htn-lavender);font-weight:800;box-shadow:inset 0 -2px #00000040,0 2px 6px #e6b5f94d}.game-toolbar__btn--active .toolbar-icon{color:#141425}.game-toolbar__btn--hint{color:#141425;background:var(--htn-yellow);border-color:var(--htn-yellow);flex:none;padding:8px 18px;font-weight:800;box-shadow:inset 0 -2px #00000040,0 2px 6px #fbe4964d}.game-toolbar__btn--hint .toolbar-icon{color:#141425}.game-toolbar__btn--hint:hover:not(:disabled){background:#fdf0ba;border-color:#fdf0ba}.game-toolbar__btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.briefing-screen{min-height:100vh;padding:var(--space-xl);background:radial-gradient(circle at center, #1b1b38 0%, var(--bg-deep) 100%);justify-content:center;align-items:center;display:flex;overflow-y:auto}.briefing-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:720px;animation:.5s cubic-bezier(.16,1,.3,1) fade-in-up;display:flex;overflow:hidden;box-shadow:0 24px 64px #0a0a1499,0 2px 8px #0000004d}.briefing-top-banner{background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle);font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:10px 20px;font-size:11px;font-weight:700;display:flex}.briefing-top-pulse{background:var(--htn-mint);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 8px #bfefde99}.briefing-top-badge{border:1px solid var(--htn-coral);border-radius:var(--radius-full);color:var(--htn-coral);background:#f3675a26;padding:3px 8px;font-size:10px;font-weight:800}.briefing-content{flex-direction:column;gap:24px;padding:36px;display:flex}.briefing-header{flex-direction:column;gap:8px;display:flex}.briefing-badge-row{gap:10px;margin-bottom:4px;display:flex}.briefing-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.15}.briefing-subtitle{font-family:var(--font-body);color:var(--htn-yellow);font-size:14px;font-weight:600}.briefing-text-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#141425;overflow:hidden}.briefing-terminal-bar{border-bottom:1px solid var(--border-subtle);font-family:var(--font-display);color:var(--text-muted);letter-spacing:.05em;background:#ffffff0a;padding:8px 14px;font-size:11px;font-weight:700}.briefing-text-body{font-family:var(--font-mono);color:#ded9cd;padding:16px;font-size:13px;line-height:1.7}.briefing-line--danger{color:var(--htn-coral);font-weight:700}.briefing-line--accent{color:var(--htn-blue);font-weight:700}.briefing-objectives{flex-direction:column;gap:10px;display:flex}.briefing-obj-heading{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.06em;font-size:12px;font-weight:700}.briefing-obj-list{flex-direction:column;gap:10px;display:flex}.briefing-obj-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;gap:14px;padding:12px 16px;display:flex}.briefing-obj-card:hover{border-color:#ffffff29}.briefing-obj-num{font-family:var(--font-mono);color:var(--htn-mint);background:#bfefde1f;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:800}.briefing-obj-desc{color:var(--text-primary);font-size:13px;font-weight:500}.briefing-actions{align-items:center;gap:14px;margin-top:8px;display:flex}.results-screen{min-height:100vh;padding:var(--space-2xl);background:radial-gradient(circle at center, #1b1b38 0%, var(--bg-deep) 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.results-screen--failed{background:radial-gradient(circle at center, #2e1724 0%, var(--bg-deep) 100%)}.results-container{text-align:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;align-items:center;gap:24px;width:100%;max-width:620px;padding:40px;animation:.5s cubic-bezier(.16,1,.3,1) fade-in-up;display:flex;box-shadow:0 24px 64px #0a0a1499,0 2px 8px #0000004d}.results-badge-header{flex-direction:column;align-items:center;gap:8px;display:flex}.results-status-tag{font-family:var(--font-display);color:var(--htn-mint);letter-spacing:.08em;border:1px solid var(--htn-mint);border-radius:var(--radius-full);background:#bfefde1f;padding:4px 14px;font-size:11px;font-weight:800}.results-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-top:4px;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.results-title--failed{color:var(--htn-coral)}.results-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:14px}.results-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:1px}.results-stats-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.results-stat-box{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px;display:flex}.results-stat-label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.06em;font-size:10px;font-weight:700}.results-stat-val{font-family:var(--font-mono);color:var(--text-primary);font-size:18px;font-weight:800}.results-score-section{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.results-score-display{flex-direction:column;align-items:center;gap:4px;display:flex}.results-score-label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.08em;font-size:11px;font-weight:700}.results-score-number{font-family:var(--font-display);color:var(--htn-mint);font-variant-numeric:tabular-nums;text-shadow:0 4px 16px #bfefde59;font-size:3.5rem;font-weight:900;line-height:1}.results-rank-badge{border:1px solid var(--htn-lavender);border-radius:var(--radius-lg);background:#e6b5f91a;align-items:center;gap:16px;padding:14px 24px;display:flex}.results-rank-icon{color:var(--htn-lavender);font-size:2.25rem}.results-rank-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.results-rank-label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.06em;font-size:10px;font-weight:700}.results-rank-title{font-family:var(--font-display);color:var(--htn-cream);letter-spacing:.02em;font-size:18px;font-weight:800}.results-action-row{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.educational-overlay{-webkit-backdrop-filter:blur(10px);z-index:var(--z-modal);padding:var(--space-xl);background:#0e0e19d9;justify-content:center;align-items:center;animation:.3s fade-in;display:flex;position:fixed;inset:0}.educational-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:20px;width:100%;max-width:640px;padding:36px;animation:.35s cubic-bezier(.16,1,.3,1) scale-in;display:flex;box-shadow:0 28px 72px #0a0a14cc}.educational-header{flex-direction:column;gap:6px;display:flex}.educational-banner{font-family:var(--font-display);justify-content:space-between;align-items:center;font-size:11px;display:flex}.educational-tag{color:var(--htn-blue);letter-spacing:.08em;font-weight:800}.educational-id{color:var(--text-muted);font-family:var(--font-mono)}.educational-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.6rem;font-weight:800}.educational-body{flex-direction:column;gap:14px;font-size:13px;line-height:1.65;display:flex}.educational-concept-box{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.educational-section-title{font-family:var(--font-display);color:var(--htn-yellow);letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:800}.educational-text{color:var(--text-primary)}.educational-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.educational-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px;display:flex}.educational-card-title{font-family:var(--font-display);color:var(--htn-lavender);letter-spacing:.04em;font-size:11px;font-weight:800}.educational-defense-box{border-radius:var(--radius-md);background:#bfefde14;border:1px solid #bfefde40;padding:14px}.educational-defense-title{font-family:var(--font-display);color:var(--htn-mint);letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:800}.puzzle-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 12px 32px #0a0a1466}.puzzle-panel .panel__header{background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle);font-family:var(--font-display);color:var(--text-primary);letter-spacing:.02em;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.puzzle-panel .panel__body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.puzzle-help-text{font-family:var(--font-body);color:var(--text-secondary);font-size:13px;line-height:1.6}.puzzle-question{font-family:var(--font-display);color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.5}.puzzle-options{flex-direction:column;gap:10px;display:flex}.puzzle-option{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast);padding:12px 16px;font-size:13px;box-shadow:0 2px #0003}.puzzle-option:hover{border-color:var(--htn-lavender);background:#e6b5f91f;transform:translateY(-1px)}.puzzle-option--selected{border-color:var(--htn-blue);color:var(--htn-cream);background:#9cb1fc2e;font-weight:600}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.05em;font-size:11px;font-weight:700}.auth-message{font-family:var(--font-display);border-radius:var(--radius-md);text-align:center;padding:10px 14px;font-size:12px;font-weight:700}.auth-message--success{color:#141425;background:var(--htn-mint);box-shadow:inset 0 -2px #0003}.auth-message--error{color:var(--htn-coral);border:1px solid var(--htn-coral);background:#f3675a1f}.auth-attempts{font-family:var(--font-mono);color:var(--text-muted);text-align:center;font-size:11px}.binary-values{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#141425;flex-wrap:wrap;gap:8px;padding:16px;display:flex}.binary-byte{font-family:var(--font-mono);color:var(--htn-mint);background:#bfefde1a;border:1px solid #bfefde33;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:700}.binary-tools{flex-direction:column;gap:8px;display:flex}.binary-tool-row{align-items:center;gap:8px;display:flex}.binary-result{font-family:var(--font-mono);color:var(--htn-blue);border-radius:var(--radius-md);background:#9cb1fc1a;border:1px solid #9cb1fc40;padding:8px 12px;font-size:12px}.binary-submit{flex-direction:column;gap:8px;display:flex}.log-filters{gap:6px;display:flex}.log-filter{font-family:var(--font-display);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:3px 10px;font-size:10px;font-weight:700}.log-filter--active{color:#141425;border-color:var(--htn-yellow);background:var(--htn-yellow)}.log-body{font-family:var(--font-mono);font-size:12px;line-height:1.7;gap:4px!important}.log-entry{background:#ffffff05;border-radius:6px;gap:10px;padding:6px 10px;display:flex}.log-entry--suspicious{border-left:3px solid var(--htn-coral);background:#f3675a1a}.log-time{color:var(--text-muted);flex-shrink:0}.log-cat{color:var(--htn-blue);flex-shrink:0;min-width:60px;font-weight:700}.log-msg{color:#ded9cd}.inventory-clue{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:16px;display:flex}.inventory-clue__title{font-family:var(--font-display);color:var(--htn-yellow);font-size:14px;font-weight:800}.inventory-clue__desc{color:var(--text-secondary);font-size:12px}.inventory-clue__content{font-family:var(--font-mono);color:#ded9cd;white-space:pre-wrap;background:#141425;border-radius:6px;padding:10px;font-size:11px;line-height:1.5;overflow-x:auto}.investigation-evidence-counter{font-family:var(--font-display);color:var(--htn-mint);border:1px solid var(--htn-mint);border-radius:var(--radius-full);background:#bfefde1f;padding:8px 14px;font-size:12px;font-weight:800;display:inline-block}@media (width<=860px){.game-content{flex-direction:column;padding:8px 8px 0}.game-panel--left{border-right:none}.game-panel--right{max-height:42vh}.results-stats-grid{grid-template-columns:1fr}.briefing-actions{flex-direction:column;width:100%}.briefing-actions .htn-button{width:100%}}.intro-screen{background:var(--bg-deep);z-index:var(--z-overlay);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro-content{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.intro-line{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);letter-spacing:var(--tracking-wider);text-transform:uppercase;opacity:0;animation:.8s forwards fade-in}.intro-line--1{animation-delay:0s}.intro-line--2{color:var(--text-secondary);animation-delay:.3s}.intro-line--3{animation-delay:.3s}.intro-line--danger{color:var(--status-danger);font-weight:700}.intro-title{margin-top:var(--space-xl);font-size:var(--text-5xl);font-weight:900;font-family:var(--font-primary);letter-spacing:var(--tracking-tight);opacity:0;animation:1s forwards fade-in}.intro-title__null{color:var(--text-primary)}.intro-title__sep{color:var(--accent);margin:0 .05em}.intro-title__trace{color:var(--accent)}.intro-skip{bottom:var(--space-2xl);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-widest);animation:2s infinite pulse-dot;position:absolute}.main-menu{min-height:100vh;padding:var(--space-2xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.main-menu__bg{pointer-events:none;background:radial-gradient(at 30% 20%,#00e59908 0%,#0000 50%),radial-gradient(at 70% 80%,#00e59905 0%,#0000 50%);position:absolute;inset:0}.main-menu__content{align-items:center;gap:var(--space-2xl);width:100%;max-width:400px;z-index:var(--z-base);flex-direction:column;display:flex}.main-menu__logo{text-align:center}.main-menu__title{font-size:var(--text-5xl);margin-bottom:var(--space-md);font-weight:900;line-height:1}.main-menu__null{color:var(--text-primary)}.main-menu__sep{color:var(--accent);margin:0 .05em}.main-menu__trace{color:var(--accent)}.main-menu__tagline{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-widest);text-transform:uppercase}.main-menu__nav{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.callsign-form{gap:var(--space-md);width:100%;padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex}.callsign-form__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-widest);text-transform:uppercase;text-align:center}.callsign-form__row{gap:var(--space-sm);display:flex}.callsign-form__input{text-transform:uppercase;letter-spacing:var(--tracking-wider)}.callsign-form__error{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--status-danger);text-align:center}.main-menu__player{align-items:center;gap:var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:flex}.main-menu__callsign{color:var(--accent);font-weight:600}.main-menu__rank{color:var(--text-secondary)}.main-menu__footer{bottom:var(--space-lg);gap:var(--space-xl);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);opacity:.5;display:flex;position:absolute}@media (width<=480px){.main-menu__title{font-size:var(--text-3xl)}.main-menu{padding:var(--space-lg)}}.mission-select-page{background:var(--bg-deep);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.mission-select-header{z-index:var(--z-nav);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#141425f0;padding:16px 24px;position:sticky;top:0}.mission-select-header__inner{justify-content:space-between;align-items:center;gap:var(--space-lg);max-width:1200px;margin:0 auto;display:flex}.mission-select-header__title{flex-direction:column;align-items:center;display:flex}.mission-select-header__title h1{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.15}.label-accent{font-family:var(--font-display);color:var(--htn-yellow);letter-spacing:.08em;font-size:10px;font-weight:700}.mission-select-header__operator{font-family:var(--font-display);color:var(--text-primary);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.operator-dot{background:var(--htn-mint);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot;box-shadow:0 0 8px #bfefde99}.mission-select-container{flex:1;grid-template-columns:1fr 440px;gap:36px;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px;display:grid}.mission-pathway{flex-direction:column;gap:20px;display:flex}.mission-pathway__title{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.mission-progress-tag{font-family:var(--font-display);color:var(--htn-mint);border:1px solid var(--htn-mint);border-radius:var(--radius-full);background:#bfefde1f;padding:3px 10px;font-size:11px;font-weight:800}.mission-nodes-track,.mission-track-step{flex-direction:column;display:flex}.mission-track-connector{width:3px;height:24px;transition:background var(--transition-base);background:#ffffff1a;margin-left:39px}.mission-track-connector--active{background:var(--htn-mint);box-shadow:0 0 8px #bfefde80}.mission-node-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:20px;padding:18px 24px;display:flex;position:relative;box-shadow:0 4px 12px #0a0a144d}.mission-node-card:hover{background:var(--bg-surface-elevated);border-color:#ffffff2e;transform:translate(4px);box-shadow:0 6px 18px #0a0a1466}.mission-node-card--selected{border-color:var(--htn-lavender);background:#e6b5f91a;box-shadow:0 0 24px #e6b5f92e}.mission-node-card--completed{border-left:4px solid var(--htn-mint)}.mission-node-card--locked{opacity:.45;cursor:not-allowed}.mission-node-card--locked:hover{border-color:var(--border-subtle);background:var(--bg-surface);transform:none}.mission-node-indicator{width:44px;height:44px;font-family:var(--font-display);color:#141425;background:var(--htn-mint);transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;box-shadow:inset 0 -2px #00000040}.mission-node-card--selected .mission-node-indicator{background:var(--htn-lavender);color:#141425;box-shadow:0 0 14px #e6b5f980}.mission-node-card--locked .mission-node-indicator{background:var(--bg-surface-elevated);color:var(--text-muted);box-shadow:none;border:1px solid var(--border-subtle)}.mission-node-info{flex-direction:column;flex:1;gap:3px;display:flex}.mission-node-header{align-items:center;gap:8px;display:flex}.mission-node-num{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.05em;font-size:10px;font-weight:700}.mission-node-diff{color:var(--htn-yellow);font-size:11px}.mission-node-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.2rem;font-weight:800}.mission-node-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:12px}.mission-node-score{font-family:var(--font-mono);flex-direction:column;align-items:flex-end;display:flex}.mission-node-score .score-label{color:var(--text-muted);letter-spacing:.08em;font-size:9px}.mission-node-score .score-val{color:var(--htn-mint);font-size:14px;font-weight:800}.mission-dossier{align-self:start;position:sticky;top:96px}.dossier-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:20px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0a0a1480}.dossier-panel:before{content:"";background:linear-gradient(90deg, var(--htn-blue), var(--htn-lavender), var(--htn-mint));height:2px;position:absolute;top:0;left:0;right:0}.dossier-header{flex-direction:column;gap:6px;display:flex}.dossier-tag-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.dossier-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.6rem;font-weight:800}.dossier-subtitle{font-family:var(--font-body);color:var(--htn-yellow);font-size:13px}.dossier-divider{background:var(--border-subtle);width:100%;height:1px}.dossier-section{flex-direction:column;gap:6px;display:flex}.dossier-section h4{font-family:var(--font-display);color:var(--htn-blue);letter-spacing:.08em;font-size:11px;font-weight:800}.dossier-briefing-sample{color:var(--text-secondary);font-size:13px;line-height:1.6}.dossier-objectives-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.dossier-objective-item{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:12px;display:flex}.dossier-objective-item .obj-bullet{color:var(--htn-mint);margin-top:1px;font-size:11px}.dossier-meta-grid{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#141425;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.dossier-meta-item{flex-direction:column;align-items:center;gap:2px;display:flex}.dossier-meta-item .meta-label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.06em;font-size:9px;font-weight:700}.dossier-meta-item .meta-val{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;font-weight:700}.dossier-actions{margin-top:8px}@media (width<=960px){.mission-select-container{grid-template-columns:1fr}.mission-dossier{position:static}}.page-container{max-width:960px;min-height:100vh;color:var(--text-primary);flex-direction:column;gap:32px;margin:0 auto;padding:40px 24px;display:flex}.page-header{align-items:center;gap:20px;display:flex}.page-header h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);flex:1;font-size:clamp(1.8rem,3.5vw,2.2rem);font-weight:800}.page-counter{font-family:var(--font-display);color:var(--htn-mint);border:1px solid var(--htn-mint);border-radius:var(--radius-full);background:#bfefde1f;padding:4px 12px;font-size:11px;font-weight:800}.page-empty{min-height:260px;font-family:var(--font-body);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:center;justify-content:center;align-items:center;padding:32px;font-size:14px;display:flex}.achievements-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.achievement-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);opacity:.45;transition:all var(--transition-base);align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #0a0a144d}.achievement-card--unlocked{opacity:1;background:var(--bg-surface-elevated);border-color:#e6b5f959;box-shadow:0 8px 24px #0a0a1466,0 0 16px #e6b5f91a}.achievement-card__icon{border:1px solid var(--border-subtle);background:#141425;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.achievement-card--unlocked .achievement-card__icon{border-color:var(--htn-lavender);background:#e6b5f926}.achievement-card__info{flex-direction:column;flex:1;gap:3px;display:flex}.achievement-card__title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:800}.achievement-card__desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.achievement-card__check{background:var(--htn-mint);color:#141425;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:900;display:flex;box-shadow:inset 0 -2px #00000040}.leaderboard-table{flex-direction:column;gap:8px;display:flex}.leaderboard-row{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--font-display);transition:all var(--transition-fast);grid-template-columns:80px 1fr 160px;align-items:center;gap:16px;padding:16px 24px;display:grid;box-shadow:0 4px 12px #0a0a144d}.leaderboard-row:hover:not(.leaderboard-row--header){background:var(--bg-surface-elevated);border-color:#ffffff29;transform:translate(4px)}.leaderboard-row--header{color:var(--text-muted);letter-spacing:.08em;box-shadow:none;background:0 0;border:none;padding:8px 24px;font-size:11px;font-weight:800}.leaderboard-row--top{background:var(--bg-surface-elevated);border-color:#fbe49666}.leaderboard-rank{color:var(--htn-yellow);font-size:14px;font-weight:800}.leaderboard-name{color:var(--text-primary);font-size:15px;font-weight:800}.leaderboard-score{text-align:right;font-family:var(--font-mono);color:var(--htn-mint);font-size:15px;font-weight:800}.settings-groups{flex-direction:column;gap:20px;display:flex}.settings-group{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:16px;padding:28px;display:flex;box-shadow:0 8px 24px #0a0a1459}.settings-group h3{font-family:var(--font-display);color:var(--htn-blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:800}.settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-row label{color:var(--text-primary);font-size:14px;font-weight:500}.settings-row input[type=range]{width:160px;accent-color:var(--htn-mint);cursor:pointer}.toggle{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-muted);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);text-align:center;min-width:60px;padding:6px 16px;font-size:11px;font-weight:800;box-shadow:0 2px #0003}.toggle:hover{border-color:#ffffff2e;transform:translateY(-1px)}.toggle--on{color:#141425;border-color:var(--htn-mint);background:var(--htn-mint);box-shadow:inset 0 -2px #00000040,0 2px 6px #bfefde4d}.final-debrief-badge{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;align-items:center;gap:8px;width:100%;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0a0a1480}.final-debrief-badge:before{content:"";background:linear-gradient(90deg, var(--htn-blue), var(--htn-lavender), var(--htn-mint));height:3px;position:absolute;top:0;left:0;right:0}.final-badge__icon{font-size:4.5rem;animation:2.4s infinite pulse-dot}.final-badge__rank{font-family:var(--font-display);color:var(--htn-lavender);letter-spacing:-.01em;font-size:clamp(2rem,4vw,2.5rem);font-weight:800}.final-score{flex-direction:column;align-items:center;gap:4px;display:flex}.final-score__label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.08em;font-size:11px;font-weight:700}.final-stats{justify-content:center;gap:16px;width:100%;display:flex}.final-stat{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;flex:1;gap:6px;padding:16px;display:flex;box-shadow:0 4px 16px #0a0a144d}.final-stat__value{font-family:var(--font-mono);color:var(--text-primary);font-size:18px;font-weight:800}.final-message{max-width:580px;color:var(--text-secondary);font-size:14px;line-height:1.7}@media (width<=768px){.page-container{padding:20px 16px}.achievements-grid{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:50px 1fr 100px;padding:12px 16px}.final-stats{flex-direction:column}}.archive-page{background:var(--bg-deep);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.archive-header{z-index:var(--z-nav);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#141425f0;padding:16px 24px;position:sticky;top:0}.archive-header__inner{justify-content:space-between;align-items:center;gap:var(--space-lg);max-width:1200px;margin:0 auto;display:flex}.archive-header__left{align-items:center;gap:20px;display:flex}.archive-title-group{flex-direction:column;display:flex}.archive-badge{font-family:var(--font-display);color:var(--htn-yellow);letter-spacing:.08em;font-size:10px;font-weight:700}.archive-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.15}.archive-counter{font-family:var(--font-display);color:var(--text-muted);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:6px 14px;font-size:12px;font-weight:700}.archive-container{flex-direction:column;flex:1;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px;display:flex}.archive-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.archive-categories{flex-wrap:wrap;gap:8px;display:flex}.archive-cat-btn{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-size:11px;font-weight:700;box-shadow:0 2px #0003}.archive-cat-btn:hover{color:var(--text-primary);background:var(--bg-surface-elevated);border-color:#ffffff29;transform:translateY(-1px)}.archive-cat-btn:active{transform:translateY(1px)}.archive-cat-btn--active{color:#141425;border-color:var(--htn-mint);background:var(--htn-mint);font-weight:800;box-shadow:inset 0 -2px #00000040,0 2px 6px #bfefde4d}.archive-search{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);min-width:280px;transition:border-color var(--transition-fast);align-items:center;gap:10px;padding:8px 16px;display:flex}.archive-search:focus-within{border-color:var(--htn-blue);box-shadow:0 0 0 3px #9cb1fc26}.archive-search__icon{color:var(--text-muted);font-size:13px}.archive-search__input{font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.archive-search__input::placeholder{color:var(--text-muted)}.archive-search__clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:16px}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.archive-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0a0a1459}.archive-card:before{content:"";background:linear-gradient(90deg, var(--htn-blue), var(--htn-lavender), var(--htn-mint));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.archive-card:hover{background:var(--bg-surface-elevated);border-color:#e6b5f966;transform:translateY(-4px);box-shadow:0 16px 36px #0a0a1480,0 0 20px #e6b5f926}.archive-card:hover:before{opacity:1}.archive-card__top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.archive-card__cat{font-family:var(--font-display);color:var(--htn-blue);letter-spacing:.05em;font-size:11px;font-weight:800}.archive-card__threat{font-family:var(--font-display);border-radius:var(--radius-full);border:1px solid;padding:3px 8px;font-size:10px;font-weight:800}.archive-card__threat--secure{color:var(--htn-mint);background:#bfefde1a}.archive-card__threat--vulnerable{color:var(--htn-yellow);background:#fbe4961a}.archive-card__threat--elevated{color:#f5a623;background:#f5a6231a}.archive-card__threat--high{color:var(--htn-coral);background:#f3675a1a}.archive-card__threat--critical{color:var(--htn-coral);border-color:var(--htn-coral);background:#f3675a26}.archive-card__threat--malicious{color:var(--htn-coral);background:#f3675a26}.archive-card__threat--investigated{color:var(--htn-blue);background:#9cb1fc1a}.archive-card__title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px;font-size:1.3rem;font-weight:800}.archive-card__code{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:14px;font-size:11px}.archive-card__summary{color:var(--text-secondary);flex:1;margin-bottom:20px;font-size:13px;line-height:1.6}.archive-card__footer{font-family:var(--font-display);color:var(--htn-mint);letter-spacing:.04em;border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:12px;font-size:11px;font-weight:800;display:flex}.archive-card__arrow{transition:transform var(--transition-fast)}.archive-card:hover .archive-card__arrow{transform:translate(4px)}.archive-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 20px;display:flex}.archive-empty__icon{color:var(--text-muted);font-size:3rem}.archive-modal{-webkit-backdrop-filter:blur(12px);z-index:var(--z-modal);padding:var(--space-xl);background:#0e0e19d9;justify-content:center;align-items:center;animation:.25s fade-in;display:flex;position:fixed;inset:0}.archive-modal__panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:20px;width:100%;max-width:680px;max-height:90vh;padding:36px;animation:.3s cubic-bezier(.16,1,.3,1) scale-in;display:flex;overflow-y:auto;box-shadow:0 28px 72px #0a0a14cc}.archive-modal__badge-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.archive-modal__title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:1.8rem;font-weight:800}.archive-modal__summary{color:var(--text-secondary);font-size:14px;line-height:1.6}.archive-modal__body{flex-direction:column;gap:14px;display:flex}.archive-modal__section{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.archive-modal__section h4{font-family:var(--font-display);color:var(--htn-blue);letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:800}.archive-modal__section p{color:var(--text-primary);font-size:13px;line-height:1.6}.archive-modal__section--defense{background:#bfefde14;border-color:#bfefde40}.archive-modal__section--defense h4{color:var(--htn-mint)}@media (width<=768px){.archive-header__inner{flex-direction:column;align-items:flex-start}.archive-search{width:100%;min-width:auto}.archive-grid{grid-template-columns:1fr}}.app-root{min-height:100vh;color:var(--text-primary);background:var(--bg-deep);position:relative}.scanline-overlay{pointer-events:none;z-index:var(--z-overlay);opacity:.3;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000d 2px 4px);position:fixed;inset:0}.panel__header{padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-widest);text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;min-height:32px;display:flex}.panel__body{padding:var(--space-md);overflow-y:auto}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot--danger{animation:1s infinite pulse-dot}.tag{font-family:var(--font-mono);letter-spacing:var(--tracking-widest);text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--border-default);align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.tag--accent{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-glow)}.tag--danger{color:var(--status-danger);border-color:var(--status-danger);background:#ff3b5c1a}.stagger-children>*{opacity:0;animation:.4s forwards fade-in-up}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.stagger-children>:nth-child(9){animation-delay:.45s}.stagger-children>:nth-child(10){animation-delay:.5s}.stagger-children>:nth-child(11){animation-delay:.55s}.stagger-children>:nth-child(12){animation-delay:.6s}.scene{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.scene--pinned{height:100vh;position:relative}.scene--fullscreen{width:100vw;height:100vh}.scene__inner{width:100%;max-width:1280px;padding:var(--space-2xl) var(--space-xl);z-index:2;margin:0 auto;position:relative}.scene__inner--narrow{max-width:860px}.scene__inner--wide{max-width:1440px}.scene-split{gap:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:center;width:100%;display:grid}@media (width<=860px){.scene-split{gap:var(--space-xl);grid-template-columns:1fr}}.scene__layer{pointer-events:none;position:absolute;inset:0}.scene__layer--bg{z-index:0}.scene__layer--content{z-index:1;position:relative}.scene__layer--overlay{z-index:10}:root{--bg-canvas:#141425;--bg-primary:#141425;--bg-surface:#1c1c36;--bg-surface-elevated:#252548;--bg-surface-hover:#2f2f5a;--bg-surface-alt:#18182e;--bg-overlay:#141425eb;--bg-overlay-light:#141425a6;--htn-blue:#9cb1fc;--htn-blue-dim:#6f8df8;--htn-purple:#e6b5f9;--htn-purple-dim:#d68af4;--htn-pink:#ffb0db;--htn-pink-dim:#f277ba;--htn-yellow:#fbe496;--htn-yellow-dim:#ffe657;--htn-green:#bfefde;--htn-green-dim:#75dab6;--htn-cream:#fdf7ea;--htn-coral:#f3675a;--htn-coral-dim:#d84f42;--htn-orange:#ffa45b;--accent:var(--htn-green);--accent-bright:#d4fff0;--accent-dim:var(--htn-green-dim);--accent-glow:#bfefde2e;--accent-glow-strong:#bfefde59;--status-online:var(--htn-green);--status-warning:var(--htn-yellow);--status-danger:var(--htn-coral);--status-info:var(--htn-blue);--status-purple:var(--htn-purple);--text-primary:#ffffffde;--text-secondary:#fff9;--text-muted:#ffffff61;--text-dim:#ffffff38;--text-cream:#fdf7ea;--text-inverse:#0d0d0b;--border-subtle:#ffffff14;--border-default:#ffffff24;--border-strong:#ffffff38;--border-accent:var(--htn-green);--font-display:"Outfit", "Castledown", -apple-system, sans-serif;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-pixel:"Pixelify Sans", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.1875rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-btn-3d:inset 0 -4px 0 #00000052;--shadow-btn-3d-active:inset 0 -2px 0 #00000052;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-base:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.45s cubic-bezier(.16, 1, .3, 1);--z-bg:0;--z-content:1;--z-panel:10;--z-hud:50;--z-nav:100;--z-modal:200;--z-toast:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-canvas);color:var(--text-primary);font-size:16px;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizelegibility}body{background-color:var(--bg-canvas);min-height:100vh;color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-weight:800;line-height:1.15}p{color:var(--text-secondary);line-height:1.65}a{color:var(--htn-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--htn-green)}.tag{border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.04em;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.tag--accent{border-color:var(--htn-green);color:var(--htn-green);background:#bfefde1f}.tag--purple{border-color:var(--htn-purple);color:var(--htn-purple);background:#e6b5f91f}.tag--blue{border-color:var(--htn-blue);color:var(--htn-blue);background:#9cb1fc1f}.tag--yellow{border-color:var(--htn-yellow);color:var(--htn-yellow);background:#fbe4961f}.tag--coral{border-color:var(--htn-coral);color:var(--htn-coral);background:#f3675a1f}.tag--pixel{font-family:var(--font-pixel);letter-spacing:.06em;font-size:12px}.input{border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;outline:none;padding:10px 16px}.input:focus{border-color:var(--htn-blue);background:#ffffff14;box-shadow:0 0 12px #9cb1fc40}.input::placeholder{color:var(--text-muted)}.btn{font-family:var(--font-display);letter-spacing:.01em;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-btn-3d), 0 4px 14px #00000040;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:15px;font-weight:800;transition:transform .12s,filter .15s,box-shadow .12s;display:inline-flex;position:relative}.btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:var(--shadow-btn-3d-active);transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn--primary,.btn--cta{color:#0d0d0b;background:linear-gradient(90deg,#f3675a 0%,#ff8577 55%,#ffa45b 100%)}.btn--mint{color:#0d0d0b;background:linear-gradient(90deg,#75dab6 0%,#bfefde 60%,#9cb1fc 100%)}.btn--lavender{color:#0d0d0b;background:linear-gradient(90deg,#d68af4 0%,#e6b5f9 60%,#ffb0db 100%)}.btn--blue{color:#0d0d0b;background:linear-gradient(90deg,#6f8df8 0%,#9cb1fc 60%,#bfefde 100%)}.btn--yellow{color:#0d0d0b;background:linear-gradient(90deg,#ffa45b 0%,#ffe657 60%,#fbe496 100%)}.btn--secondary{background:var(--bg-surface-elevated);border:1px solid var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-btn-3d)}.btn--secondary:hover:not(:disabled){border-color:var(--htn-blue);background:var(--bg-surface-hover)}.btn--ghost{color:var(--text-secondary);box-shadow:none;background:0 0;border:1px solid #0000}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f;transform:none}.btn--sm{border-radius:var(--radius-sm);padding:6px 14px;font-size:13px}.btn--lg{border-radius:var(--radius-md);padding:14px 28px;font-size:17px}.btn--pill{border-radius:var(--radius-pill)}.w-full{width:100%}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.panel--elevated{background:var(--bg-surface-elevated);border-color:var(--border-default)}.panel__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);font-family:var(--font-display);justify-content:space-between;align-items:center;font-weight:700;display:flex}.panel__body{padding:var(--space-lg)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.char-reveal{opacity:0;transition:opacity .5s ease, transform .5s var(--ease-out-expo);display:inline-block;transform:translateY(40px)}.char-reveal--visible{opacity:1;transform:translateY(0)}.word-reveal{display:inline-block;overflow:hidden}.word-reveal__inner{transition:transform .7s var(--ease-out-expo);display:inline-block;transform:translateY(110%)}.word-reveal--visible .word-reveal__inner{transform:translateY(0)}.typewriter-line{white-space:nowrap;font-family:var(--font-mono);border-right:2px solid var(--accent);width:0;animation:1.2s steps(40,end) forwards type-in;overflow:hidden}.typewriter-line--no-cursor{border-right:none}.typewriter-cursor{background:var(--accent);vertical-align:text-bottom;width:8px;height:1.1em;margin-left:2px;animation:.8s step-end infinite blink-cursor;display:inline-block}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:0;position:absolute;inset:0}.glitch-text--active:before{color:var(--accent);opacity:.7;animation:.3s linear glitch-1}.glitch-text--active:after{color:var(--status-danger);opacity:.7;animation:.3s linear reverse glitch-1}.stagger-children>*{opacity:0;transform:translateY(16px)}.stagger-children--visible>*{animation:fade-in-up .5s var(--ease-out-expo) forwards}.stagger-children--visible>:first-child{animation-delay:50ms}.stagger-children--visible>:nth-child(2){animation-delay:.1s}.stagger-children--visible>:nth-child(3){animation-delay:.15s}.stagger-children--visible>:nth-child(4){animation-delay:.2s}.stagger-children--visible>:nth-child(5){animation-delay:.25s}.stagger-children--visible>:nth-child(6){animation-delay:.3s}.stagger-children--visible>:nth-child(7){animation-delay:.35s}.stagger-children--visible>:nth-child(8){animation-delay:.4s}.stagger-children--visible>:nth-child(9){animation-delay:.45s}.stagger-children--visible>:nth-child(10){animation-delay:.5s}.stagger-children--visible>:nth-child(11){animation-delay:.55s}.stagger-children--visible>:nth-child(12){animation-delay:.6s}.scene-enter{opacity:0;transform:translateY(60px)}.scene-enter--active{opacity:1;transition:all .8s var(--ease-out-expo);transform:translateY(0)}.clip-reveal{clip-path:inset(50%);transition:clip-path 1s var(--ease-out-expo)}.clip-reveal--visible{clip-path:inset(0)}.zoom-in{opacity:0;transition:all .8s var(--ease-out-expo);transform:scale(.9)}.zoom-in--visible{opacity:1;transform:scale(1)}.packet-trail{stroke-dasharray:6 8;animation:.6s linear infinite dash-flow}.node-pulse{animation:2s ease-in-out infinite pulse-dot}.node-compromised{animation:1.2s ease-in-out infinite threat-pulse}.connection-line{stroke-dasharray:4 6;animation:1s linear infinite dash-flow}.progress-bar{background:var(--bg-primary);border-radius:2px;height:4px;overflow:hidden}.progress-bar__fill{background:var(--accent);height:100%;transition:width .6s var(--ease-out-expo);border-radius:2px}.progress-bar__fill--danger{background:var(--status-danger)}.progress-bar__fill--warning{background:var(--status-warning)}.threat-bar{background:var(--bg-primary);border-radius:3px;height:6px;overflow:hidden}.threat-bar__fill{background:linear-gradient(90deg, var(--status-warning), var(--status-danger));border-radius:3px;height:100%;transition:width 1s;position:relative}.achievement-toast{top:var(--space-xl);right:var(--space-xl);z-index:var(--z-overlay);transition:transform .5s var(--ease-out-expo);position:fixed;transform:translate(120%)}.achievement-toast--visible{transform:translate(0)}.score-counter{font-family:var(--font-mono);font-variant-numeric:tabular-nums;display:inline-block}.score-counter--counting{animation:count-up .3s var(--ease-out-expo)}.rank-reveal{opacity:0;transition:all .8s var(--ease-out-expo);transform:scale(.7)}.rank-reveal--visible{opacity:1;transform:scale(1)}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;position:fixed;inset:0}.modal-overlay--visible{opacity:1;pointer-events:all}.modal-content{opacity:0;transition:all .4s var(--ease-out-expo);transform:scale(.96)translateY(10px)}.modal-overlay--visible .modal-content{opacity:1;transform:scale(1)translateY(0)}.scan-pass{position:relative;overflow:hidden}.scan-pass:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:100%;height:2px;animation:4s linear infinite scan-line-pass;position:absolute;left:0}