.htp{--htp-bg:#05060b;--htp-panel:#0a0c16;--htp-panel-hi:#0d1020;--htp-line:#1c2a3d;--htp-text:#c9d4f2;--htp-bright:#eaf6ff;--htp-dim:#5d6a8a;--htp-cyan:#00e5ff;--htp-magenta:#ff2a6d;--htp-amber:#ffa21f;--htp-green:#39ff9c;--htp-glow:0 0 6px #00e5ff99, 0 0 18px #00e5ff33;--htp-mono:"JetBrains Mono", "Berkeley Mono", "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--htp-text);font:13px/1.5 var(--htp-mono);letter-spacing:.02em}.htp-screen{isolation:isolate;background:radial-gradient(ellipse 80% 60% at 70% -10%, #ff2a6d1f, transparent 60%), radial-gradient(ellipse 70% 50% at 0% 110%, #00e5ff17, transparent 60%), var(--htp-bg);flex-direction:column;min-height:100%;display:flex;position:relative}.htp-screen.fill{position:fixed;inset:0;overflow:hidden}.htp-screen.center{place-items:center;display:grid}.htp-screen.glow{background:radial-gradient(ellipse 60% 45% at 50% 48%, #ff2a6d1c, transparent 70%), radial-gradient(ellipse 120% 60% at 50% 120%, #00e5ff14, transparent 60%), var(--htp-bg)}.htp-screen:after{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(#0000 0 2px,#0000002e 2px 3px),radial-gradient(#0000 55%,#000000a0 100%);position:fixed;inset:0}.htp-rain,.htp-rain:before{pointer-events:none;z-index:-1;background-image:repeating-linear-gradient(100deg,#0000 0 46px,#9fd8ff14 46px 47px,#0000 47px 91px);background-size:100% 180px;animation:.9s linear infinite htp-rain;position:absolute;inset:-100% 0 0}.htp-rain:before{content:"";background-image:repeating-linear-gradient(98deg,#0000 0 71px,#ff2a6d10 71px 72px,#0000 72px 133px);background-size:100% 260px;animation-duration:1.4s;inset:0}.htp-screen.power-on{animation:.7s cubic-bezier(.2,.7,.2,1) both htp-power-on}.htp-label{color:var(--htp-dim);text-transform:uppercase;letter-spacing:.18em;font-size:10px}.htp-dim{color:var(--htp-dim)}.htp-spacer{flex:1}.htp-code{font:inherit;color:var(--htp-cyan);-webkit-user-select:all;user-select:all;background:#00e5ff12;border:1px solid #00e5ff33;padding:1px 5px}.htp-kbd{font:600 10px var(--htp-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--htp-bright);border:1px solid var(--htp-dim);background:#ffffff08;border-bottom-width:2px;padding:1px 6px}.htp-tag{text-transform:uppercase;letter-spacing:.14em;color:var(--htp-cyan);background:color-mix(in srgb, currentColor 8%, transparent);border:1px solid;align-items:center;gap:4px;padding:1px 7px;font-size:10px;display:inline-flex}.htp-tag.magenta{color:var(--htp-magenta)}.htp-tag.amber{color:var(--htp-amber)}.htp-tag.green{color:var(--htp-green)}.htp-tag.dim{color:var(--htp-dim)}.htp-cursor{vertical-align:-2px;background:var(--htp-cyan);width:8px;height:14px;box-shadow:var(--htp-glow);animation:1s step-end infinite htp-blink;display:inline-block}.htp-prompt{color:var(--htp-cyan);text-transform:uppercase;letter-spacing:.3em;text-shadow:var(--htp-glow);font-size:12px;animation:1.6s ease-in-out infinite htp-breathe}.htp-heading{font:600 10px var(--htp-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--htp-amber);align-items:center;gap:8px;margin:18px 0 8px;display:flex}.htp-heading:after{content:"";background:linear-gradient(90deg,#ffa21f55,#0000);flex:1;height:1px}.htp-logo{font:800 18px var(--htp-mono);letter-spacing:.12em;color:var(--htp-bright);white-space:nowrap;text-shadow:-1.5px 0 var(--htp-magenta), 1.5px 0 var(--htp-cyan);position:relative}.htp-logo b{color:var(--htp-magenta);font-weight:800}.htp-logo:before{content:attr(data-text);color:var(--htp-cyan);opacity:.6;clip-path:inset(40% 0 45%);animation:4s step-end infinite htp-glitch;position:absolute;inset:0;transform:translate(3px)}.htp-logo.hero{letter-spacing:.08em;text-shadow:-3px 0 var(--htp-magenta), 3px 0 var(--htp-cyan), 0 0 40px #00e5ff55;font-size:clamp(26px,6.4vw,104px);line-height:1;animation:6s step-end infinite htp-flicker}.htp-logo.hero:before{transform:translate(6px)}.htp-btn{--tone:var(--htp-cyan);font:600 11px var(--htp-mono);text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;color:var(--tone);background:color-mix(in srgb, var(--tone) 6%, transparent);border:1px solid var(--tone);cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border-radius:0;padding:7px 14px}.htp-btn:hover:not(:disabled){border-color:var(--tone);background:color-mix(in srgb, var(--tone) 16%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--tone) 40%, transparent)}.htp-btn:focus-visible{outline:1px solid var(--htp-bright);outline-offset:2px}.htp-btn:disabled{opacity:.4;cursor:default}.htp-btn.sysop{--tone:var(--htp-amber)}.htp-btn.danger{--tone:var(--htp-magenta)}.htp-btn.ghost{--tone:var(--htp-dim);background:0 0}.htp-btn.ghost:hover:not(:disabled){color:var(--htp-bright)}.htp-btn.sm{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);padding:3px 9px;font-size:10px}.htp-panel{background:linear-gradient(160deg, var(--htp-panel-hi), var(--htp-panel) 40%);border:1px solid var(--htp-line);min-width:0;position:relative}.htp-panel:before,.htp-panel:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.htp-panel:before{border-top:2px solid var(--htp-cyan);border-left:2px solid var(--htp-cyan);top:-1px;left:-1px}.htp-panel:after{border-bottom:2px solid var(--htp-magenta);border-right:2px solid var(--htp-magenta);bottom:-1px;right:-1px}.htp-panel.alert{border-color:#ff2a6d55}.htp-panel.alert:before{border-color:var(--htp-magenta)}.htp-panel-head{border-bottom:1px dashed var(--htp-line);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 14px;display:flex}.htp-panel-head h2{font:700 13px var(--htp-mono);text-transform:uppercase;letter-spacing:.24em;color:var(--htp-bright);margin:0}.htp-panel.alert .htp-panel-head h2{color:var(--htp-magenta)}.htp-panel-head .htp-panel-actions{align-self:center;gap:6px;margin-left:auto;display:flex}.htp-panel-code{color:var(--htp-magenta);font-size:11px}.htp-panel-code:before{content:"[";color:var(--htp-dim)}.htp-panel-code:after{content:"]";color:var(--htp-dim)}.htp-panel-body{padding:14px}.htp-panel-body>p{margin:0 0 10px}.htp-topbar{border-bottom:1px solid var(--htp-line);background:linear-gradient(#0b0e1a,#05060bcc);flex-wrap:wrap;align-items:center;gap:22px;padding:12px 20px;display:flex;position:relative}.htp-topbar:after{content:"";background:linear-gradient(90deg, var(--htp-magenta), transparent 30%, transparent 70%, var(--htp-cyan));height:1px;position:absolute;bottom:-1px;left:0;right:0}.htp-statusbar{text-transform:uppercase;letter-spacing:.12em;border-top:1px solid var(--htp-line);white-space:nowrap;background:#070912;align-items:center;gap:12px;padding:7px 20px;font-size:11px;display:flex;overflow:hidden}.htp-statusbar .htp-sep{color:var(--htp-dim)}.htp-readout{flex-direction:column;line-height:1.2;display:flex}.htp-readout-value{color:var(--htp-bright);font-variant-numeric:tabular-nums;font-size:15px}.htp-readout.big .htp-readout-value{text-shadow:var(--htp-glow);font-size:26px}.htp-meter{--tone:var(--htp-cyan);flex-direction:column;gap:3px;display:flex}.htp-meter.hot{--tone:var(--htp-magenta)}.htp-meter.warn{--tone:var(--htp-amber)}.htp-meter-bar{gap:2px;display:flex}.htp-meter-bar i{background:color-mix(in srgb, var(--tone) 8%, transparent);border:1px solid color-mix(in srgb, var(--tone) 18%, transparent);width:7px;height:10px}.htp-meter-bar i.lit{background:var(--tone);box-shadow:0 0 6px color-mix(in srgb, var(--tone) 60%, transparent)}.htp-meter.wide .htp-meter-bar i{flex:1;width:auto}.htp-pips{--tone:var(--htp-cyan);vertical-align:middle;gap:3px;display:inline-flex}.htp-pips.hot{--tone:var(--htp-magenta)}.htp-pips.warn{--tone:var(--htp-amber)}.htp-pips i{border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);width:6px;height:6px;transform:rotate(45deg)}.htp-pips i.lit{background:var(--tone);box-shadow:0 0 5px var(--tone)}.htp-led-wrap{align-items:center;gap:7px;display:inline-flex}.htp-led{border-radius:50%;flex:none;width:7px;height:7px}.htp-led.on{background:var(--htp-green);box-shadow:0 0 8px var(--htp-green)}.htp-led.off{background:var(--htp-magenta);box-shadow:0 0 8px var(--htp-magenta)}.htp-led.warn{background:var(--htp-amber);box-shadow:0 0 8px var(--htp-amber);animation:1s step-end infinite htp-blink}.htp-led.idle{border:1px solid var(--htp-dim);background:#ffffff10}.htp-slot{color:#5d6a8acc;background:#ffffff03;border:1px dashed #5d6a8a66;flex-direction:column;gap:2px;padding:8px 10px;font-size:12px;display:flex}.htp-slot.filled{color:var(--htp-bright);background:#00e5ff0a;border-style:solid;border-color:#00e5ff55}.htp-empty{text-align:center;padding:26px 8px 18px}.htp-empty-title{font:700 15px var(--htp-mono);text-transform:uppercase;letter-spacing:.3em;color:var(--htp-magenta);text-shadow:0 0 10px #ff2a6d66;margin-bottom:8px}.htp-empty-body{color:var(--htp-dim);max-width:46ch;margin:0 auto}.htp-table{--cols:1fr;width:100%}.htp-table-row{grid-template-columns:var(--cols);border-top:1px solid #1c2a3d80;align-items:center;gap:12px;padding:8px 4px;display:grid}.htp-table-head{border:0;border-bottom:1px solid var(--htp-line);padding:0 4px 8px}.htp-table-head span{color:var(--htp-dim);text-transform:uppercase;letter-spacing:.18em;font-size:10px}.htp-table-head+.htp-table-row{border-top:0}.htp-table-row.ghost{opacity:.5;padding:10px 4px}.htp-table-row.ghost i{background:linear-gradient(90deg, var(--htp-line), #1c2a3d55);height:8px}.htp-table-row.ghost:nth-child(odd) i:first-child{width:70%}.htp-table-row.clickable{cursor:pointer}.htp-table-row.clickable:hover{background:#00e5ff0a}.htp-card{--tone:var(--htp-cyan);width:112px;height:156px;font:inherit;text-align:left;color:var(--htp-text);background:linear-gradient(170deg, color-mix(in srgb, var(--tone) 12%, var(--htp-panel)), var(--htp-panel) 60%);border:1px solid color-mix(in srgb, var(--tone) 55%, transparent);box-shadow:inset 0 0 0 3px var(--htp-bg), inset 0 0 0 4px color-mix(in srgb, var(--tone) 18%, transparent);transform:perspective(700px) translateY(var(--lift,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;border-radius:4px;flex-direction:column;flex:none;align-items:stretch;gap:4px;padding:8px 9px;transition:transform .22s ease-out,box-shadow .12s,border-color .12s;display:flex;position:relative;overflow:hidden}.htp-card:hover{transition:transform 60ms linear,box-shadow .12s,border-color .12s}.htp-card:after{content:"";pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff2e, transparent 55%);transition:opacity .2s;position:absolute;inset:0}.htp-card:hover:after{opacity:1}.htp-card.magenta{--tone:var(--htp-magenta)}.htp-card.amber{--tone:var(--htp-amber)}.htp-card.green{--tone:var(--htp-green)}.htp-card.dim{--tone:#8a97b8}.htp-card-name{font:600 10px var(--htp-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--tone)}.htp-card-glyph{color:var(--tone);text-shadow:0 0 12px color-mix(in srgb, var(--tone) 60%, transparent);flex:1;place-items:center;font-size:40px;line-height:1;display:grid}.htp-card-text{color:var(--htp-text);min-height:2.7em;font-size:10px;line-height:1.35}.htp-card.playable{cursor:pointer}.htp-card.playable:hover:not(:disabled),.htp-card.playable:focus-visible{--lift:-6px;border-color:var(--tone);outline:none}.htp-card.on{--lift:-10px;border-color:var(--tone);box-shadow:inset 0 0 0 3px var(--htp-bg), inset 0 0 0 4px var(--tone), 0 0 16px color-mix(in srgb, var(--tone) 45%, transparent)}.htp-card:disabled,.htp-card[aria-disabled]{opacity:.4;cursor:not-allowed;--lift:0px}.htp-card:disabled:after,.htp-card[aria-disabled]:after{display:none}.htp-card.back{--tone:var(--htp-dim);background:repeating-linear-gradient(45deg, #00e5ff0a 0 6px, transparent 6px 12px), var(--htp-panel);justify-content:center;align-items:center}.htp-card-back{font:700 20px var(--htp-mono);color:var(--htp-text)}.htp-card.lg{aspect-ratio:112/156;border-width:2px;gap:10px;width:min(340px,70vw,50vh);height:auto;padding:18px 20px}.htp-card.lg .htp-card-name{font-size:clamp(13px,2.2vh,18px)}.htp-card.lg .htp-card-glyph{font-size:clamp(90px,17vh,150px)}.htp-card.lg .htp-card-text{font-size:14px}.htp-card.foil{border-color:color-mix(in srgb, var(--tone) 40%, #fff6)}.htp-card.foil:before{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:screen;opacity:.7;background:repeating-linear-gradient(115deg,#0000 0%,#ff2a6d66 6%,#ffa21f66 9%,#fff36b55 12%,#39ff9c55 15%,#00e5ff66 18%,#8a6bff66 21%,#0000 27% 40%) 0 0/300% 300%,repeating-linear-gradient(25deg,#0000 0 3px,#ffffff14 3px 4px) 0 0/100% 100%;background-position:var(--mx,50%) var(--my,50%), 0 0;animation:6s ease-in-out infinite alternate htp-foil;position:absolute;inset:0}.htp-card.foil:hover:before{opacity:.9;animation:none}.htp-card.foil .htp-card-name{text-shadow:0 0 8px #fff5}@keyframes htp-foil{0%{background-position:0 30%,0 0}to{background-position:100% 70%,0 0}}.htp-overlay{z-index:9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#0a0c16ee,#05060bf8);place-items:center;padding:48px 24px;animation:.16s ease-out both htp-overlay-in;display:grid;position:fixed;inset:0;overflow:auto}.htp-overlay-body{width:100%;max-width:1000px}.htp-overlay-close{width:34px;height:34px;font:16px var(--htp-mono);color:var(--htp-dim);border:1px solid var(--htp-line);cursor:pointer;background:0 0;position:fixed;top:16px;right:18px}.htp-overlay-close:hover,.htp-overlay-close:focus-visible{color:var(--htp-cyan);border-color:var(--htp-cyan);outline:none}@keyframes htp-overlay-in{0%{opacity:0;transform:scale(1.02)}}.htp-feed{gap:5px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.htp-feed li{grid-template-columns:52px 1fr;gap:8px;display:grid}.htp-feed-tag{color:var(--htp-cyan);text-transform:uppercase;letter-spacing:.14em;padding-top:1px;font-size:10px}.htp-feed li.magenta,.htp-feed li.magenta .htp-feed-tag{color:var(--htp-magenta)}.htp-feed li.amber .htp-feed-tag{color:var(--htp-amber)}.htp-feed li.green .htp-feed-tag{color:var(--htp-green)}.htp-feed li.dim{color:var(--htp-dim)}.htp-typewriter{gap:14px;margin:0;padding:0;list-style:none;display:grid}.htp-typewriter li{color:#dbe4ff;text-shadow:0 0 8px #00e5ff33;min-height:1.6em;font-size:clamp(14px,1.7vw,19px)}.htp-typewriter li .htp-cursor{margin-left:3px}.htp-typewriter li.amber{color:var(--htp-amber);letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 8px #ffa21f55;margin-bottom:10px;font-size:12px}.htp-typewriter li.cyan{color:var(--htp-cyan);text-shadow:var(--htp-glow);margin-top:10px}.htp-typewriter li.magenta{color:var(--htp-magenta);text-shadow:0 0 8px #ff2a6d55}.htp-typewriter li.dim{color:var(--htp-dim);text-shadow:none}.htp-field{flex-direction:column;gap:4px;display:flex}.htp-input[type]{font:13px var(--htp-mono);color:var(--htp-bright);border:0;border-bottom:1px solid var(--htp-line);caret-color:var(--htp-cyan);background:#00e5ff08;border-radius:0;outline:none;padding:6px 2px}.htp-input[type]::placeholder{color:var(--htp-dim)}.htp-input[type]:focus{border-bottom-color:var(--htp-cyan);box-shadow:0 1px 0 var(--htp-cyan), 0 6px 12px -8px #00e5ff88}.htp-tabs{border-bottom:1px solid var(--htp-line);gap:2px;display:flex}.htp-tab{font:600 11px var(--htp-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--htp-dim);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 14px}.htp-tab:hover{color:var(--htp-text);border-color:#0000;border-bottom-color:var(--htp-line)}.htp-tab.on{color:var(--htp-cyan);border-bottom-color:var(--htp-cyan);text-shadow:var(--htp-glow)}.htp-tabs.bare{border-bottom:0}.htp-tabs.bare .htp-tab{margin-bottom:0}.htp-tab-badge{text-align:center;min-width:16px;color:var(--htp-bg);background:var(--htp-magenta);letter-spacing:0;text-shadow:none;margin-left:7px;padding:0 4px;font-size:10px;line-height:15px;display:inline-block;box-shadow:0 0 8px #ff2a6d88}.htp-tab:focus-visible{outline:1px solid var(--htp-bright);outline-offset:-3px}@keyframes htp-blink{50%{opacity:0}}@keyframes htp-breathe{50%{opacity:.35}}@keyframes htp-rain{to{transform:translateY(50%)}}@keyframes htp-glitch{0%,92%,to{clip-path:inset(100% 0 0)}93%{clip-path:inset(30% 0 50%);transform:translate(-3px)}95%{clip-path:inset(70% 0 10%);transform:translate(4px)}97%{clip-path:inset(10% 0 80%);transform:translate(-2px)}}@keyframes htp-flicker{0%,18%,21%,64%,66%,to{opacity:1}19%,65%{opacity:.6}20%{opacity:.9;transform:skew(-4deg)}}@keyframes htp-power-on{0%{filter:brightness(6)saturate(0);opacity:.9;transform:scaleY(.004)}35%{filter:brightness(4)saturate(0);transform:scaleY(.004)}60%{filter:brightness(1.6);transform:scaleY(1.02)}to{filter:none;opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.htp *,.htp :before,.htp-screen.power-on{animation:none!important}.htp-card{--rx:0deg!important;--ry:0deg!important}}@media (width<=700px){.htp-topbar{gap:14px;padding:12px 16px}.htp-statusbar{padding:7px 16px}}.htp-screen .htp-screen:after{position:absolute}.htp-gallery{flex:1;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));align-items:start;gap:16px;padding:18px 20px;display:grid}:is(.htp-gallery-section:has(.hero),.htp-gallery-section:has(.htp-table)){grid-column:1/-1}.htp-gallery-row{flex-wrap:wrap;align-items:center;gap:12px 18px;margin:6px 0;display:flex}.htp-gallery-cols{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.htp-gallery-slots{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.htp-gallery-stage{border:1px solid var(--htp-line);height:150px;position:relative;overflow:hidden}.htp-gallery-stage>.htp-screen{position:absolute;inset:0}.htp-gallery-stage.flat{flex-direction:column;height:auto;min-height:150px;display:flex}.htp-gallery-snippet{font:11px/1.5 var(--htp-mono);color:var(--htp-dim);white-space:pre-wrap;border-left:2px solid var(--htp-line);background:#00000040;margin:14px 0 0;padding:8px 10px}.htp-gallery-swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.htp-gallery-swatches div{align-items:center;gap:8px;display:flex}.htp-gallery-swatches i{border:1px solid #fff2;flex:none;width:22px;height:22px}.htp-gallery-range{width:100%;accent-color:var(--htp-cyan);margin-bottom:8px}@media (width<=700px){.htp-gallery{padding:16px}}.boot{cursor:default;-webkit-user-select:none;user-select:none}.boot-title{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:0 16px;display:flex}.boot-title .htp-prompt{margin-top:28px}.boot-glow{z-index:-1;filter:blur(20px);background:radial-gradient(#ff2a6d30,#00e5ff12 50%,#0000 70%);width:70vw;max-width:900px;height:160px;animation:4s ease-in-out infinite boot-pulse;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes boot-pulse{50%{opacity:.55}}.boot-tagline{color:var(--htp-dim);text-transform:uppercase;letter-spacing:.6em;margin-right:-.6em;font-size:clamp(10px,1.1vw,14px)}.boot-intro{cursor:pointer;width:min(760px,100vw - 32px)}.boot-intro .htp-prompt{margin-top:36px}.boot-name{text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(900px,100vw - 32px);display:flex}.boot-name .htp-label{letter-spacing:.5em;color:var(--htp-amber);margin-right:-.5em;font-size:13px}.boot-name-input{text-align:center;max-width:100%;font:800 clamp(36px, 8vw, 112px) / 1.1 var(--htp-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--htp-bright);text-shadow:-3px 0 var(--htp-magenta), 3px 0 var(--htp-cyan), 0 0 40px #00e5ff55;caret-color:var(--htp-cyan);background:0 0;border:0;border-bottom:2px solid #00e5ff55;outline:none;padding:0 0 6px}.boot-name-input::placeholder{color:var(--htp-dim);opacity:.35;text-shadow:none}.boot-name-input:focus{border-bottom-color:var(--htp-cyan)}.boot-name .htp-prompt{margin-top:14px}.boot-skip{font:600 11px var(--htp-mono);text-transform:uppercase;letter-spacing:.18em;white-space:pre;color:var(--htp-dim);cursor:pointer;background:0 0;border:0;padding:4px 8px}.boot-skip:hover,.boot-skip:focus-visible{color:var(--htp-bright);outline:none}.boot-skip[aria-pressed=true]{color:var(--htp-amber)}.boot-foot{justify-content:space-between;padding:12px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.boot-glow{animation:none}}@media (width<=700px){.boot-name{text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(900px,100vw - 32px);display:flex}.boot-name .htp-label{letter-spacing:.5em;color:var(--htp-amber);margin-right:-.5em;font-size:13px}.boot-name-input{text-align:center;max-width:100%;font:800 clamp(36px, 8vw, 112px) / 1.1 var(--htp-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--htp-bright);text-shadow:-3px 0 var(--htp-magenta), 3px 0 var(--htp-cyan), 0 0 40px #00e5ff55;caret-color:var(--htp-cyan);background:0 0;border:0;border-bottom:2px solid #00e5ff55;outline:none;padding:0 0 6px}.boot-name-input::placeholder{color:var(--htp-dim);opacity:.35;text-shadow:none}.boot-name-input:focus{border-bottom-color:var(--htp-cyan)}.boot-name .htp-prompt{margin-top:14px}.boot-skip{font:600 11px var(--htp-mono);text-transform:uppercase;letter-spacing:.18em;white-space:pre;color:var(--htp-dim);cursor:pointer;background:0 0;border:0;padding:4px 8px}.boot-skip:hover,.boot-skip:focus-visible{color:var(--htp-bright);outline:none}.boot-skip[aria-pressed=true]{color:var(--htp-amber)}.boot-foot{padding:10px 16px}}.signin-zaibatsu{margin-top:24px}.signin-problem{color:var(--htp-magenta);margin:8px 0 0;font-size:13px}.signin-dev{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.signin-dev input{font:600 13px var(--htp-mono);letter-spacing:.08em;color:var(--htp-bright);background:0 0;border:0;border-bottom:1px solid #00e5ff55;outline:none;width:12ch;padding:4px 2px}.signin-dev input:focus{border-bottom-color:var(--htp-cyan)}.deck-grid{grid-template-columns:minmax(0,1fr) minmax(260px,340px)}@media (width<=700px){.deck-grid{grid-template-columns:minmax(0,1fr)}.deck-targets .htp-table{--cols:2fr 1.4fr 1fr!important}.deck-targets .htp-table-row>:nth-child(n+4){display:none}}.tut{pointer-events:none;z-index:20;animation:.5s ease-out .9s both tut-in;position:fixed;inset:0}@keyframes tut-in{0%{opacity:0}}.tut-ring{border:1px solid var(--htp-amber);animation:1.8s ease-in-out infinite tut-pulse;position:fixed;box-shadow:0 0 0 9999px #05060b99,0 0 14px #ffa21f88,inset 0 0 10px #ffa21f33}@keyframes tut-pulse{50%{box-shadow:0 0 0 9999px #05060b99,0 0 24px #ffa21fcc,inset 0 0 14px #ffa21f55}}.tut-callout{pointer-events:auto;background:var(--htp-panel-hi);border:1px solid #ffa21f88;padding:12px 16px 14px;position:fixed;box-shadow:0 8px 30px #000a,0 0 18px #ffa21f22}.tut-arrow{background:var(--htp-panel-hi);border:solid #ffa21f88;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.tut-callout.below .tut-arrow{border-width:1px 0 0 1px;top:-7px}.tut-callout.above .tut-arrow{border-width:0 1px 1px 0;bottom:-7px}.tut-callout .htp-label{color:var(--htp-amber)}.tut-callout h3{font:700 13px var(--htp-mono);text-transform:uppercase;letter-spacing:.24em;color:var(--htp-bright);margin:2px 0 8px}.tut-callout p{color:#dbe4ff;margin:0 0 8px;line-height:1.6}.tut-callout p:last-of-type{margin-bottom:0}.tut-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.tut-actions:has(>.tut-skip:only-child,>.tut-skip-ask:only-child){justify-content:flex-end}.tut-skip{font:10px var(--htp-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--htp-dim);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:2px 0;text-decoration:underline}.tut-skip:hover,.tut-skip:focus-visible{color:var(--htp-bright);outline:none}.tut-skip.yes{color:var(--htp-amber)}.tut-skip-ask{text-transform:uppercase;letter-spacing:.14em;color:var(--htp-amber);align-items:center;gap:10px;font-size:10px;display:inline-flex}.tut.quiet .tut-ring{animation-name:tut-pulse-quiet;box-shadow:0 0 14px #ffa21f88,inset 0 0 10px #ffa21f33}@keyframes tut-pulse-quiet{50%{box-shadow:0 0 24px #ffa21fcc,inset 0 0 14px #ffa21f55}}.tut-callout{animation:.25s ease-out tut-in}.tut-callout.compact{white-space:nowrap;padding:0}.tut-tag{font:600 10px var(--htp-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--htp-amber);cursor:pointer;background:0 0;border:0;padding:7px 12px}.tut-tag:hover,.tut-tag:focus-visible{color:var(--htp-bright);outline:none}@media (prefers-reduced-motion:reduce){.tut,.tut-ring,.tut-callout{animation:none}}.shell-id{align-items:baseline;gap:8px;display:flex}.shell-id strong{color:var(--htp-cyan);text-shadow:var(--htp-glow);font-weight:600}.shell-id strong+.htp-label{margin-left:8px}.shell-stats{align-items:center;gap:inherit;display:flex}.shell-cred.landed .htp-readout-value{animation:.6s ease-out shell-cred-pop;display:inline-block}@keyframes shell-cred-pop{30%{color:var(--htp-amber);text-shadow:0 0 12px #ffa21fcc;transform:scale(1.35)}}.shell-payout{z-index:30;pointer-events:none;position:fixed}.shell-payout>span{white-space:nowrap;opacity:0;font:700 14px var(--htp-mono);color:var(--htp-amber);text-shadow:0 0 8px #ffa21fcc;position:absolute;top:0;left:0}.shell-payout .shell-payout-label{letter-spacing:.06em;font-size:18px}.shell-nav{border-bottom:1px solid var(--htp-line);background:#070912cc;flex-wrap:wrap;align-items:center;gap:12px;padding:0 20px;display:flex}.shell-where{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:6px 0;font-size:12px;overflow:hidden}.shell-host{color:var(--htp-cyan)}.htp-screen.shell{height:100dvh;min-height:0}.shell-notice{color:var(--htp-amber);background:#ffa21f14;border-bottom:1px solid #ffa21f55;justify-content:space-between;align-items:center;gap:16px;padding:8px 20px;font-size:13px;animation:.2s ease-out shell-notice-in;display:flex}@keyframes shell-notice-in{0%{opacity:0;transform:translateY(-4px)}}.shell-page{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.shell-motto{text-transform:none;letter-spacing:.04em;text-overflow:ellipsis;font-style:italic;overflow:hidden}.shell-reset{font:inherit;text-transform:inherit;letter-spacing:inherit;color:var(--htp-dim);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.shell-reset:hover,.shell-reset:focus-visible{color:var(--htp-bright);outline:none}.shell-reset.yes{color:var(--htp-magenta)}.shell-reset-ask{color:var(--htp-amber);white-space:nowrap;gap:12px;display:inline-flex}.street{color:var(--htp-dim);font-style:italic}.page-grid{flex:1;align-items:start;gap:16px;padding:18px 20px;display:grid}body:has(.htp-screen){background:#05060b}@media (width<=700px){.shell-nav{padding:0 8px}.shell-nav .htp-tab{padding:8px 9px}.page-grid{padding:16px}.shell-motto{display:none}}.hack-stage{flex:1;grid-template:"top top""board side"minmax(0,1fr)"hand hand"/minmax(0,1fr) minmax(260px,340px);gap:12px;min-height:0;padding:12px 16px;display:grid;position:relative}.hack-stage>*{animation:.42s cubic-bezier(.2,.7,.2,1) both hack-in}.hack-stage>.hack-board{animation-delay:.12s}.hack-stage>.hack-side{animation-delay:.2s}.hack-stage>.hack-hand-panel{animation-delay:.28s}.hack-stage>.hack-flash{animation:1.1s ease-out both hack-flash}.hack-top{flex-wrap:wrap;grid-area:top;align-items:center;gap:8px 16px;display:flex}.hack-target{gap:2px;min-width:0;display:grid}.hack-target h1{font:700 15px var(--htp-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--htp-bright);text-shadow:var(--htp-glow);margin:0}.hack-target>span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hack-board{flex-direction:column;grid-area:board;min-height:0;display:flex}.hack-board .htp-panel-body{flex:1;min-height:0;padding:0;position:relative}.hack-side{flex-direction:column;grid-area:side;gap:12px;min-height:0;display:flex;overflow-y:auto}.hack-hand-panel{grid-area:hand}.hack-hand-panel .htp-panel-body{padding:10px 14px 12px}.hack-hand{--cw:clamp(60px, min(calc((100vw - 112px) / 5), 15dvh), 112px);min-height:calc(var(--cw) * 156 / 112 + 34px);justify-content:center;align-items:flex-end;gap:10px;display:flex}.hack-hand .htp-card{width:var(--cw);height:calc(var(--cw) * 156 / 112)}.hack-hand .htp-card-glyph{font-size:calc(var(--cw) * .36)}.hack-slot{flex-direction:column;align-items:center;gap:6px;display:flex}.hack-hand>p{align-self:center;margin:0}.hack-gauges{gap:10px;margin-bottom:12px;display:grid}.hack-breach{align-items:center;gap:10px;display:flex}.hack-breach .htp-pips i{width:10px;height:10px}.hack-piles{gap:24px;margin-bottom:14px;display:flex}.hack-actions{gap:8px;display:flex}.hack-flash{--tone:var(--htp-cyan);z-index:9;pointer-events:none;opacity:0;text-align:center;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--tone) 70%, #fff) 0%, color-mix(in srgb, var(--tone) 35%, transparent) 45%, #05060bcc 100%);place-content:center;justify-items:center;gap:10px;display:grid;position:fixed;inset:0}.hack-flash.won{--tone:var(--htp-green);animation-duration:1.6s}.hack-flash strong{font:700 clamp(28px, 7vw, 76px) var(--htp-mono);text-transform:uppercase;letter-spacing:.18em;color:#fff;text-shadow:0 0 6px var(--tone), 0 0 28px var(--tone), 0 0 60px var(--tone);animation:1.1s step-end both hack-flash-text}.hack-flash span{font:600 clamp(12px, 2vw, 18px) var(--htp-mono);letter-spacing:.3em;text-transform:uppercase;color:#fff;text-shadow:0 0 10px var(--tone)}@keyframes hack-flash{0%{opacity:1;filter:brightness(2.2)}6%{opacity:.15}12%{opacity:1;filter:brightness(1.6)}18%{opacity:.3}26%{opacity:1;filter:none}70%{opacity:.9}to{opacity:0}}@keyframes hack-flash-text{0%{transform:translate(-6px)skew(-12deg)}8%{transform:translate(5px)}16%{transform:none}}@keyframes hack-in{0%{opacity:0;filter:brightness(2);transform:scale(.97)translateY(8px)}}.hack-stage.won{--htp-cyan:var(--htp-green);--htp-glow:0 0 10px #39ff9c88}.hack-stage.won .hack-nodes rect{stroke:#39ff9c88}.hack-stage.won .htp-panel{border-color:#39ff9c55;transition:border-color .3s}.hack-svg{width:calc(100% - 16px);height:calc(100% - 16px);font-family:var(--htp-mono);position:absolute;inset:8px}.hack-links line{stroke:var(--htp-cyan);stroke-opacity:.4;stroke-width:2px}.hack-nodes rect{fill:var(--htp-panel);stroke:#00e5ff88;stroke-width:1.5px}.hack-svg text{text-anchor:middle;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.hack-start rect{fill:none;stroke:var(--htp-green);stroke-width:1.5px;stroke-dasharray:3 3}.hack-start text{fill:var(--htp-green)}.hack-end rect{fill:#ffa21f14;stroke:var(--htp-amber);stroke-width:2px;filter:drop-shadow(0 0 6px #ffa21f88)}.hack-end rect.core{fill:var(--htp-amber);stroke:none;filter:none}.hack-end.lit rect:first-child{animation:1.4s ease-in-out infinite hack-pulse}.hack-end text{fill:var(--htp-amber)}.hack-ice{transition:transform .32s ease-in-out}.hack-ice polygon{fill:#ff2a6d33;stroke:var(--htp-magenta);stroke-width:2px;filter:drop-shadow(0 0 6px var(--htp-magenta))}.hack-ice text{fill:var(--htp-bright);font-size:11px;font-weight:700}.hack-ice-dying polygon{fill:#fff;stroke:var(--htp-magenta);stroke-width:2px;filter:drop-shadow(0 0 10px var(--htp-magenta));transform-box:fill-box;transform-origin:50%;animation:.7s ease-out both hack-ice-die}.hack-ice-dying circle{fill:none;stroke:var(--htp-magenta);stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:.5s ease-out both hack-ice-ring}.hack-ice-dying text{fill:var(--htp-amber);text-shadow:0 0 6px var(--htp-amber);font-size:11px;font-weight:700;animation:.7s ease-out both hack-rep-up}@keyframes hack-ice-die{0%{opacity:1;transform:scale(1)}15%{fill:#fff;transform:scale(1.4)rotate(20deg)}to{opacity:0;fill:var(--htp-magenta);transform:scale(.2)rotate(180deg)}}@keyframes hack-ice-ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;stroke-width:.5px;transform:scale(2.6)}}@keyframes hack-rep-up{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.hack-you{transition:transform .18s ease-out}.hack-you circle{fill:#00e5ff1a;stroke:var(--htp-cyan);stroke-width:1.5px}.hack-you polygon{fill:var(--htp-cyan);filter:drop-shadow(0 0 6px var(--htp-cyan))}.hack-you.lost polygon,.hack-you.lost circle{fill:var(--htp-magenta);stroke:var(--htp-magenta)}.hack-you.won polygon{fill:var(--htp-green)}@keyframes hack-pulse{50%{stroke-opacity:.4}}@media (width<=900px){.hack-stage{grid-template:"top""board"minmax(0,1fr)"side""hand"/minmax(0,1fr);gap:10px;padding:10px 16px}.hack-side .htp-panel-head,.hack-piles,.hack-side .htp-feed{display:none}.hack-side .hack-gauges{margin:0}.hack-top .htp-logo,.hack-keys,.hack-hand-panel .htp-panel-head>.htp-label{display:none}.hack-hand{--cw:clamp(56px, min(calc((100vw - 96px) / 5), 12dvh), 112px)}}@media (width<=700px),(height<=700px){.hack-hand .htp-card-text{display:none}}.mail-grid{grid-template-columns:minmax(260px,380px) minmax(0,1fr)}.mail-list .htp-panel-body{padding:6px}.mail-list ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mail-item{text-align:left;width:100%;font:inherit;color:var(--htp-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:0;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:8px 10px;display:grid}.mail-item:hover{border-color:var(--htp-line);background:#00e5ff08}.mail-item.on{background:#00e5ff10;border-color:#00e5ff44}.mail-item:focus-visible{outline:1px solid var(--htp-bright);outline-offset:-1px}.mail-item.unread{color:var(--htp-bright)}.mail-item.unread .mail-subject{font-weight:600}.mail-from{color:var(--htp-cyan);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-item:not(.unread) .mail-from{color:inherit}.mail-at{font-variant-numeric:tabular-nums;font-size:11px}.mail-subject{text-overflow:ellipsis;white-space:nowrap;grid-column:2/-1;overflow:hidden}.mail-headers{border-bottom:1px dashed var(--htp-line);grid-template-columns:80px minmax(0,1fr);gap:6px 10px;margin:0 0 16px;padding-bottom:12px;display:grid}.mail-headers dt{color:var(--htp-dim);text-transform:uppercase;letter-spacing:.18em;padding-top:2px;font-size:10px}.mail-headers dd{overflow-wrap:anywhere;margin:0}.mail-body{color:#dbe4ff;max-width:64ch;font-size:14px;line-height:1.7}.mail-body p{margin:0 0 14px}.mail-offer{background:#ffa21f0d;border:1px solid #ffa21f55;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:64ch;margin-top:6px;padding:12px 14px;display:flex}.mail-offer>div{gap:2px;display:grid}.mail-offer .htp-label{color:var(--htp-amber)}.mail-offer strong{color:var(--htp-bright);text-transform:uppercase;letter-spacing:.14em}@media (width<=800px){.mail-grid{grid-template-columns:minmax(0,1fr)}}.missions-grid{grid-template-columns:minmax(0,720px);align-content:start}.mission-brief{color:#dbe4ff;max-width:64ch;font-size:14px;line-height:1.7}.mission-brief p{margin:0 0 14px}.mission-objective{border-top:1px dashed var(--htp-line);gap:6px;padding-top:12px;display:grid}.mission-turn-in{background:#00e5ff0a;border:1px solid #00e5ff44;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:12px 14px;display:flex}.mission-reward{border-top:1px dashed var(--htp-line);gap:6px;margin-top:12px;padding-top:12px;display:grid}.mission-reward span{color:var(--htp-amber);font-variant-numeric:tabular-nums}.missions-done{gap:10px;display:grid}.missions-done .htp-heading{margin:8px 0 0}.mission.done{opacity:.55;transition:opacity .12s}.mission.done:hover,.mission.done:focus-within{opacity:.85}.mission.collapsed .htp-panel-head{border-bottom:0}.mission.collapsed .htp-panel-body{display:none}.mission-toggle{font:inherit;color:var(--htp-dim);border:1px solid var(--htp-line);cursor:pointer;background:0 0;margin-left:4px;padding:0 7px;line-height:1.5}.mission-toggle:hover,.mission-toggle:focus-visible{color:var(--htp-bright);border-color:var(--htp-cyan);outline:none}.net-grid{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}.net-side{gap:16px;display:grid}.net-map .htp-panel-body{padding:6px}.net-unresolved{color:var(--htp-dim);margin:0;padding:4px 10px 6px;font-size:11px}.net-here{gap:24px;margin-bottom:6px;display:flex}.net-facts{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:6px 10px;margin:10px 0 14px;display:grid}.net-facts dt{color:var(--htp-dim);text-transform:uppercase;letter-spacing:.18em;font-size:10px}.net-facts dd{overflow-wrap:anywhere;margin:0}.net-actions{gap:8px;display:flex}.net-you{color:var(--htp-cyan)}.net-crumbs{flex-wrap:wrap;align-items:baseline;gap:2px;padding:6px 10px 0;font-size:12px;display:flex}.net-crumbs button,.net-routes button{all:unset;cursor:pointer;color:var(--htp-text)}.net-crumbs button:hover,.net-routes button:hover,.net-crumbs button:focus-visible,.net-routes button:focus-visible{color:var(--htp-bright);text-decoration:underline}.net-crumbs button.on,.net-routes button.on{color:var(--htp-green)}.net-sep{margin:0 8px}.net-hint{margin-left:8px;font-size:11px}.net-routes{gap:5px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.net-nowrap{white-space:nowrap}.net-danger{color:var(--htp-magenta)}.net-more{margin:8px 0 0;font-size:11px}.netmap{width:100%;height:auto;min-height:320px;max-height:calc(100vh - 200px);font-family:var(--htp-mono);-webkit-user-select:none;user-select:none;display:block}.netmap-grid ellipse,.netmap-grid line{fill:none;stroke:var(--htp-line);stroke-width:1px;stroke-dasharray:2 6}.netmap-sweep{animation:6s linear infinite netmap-sweep}.netmap-link{--tone:var(--htp-cyan)}.netmap-link.business,.netmap-node.business{--tone:var(--htp-amber)}.netmap-link.people,.netmap-node.people{--tone:var(--htp-magenta)}.netmap-link.intel,.netmap-node.intel{--tone:var(--htp-green)}.netmap-link line{stroke:var(--tone);stroke-opacity:.35}.netmap-link .packet{stroke-opacity:.95;stroke-width:2.5px;stroke-dasharray:3 37;stroke-linecap:round;animation:2.6s linear infinite netmap-packet}.netmap-link.on line{stroke-opacity:.85}.netmap-link.on .packet{stroke-dasharray:6 18}.netmap-node{--tone:var(--htp-cyan);cursor:pointer;outline:none}.netmap-node polygon{fill:var(--htp-panel);stroke:var(--tone);stroke-width:1.5px;transition:fill .12s}.netmap-node .tier{fill:var(--tone);fill-opacity:.35;stroke:none}.netmap-node text.name{fill:var(--htp-text);font-size:13px}.netmap-node text.sub,.netmap-core text.sub{fill:var(--htp-dim);letter-spacing:.04em;font-size:10.5px}.netmap-node:hover polygon:first-child,.netmap-node:focus-visible polygon:first-child{fill:color-mix(in srgb, var(--tone) 22%, var(--htp-panel))}.netmap-node:hover text.name,.netmap-node:focus-visible text.name{fill:var(--htp-bright)}.netmap-node.on polygon:first-child{fill:color-mix(in srgb, var(--tone) 30%, var(--htp-panel));stroke-width:2.5px;filter:drop-shadow(0 0 6px var(--tone))}.netmap-node.on text.name{fill:var(--tone)}.netmap-node:focus-visible polygon:first-child{stroke:var(--htp-bright)}.netmap-node.rooted{--tone:var(--htp-green)}.netmap-node.rooted polygon:first-child{fill:color-mix(in srgb, var(--htp-green) 18%, var(--htp-panel))}.netmap-node.rooted .ring{fill:none;stroke:var(--htp-green);stroke-width:1px;stroke-dasharray:3 3;opacity:.8}.netmap-node.rooted text.sub{fill:var(--htp-green)}.netmap-node .more{fill:var(--htp-bright)}.netmap-core .shell{fill:#00e5ff0c;stroke:var(--htp-cyan);stroke-width:1.5px;filter:drop-shadow(0 0 8px #00e5ff88)}.netmap-core .peer{fill:none;stroke:#00e5ff66;stroke-width:1px}.netmap-core .you{fill:var(--htp-cyan);filter:drop-shadow(0 0 8px var(--htp-cyan));transform-origin:500px 360px;animation:2s ease-in-out infinite netmap-pulse}.netmap-core text.org{fill:var(--htp-bright);letter-spacing:.16em;text-transform:uppercase;font-size:14px;font-weight:700}.netmap-core text.host{fill:var(--htp-cyan);font-size:14px}@keyframes netmap-packet{0%{stroke-dashoffset:40px}to{stroke-dashoffset:0}}@keyframes netmap-sweep{to{transform:rotate(360deg)}}@keyframes netmap-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.netmap-link .packet{display:none}.netmap-sweep,.netmap-core .you{animation:none}}@media (width<=1000px){.net-grid{grid-template-columns:minmax(0,1fr)}}.rig-page{grid-template-columns:minmax(0,1100px);place-content:start center}.rig-score{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.rig-score .htp-dim{padding-bottom:3px;font-size:11px}.rig-spec{color:var(--htp-bright);font-variant-numeric:tabular-nums}.rig-power{align-items:center;gap:10px;display:inline-flex}.rig-power>span{color:var(--htp-dim);font-variant-numeric:tabular-nums}.rig-kind .htp-heading{margin-top:10px}.rig-kind:first-child .htp-heading{margin-top:0}.rig-tools{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.rig-cards{flex-wrap:wrap;gap:16px;display:flex}.rig-card{flex-direction:column;align-items:center;gap:8px;display:flex}.rig-zoom{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(24px,5vw,64px);display:flex}.rig-zoom-info{flex:1;min-width:260px;max-width:440px}.rig-zoom-name{letter-spacing:.08em;text-transform:uppercase;color:var(--htp-cyan);text-shadow:var(--htp-glow);margin:4px 0 12px;font-size:clamp(24px,4vw,40px)}.rig-zoom-name.magenta{color:var(--htp-magenta);text-shadow:0 0 10px #ff2a6d66}.rig-zoom-name.amber{color:var(--htp-amber);text-shadow:0 0 10px #ffa21f66}.rig-zoom-name.green{color:var(--htp-green);text-shadow:0 0 10px #39ff9c66}.rig-zoom-name.dim{color:var(--htp-bright);text-shadow:none}.rig-zoom-info>.htp-tag{margin-bottom:12px;display:inline-flex}.rig-zoom-text{color:var(--htp-bright);margin:0 0 8px;font-size:16px;line-height:1.55}.rig-zoom-facts{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px 12px;margin:0 0 20px;display:grid}.rig-zoom-facts dt{color:var(--htp-dim);text-transform:uppercase;letter-spacing:.18em;font-size:10px}.rig-zoom-facts dd{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.rig-zoom-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rig-none{color:var(--htp-dim);margin:0;font-size:12px;font-style:italic}@media (width<=700px){.rig-page .htp-table{--cols:1.2fr 1fr 1fr!important}.rig-page .htp-table-row>:nth-child(2){display:none}}.town-grid{grid-template-columns:minmax(0,1fr) minmax(300px,400px)}.town-map .htp-panel-body{padding:6px}.town-side{gap:16px;display:grid}.town-readouts{gap:24px;margin-bottom:6px;display:flex}.town-facts{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:6px 10px;margin:4px 0 14px;display:grid}.town-facts dt{color:var(--htp-dim);text-transform:uppercase;letter-spacing:.18em;font-size:10px}.town-facts dd{margin:0}.town-actions{gap:8px;margin:10px 0 8px;display:flex}.town-here{color:var(--htp-cyan)}.town-svg{width:100%;height:auto;min-height:300px;max-height:calc(100vh - 200px);font-family:var(--htp-mono);-webkit-user-select:none;user-select:none;display:block}.town-streets line{stroke:var(--htp-line);stroke-width:1px;opacity:.5}.town-streets line.main{stroke-width:3px;opacity:.35}.town-others circle{fill:var(--htp-dim);opacity:.35}.town-key{align-items:center;gap:14px;display:flex}.town-key span{text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:6px;font-size:10px;display:inline-flex}.town-key svg{width:14px;height:14px;overflow:visible}.town-key .open{color:var(--htp-cyan)}.town-key .open polygon{fill:color-mix(in srgb, var(--htp-cyan) 18%, var(--htp-panel));stroke:var(--htp-cyan);stroke-width:1.5px}.town-key .closed{color:#8a97b8}.town-key .closed polygon{fill:var(--htp-panel);stroke:#8a97b8;stroke-width:1.5px;stroke-dasharray:2 2}.town-key .rooted{color:var(--htp-green)}.town-key .rooted circle{fill:var(--htp-green);filter:drop-shadow(0 0 3px var(--htp-green))}.town-others circle.rooted{fill:var(--htp-green);opacity:1;filter:drop-shadow(0 0 4px var(--htp-green))}.town-home polygon{fill:#ffa21f1a;stroke:var(--htp-amber);stroke-width:1.5px;filter:drop-shadow(0 0 6px #ffa21f88)}.town-home text{fill:var(--htp-amber);text-anchor:middle;text-transform:uppercase;letter-spacing:.16em;font-size:11px}.town-home.here polygon{fill:#ffa21f44}.town-pin{--tone:var(--htp-cyan);cursor:pointer;outline:none}.town-pin.magenta{--tone:var(--htp-magenta)}.town-pin.amber{--tone:var(--htp-amber)}.town-pin.green{--tone:var(--htp-green)}.town-pin.dim{--tone:#8a97b8}.town-pin polygon{fill:color-mix(in srgb, var(--tone) 18%, var(--htp-panel));stroke:var(--tone);stroke-width:1.5px;transition:transform .12s}.town-pin:hover polygon,.town-pin:focus-visible polygon{fill:color-mix(in srgb, var(--tone) 35%, var(--htp-panel));transform:scale(1.3)}.town-pin:focus-visible polygon{stroke:var(--htp-bright)}.town-pin.on polygon{fill:var(--tone);filter:drop-shadow(0 0 8px var(--tone));transform:scale(1.45)}.town-pin.rooted polygon{stroke:var(--htp-green);stroke-dasharray:3 2}.town-labels text{fill:var(--htp-bright);text-anchor:middle;paint-order:stroke;stroke:var(--htp-bg);stroke-width:4px;pointer-events:none;font-size:13px}.town-pin .you{fill:#00e5ff14;stroke:var(--htp-cyan);stroke-width:1.5px;animation:1.8s ease-in-out infinite town-pulse}.town-labels text.here{fill:var(--htp-cyan)}.world-svg{width:100%;height:auto;font-family:var(--htp-mono);-webkit-user-select:none;user-select:none;display:block}.world-region{fill:var(--htp-dim);text-transform:uppercase;letter-spacing:.12em;font-size:8px}.world-city{cursor:pointer;outline:none}.world-city rect{fill:var(--htp-panel);stroke:var(--htp-line);stroke-width:1px;transition:fill .12s,stroke .12s}.world-city circle{fill:var(--htp-dim)}.world-city:hover rect,.world-city:focus-visible rect{fill:#00e5ff22;stroke:var(--htp-cyan)}.world-city:focus-visible rect{stroke:var(--htp-bright)}.world-city.home rect{stroke:var(--htp-amber)}.world-city.here{cursor:default}.world-city.here rect{fill:#00e5ff44;stroke:var(--htp-cyan);stroke-width:1.5px;filter:drop-shadow(0 0 4px var(--htp-cyan))}.world-city.here circle{fill:var(--htp-bright)}.world-city.closed{cursor:not-allowed}.world-city.closed rect{fill:none;stroke-dasharray:2 2;opacity:.5}.world-city.locked{cursor:not-allowed}.world-city.locked rect{fill:none;opacity:.45}.world-city.locked:hover rect{fill:none;stroke:var(--htp-line)}.town-notice{color:var(--htp-cyan);margin:10px 0 0;font-size:12px;animation:.2s ease-out town-notice-in}@keyframes town-notice-in{0%{opacity:0;transform:translateY(-3px)}}@keyframes town-pulse{50%{stroke-opacity:.3}}@media (width<=1000px){.town-grid{grid-template-columns:minmax(0,1fr)}}.town-pin.closed polygon{stroke-dasharray:2 2;fill:var(--htp-panel)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-0:#f3f2ee;--surface-1:#fcfcfb;--surface-2:#ecebe6;--border:#d9d8d2;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#7a7974;--accent:#2a78d6;--good:#008300;--bad:#c43232;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#111110;--surface-1:#1a1a19;--surface-2:#242422;--border:#33332f;--text-primary:#f0efec;--text-secondary:#c3c2b7;--text-muted:#8a8984;--accent:#3987e5;--good:#3fb950;--bad:#e66767}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#111110;--surface-1:#1a1a19;--surface-2:#242422;--border:#33332f;--text-primary:#f0efec;--text-secondary:#c3c2b7;--text-muted:#8a8984;--accent:#3987e5;--good:#3fb950;--bad:#e66767}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface-0);color:var(--text-primary);font:13px/1.4 var(--font)}a{color:var(--accent);cursor:pointer}a:hover{text-decoration:underline}button,select,input{font:inherit;color:inherit}button,select{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 10px}button:hover{border-color:var(--text-muted)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.small{padding:0 6px;font-size:11px}button:disabled{opacity:.5;cursor:default}input[type=number],input:not([type]){background:var(--surface-1);border:1px solid var(--border);border-radius:6px;padding:3px 6px}.muted{color:var(--text-muted)}.mono{font-family:var(--mono)}.warn{color:var(--bad)}.app{grid-template:"top top top""left center right"1fr/300px 1fr 330px;height:100%;display:grid}.topbar{background:var(--surface-1);border-bottom:1px solid var(--border);flex-wrap:wrap;grid-area:top;align-items:center;gap:8px;padding:8px 12px;display:flex}.topbar h1{font:600 15px var(--mono);margin:0 12px 0 0}.topbar h1 span{color:var(--text-muted);font-weight:400}.topbar label{color:var(--text-secondary);align-items:center;gap:4px;display:flex}.topbar .seed{width:110px}.topbar .spacer{flex:1}.status{font-family:var(--mono);color:var(--text-muted);font-size:12px}.status.busy{color:var(--accent)}.left,.right{background:var(--surface-1);border-color:var(--border);border-style:solid;border-width:0;overflow-y:auto}.left{border-right-width:1px;grid-area:left;padding:8px}.right{border-left-width:1px;grid-area:right}.center{flex-direction:column;grid-area:center;min-width:0;min-height:0;display:flex}.knob-group{margin-bottom:6px}.knob-group-head{width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;padding:6px 2px;font-weight:600;display:flex}.badge{color:var(--accent);border:1px solid var(--accent);border-radius:8px;padding:0 6px;font-size:10px;font-weight:500}.knob{border-radius:6px;padding:3px 4px 5px;display:block}.knob.modified{background:var(--surface-2)}.knob-label{color:var(--text-secondary);text-transform:none;align-items:center;gap:4px;font-size:12px;display:flex}.knob-input{align-items:center;gap:6px;display:flex}.knob-input input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.knob-input input[type=number]{width:68px;font-family:var(--mono);font-size:12px}.knob select{width:100%;margin-top:2px}.reset{margin-left:auto;padding:0 5px;font-size:11px;line-height:16px}.reset-all{width:100%;margin-top:8px}.swatch{vertical-align:baseline;border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.cat-residential{background:#3987e5}.cat-commercial{background:#d95926}.cat-financial{background:#199e70}.cat-industrial{background:#c98500}.cat-education{background:#d55181}.cat-government{background:#008300}.tabs{align-items:center;gap:4px;padding:8px 10px 0;display:flex}.tabs>button{color:var(--text-secondary);background:0 0;border-bottom:none;border-radius:6px 6px 0 0}.tabs>button.on{background:var(--surface-1);color:var(--text-primary);font-weight:600}.graph-toolbar{gap:6px;margin-left:auto;display:flex}.graph-toolbar input{width:200px}.filters{background:var(--surface-1);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px;display:flex}.legend-chip{border-radius:10px;align-items:center;gap:5px;padding:1px 8px;font-size:12px;display:inline-flex}.legend-chip i{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-chip small{color:var(--text-muted);font-family:var(--mono)}.legend-chip.off{opacity:.4;text-decoration:line-through}.legend-chip.on{border-color:var(--text-muted)}.view{flex:1;min-height:0;position:relative;overflow:auto}.loading,.error{color:var(--text-muted);padding:24px}.error{color:var(--bad);white-space:pre-wrap}.graph-wrap{background:var(--surface-0);position:absolute;inset:0}.graph-canvas{position:absolute;inset:0}.graph-note{font-family:var(--mono);color:var(--accent);font-size:12px;position:absolute;top:8px;left:10px}.graph-buttons{gap:6px;display:flex;position:absolute;top:10px;right:10px}.graph-wrap:fullscreen{background:var(--surface-0)}.graph-wrap.maximized{z-index:100;position:fixed;inset:0}.stats{padding:12px}.health{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.health-item{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.health-item b{font-size:12px;font-weight:600;display:block}.health-item small{color:var(--text-muted)}.health-icon{color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid}.health-item.pass .health-icon{background:var(--good)}.health-item.fail .health-icon{background:var(--bad)}.health-item.fail{border-color:var(--bad)}.tiles{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.tile{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;min-width:100px;padding:8px 12px}.tile-value{font:600 20px var(--mono)}.tile-label{color:var(--text-muted);font-size:11px}.tile-delta{color:var(--accent);font-size:11px;font-family:var(--mono)}.tile.repairs{cursor:help}.legend-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.legend-row .legend-chip.on{border-color:var(--text-primary);font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:10px;display:grid}.card{background:var(--surface-1);border:1px solid var(--border);min-width:0;color:var(--text-primary);border-radius:10px;margin:0;padding:10px 12px}.card.wide{grid-column:1/-1}.card figcaption h3{margin:0;font-size:13px}.card figcaption p{color:var(--text-muted);margin:2px 0 6px;font-size:11.5px}.plot-host svg{background:0 0;max-width:100%;height:auto;display:block}.plot-host{color:var(--text-secondary)}.recon{grid-template-columns:1fr 420px;display:grid;position:absolute;inset:0}.recon-graph{position:relative}.recon-side{background:var(--surface-0);border-left:1px solid var(--border);flex-direction:column;gap:8px;padding:10px;display:flex;overflow-y:auto}.recon-controls{align-items:center;gap:6px;display:flex}.recon-controls input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.recon-now{margin:0}.milestones{border-collapse:collapse;background:var(--surface-1);border-radius:8px;width:100%}.milestones th,.milestones td{text-align:left;border-bottom:1px solid var(--border);padding:4px 8px}.milestones th{color:var(--text-muted);font-size:11px;font-weight:500}.inspector{padding:12px}.inspector h2{align-items:center;gap:6px;margin:0 0 4px;font-size:15px;display:flex}.inspector h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:14px 0 4px;font-size:12px}.inspector p{margin:0 0 6px}.kv{grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0;display:grid}.kv dt{color:var(--text-muted)}.kv dd{font-family:var(--mono);margin:0}.bar-row{grid-template-columns:80px 1fr 36px;align-items:center;gap:6px;font-size:12px;display:grid}.bar{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--accent);border-radius:3px;height:100%;display:block}.links{margin:2px 0 6px;padding:0 0 0 4px;list-style:none}.links li{align-items:center;gap:5px;padding:1px 0;display:flex}.tag{border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:0 4px;font-size:10px}details summary{cursor:pointer;padding:2px 0}.hosts{border-collapse:collapse;width:100%;font-size:11px}.hosts td{border-bottom:1px solid var(--border);white-space:nowrap;padding:1px 4px}.hosts tr.vuln td:first-child{color:var(--bad)}@media (width<=900px){.app{grid-template:"top""center"60vh"left""right"/1fr}.recon,.grid{grid-template-columns:1fr}}