:root{--navy-bg:#041022;--navy-panel:#06162e;--navy-subcard:#081d3b;--navy-frame:#0e2c54;--navy-border:#2563eb;--navy-border-bright:#3b82f6;--navy-primary:#93c5fd;--navy-dim:#60a5fa;--navy-muted:#64748b;--navy-cyan:#38bdf8;--navy-gold:#fecc02;--navy-green:#34d399;--navy-amber:#fbbf24;--navy-red:#f87171;--navy-white:#f8fafc;--navy-glow:#38bdf88c;--font-arcade:"Press Start 2P", monospace;--font-retro:"VT323", "Share Tech Mono", monospace;--font-mono:"Share Tech Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;color:var(--navy-primary);font-family:var(--font-retro);background-color:#020813;overflow-x:hidden}#root{width:100%;min-height:100vh}code,pre{font-family:var(--font-mono);-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#030c1a}::-webkit-scrollbar-thumb{background:var(--navy-border);border:1px solid var(--navy-frame)}.c64-viewport{background:radial-gradient(circle,#081e3f 0%,#020813 100%);justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:20px 14px;display:flex;position:relative}.crt-overlay{pointer-events:none;z-index:999;opacity:.42;background:linear-gradient(#10182800 50%,#00040e3d 50%) 0 0/100% 4px;position:fixed;inset:0}.crt-vignette{pointer-events:none;z-index:998;position:fixed;inset:0;box-shadow:inset 0 0 75px #000000a6,inset 0 0 32px #1d4ed838}.c64-screen-frame{background-color:var(--navy-bg);border:12px solid var(--navy-border);width:100%;max-width:1080px;box-shadow:0 0 0 4px var(--navy-frame), 0 0 38px #2563eb5c, inset 0 0 30px #06162ed9;z-index:10;border-radius:4px;flex-direction:column;gap:12px;padding:14px;display:flex;position:relative}.c64-box{background-color:var(--navy-panel);border:3px solid var(--navy-border);padding:12px;box-shadow:inset 0 0 14px #0e2c54a6}.c64-top-bar{border:3px solid var(--navy-border);background-color:#071936;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.c64-branding{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.naval-emblem{color:var(--navy-gold);text-shadow:0 0 10px #fecc02a6;font-size:22px}.brand-home-btn{cursor:pointer;font-family:var(--font-arcade);color:var(--navy-white);letter-spacing:1px;text-shadow:0 0 12px var(--navy-glow), 2px 2px 0px #1e3a8a;background:0 0;border:none;padding:0;font-size:15px}.brand-home-btn:hover{color:var(--navy-gold)}.kernel-tag{font-family:var(--font-retro);color:var(--navy-cyan);letter-spacing:1px;font-size:18px}.top-bar-controls{flex-wrap:wrap;gap:8px;display:flex}.retro-header-btn{font-family:var(--font-arcade);color:var(--navy-white);border:2px solid var(--navy-border-bright);cursor:pointer;background-color:#0b2548;align-items:center;padding:7px 11px;font-size:9px;text-decoration:none;transition:transform 80ms,background-color .12s;display:inline-flex}.retro-header-btn:hover{border-color:var(--navy-gold);color:var(--navy-gold);background-color:#1d4ed8}.module-switcher-bar{flex-wrap:wrap;gap:8px;padding:8px 10px;display:flex}.mod-nav-btn{font-family:var(--font-arcade);color:var(--navy-primary);cursor:pointer;background-color:#081b36;border:2px solid #1e40af;padding:8px 12px;font-size:10px;transition:all .12s}.mod-nav-btn:hover{border-color:var(--navy-cyan);color:var(--navy-white)}.mod-nav-btn.active{border-color:var(--navy-gold);color:var(--navy-gold);background-color:#1e40af;box-shadow:0 0 12px #fecc0240}.mod-key{color:var(--navy-cyan)}.mod-nav-btn.active .mod-key{color:var(--navy-white)}.command-deck{flex-direction:column;gap:12px;display:flex}.deck-hero{text-align:center;background:linear-gradient(#071b38 0%,#041022 100%);flex-direction:column;align-items:center;padding:18px 14px;display:flex}.deck-flair{color:var(--navy-gold);letter-spacing:8px;margin-bottom:6px;font-size:18px}.deck-title{font-family:var(--font-arcade);color:var(--navy-white);letter-spacing:4px;text-shadow:0 0 18px #38bdf8b3,4px 4px #1e3a8a;margin-bottom:8px;font-size:clamp(24px,4.5vw,40px)}.deck-subtitle{font-family:var(--font-arcade);color:var(--navy-gold);letter-spacing:1.5px;margin-bottom:14px;font-size:clamp(9px,1.6vw,11px)}.vastervik-sprite-wrapper{justify-content:center;align-items:center;width:100%;padding:8px 0 12px;display:flex;overflow:hidden}.vastervik-svg{max-width:100%;height:auto;image-rendering:pixelated}.vessel-spec-strip{font-family:var(--font-mono);color:var(--navy-cyan);background:#030c1abf;border:1px solid #1e3a8a;flex-wrap:wrap;justify-content:center;gap:10px;padding:6px 14px;font-size:14px;display:flex}.spec-sep{color:var(--navy-border-bright)}.deck-modules-header{font-family:var(--font-arcade);color:var(--navy-gold);border-bottom:2px dashed #1e40af;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:10px;display:flex}.slot-status{color:var(--navy-cyan);font-size:9px}.module-cards-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;display:grid}.module-card{text-align:left;background-color:var(--navy-subcard);cursor:pointer;color:var(--navy-primary);border:2px solid #1d4ed8;flex-direction:column;gap:8px;padding:14px;transition:transform .1s,border-color .12s,box-shadow .12s;display:flex}.module-card:hover,.module-card.selected{border-color:var(--navy-gold);background-color:#0b254b;transform:translateY(-1px);box-shadow:0 0 16px #38bdf840}.module-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.module-code{font-family:var(--font-arcade);color:var(--navy-gold);font-size:10px}.module-badge{font-family:var(--font-arcade);border:1px solid var(--navy-cyan);color:var(--navy-cyan);background-color:#0f2d59;padding:4px 7px;font-size:8px}.module-card-title{font-family:var(--font-arcade);color:var(--navy-white);font-size:13px;line-height:1.45}.module-card-desc{font-family:var(--font-retro);color:#bfdbfe;flex:1;font-size:19px;line-height:1.25}.module-caps-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.cap-tag{font-family:var(--font-mono);color:var(--navy-cyan);background-color:#051329;border:1px solid #1e40af;padding:2px 7px;font-size:12px}.active-tool-shell,.tool-panel{flex-direction:column;gap:12px;display:flex}.active-tool-banner{background:linear-gradient(90deg,#092144 0%,#06162e 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tool-banner-code{font-family:var(--font-arcade);color:var(--navy-gold);margin-bottom:4px;font-size:9px;display:block}.tool-banner-title{font-family:var(--font-arcade);color:var(--navy-white);font-size:clamp(13px,2.2vw,17px)}.sub-tabs-row{flex-wrap:wrap;gap:8px;display:flex}.navy-tab-btn{font-family:var(--font-arcade);color:var(--navy-primary);cursor:pointer;background-color:#071935;border:2px solid #1e40af;padding:9px 13px;font-size:10px}.navy-tab-btn:hover{border-color:var(--navy-cyan);color:var(--navy-white)}.navy-tab-btn.active{border-color:var(--navy-gold);color:var(--navy-white);background-color:#1d4ed8}.telemetry-strip{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;display:grid}.tele-cell{background-color:#041022;border:1px solid #1e3a8a;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.tele-lbl{font-family:var(--font-arcade);color:#94a3b8;letter-spacing:.5px;font-size:8px}.tele-val{font-family:var(--font-mono);color:var(--navy-white);word-break:break-word;font-size:16px;font-weight:700}.text-gold{color:var(--navy-gold)}.text-cyan{color:var(--navy-cyan)}.status-ok{color:var(--navy-green)}.status-warn{color:var(--navy-amber)}.status-err{color:var(--navy-red)}.navy-btn{font-family:var(--font-arcade);color:var(--navy-white);border:2px solid var(--navy-border-bright);cursor:pointer;white-space:nowrap;background-color:#0c274c;padding:9px 14px;font-size:10px;transition:all .1s}.navy-btn:hover:not(:disabled){border-color:var(--navy-gold);background-color:#1d4ed8}.navy-btn:disabled{opacity:.55;cursor:wait}.navy-btn.btn-primary{border-color:var(--navy-cyan);background-color:#1d4ed8}.navy-btn.btn-primary:hover:not(:disabled){border-color:var(--navy-gold);color:var(--navy-gold);background-color:#2563eb}.navy-btn.btn-gold{border-color:var(--navy-gold);color:var(--navy-gold);background-color:#1e3a8a}.navy-btn.btn-active{border-color:var(--navy-gold);color:var(--navy-gold);background-color:#1d4ed8}.navy-btn.btn-copied{border-color:var(--navy-green);color:var(--navy-green);background-color:#065f46}.navy-btn.btn-sm{padding:6px 10px;font-size:9px}.navy-btn.btn-xs{padding:4px 8px;font-size:8px}.navy-input{min-width:180px;color:var(--navy-white);border:2px solid var(--navy-border-bright);font-family:var(--font-mono);background-color:#030c1a;outline:none;flex:1;padding:9px 12px;font-size:16px}.navy-input:focus{border-color:var(--navy-gold);box-shadow:0 0 10px #fecc0240}.input-compact{max-width:220px}.controls-card{flex-direction:column;gap:14px;display:flex}.preset-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.control-heading{font-family:var(--font-arcade);color:var(--navy-cyan);font-size:9px}.preset-buttons{flex-wrap:wrap;gap:8px;display:flex}.slider-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.slider-block{font-family:var(--font-arcade);color:var(--navy-primary);flex-direction:column;gap:6px;font-size:9px;display:flex}.range-row{align-items:center;gap:8px;display:flex}.range-row input[type=range],.slider-block input[type=range]{accent-color:var(--navy-gold);cursor:pointer;flex:1}.toggles-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px;display:grid}.retro-check{cursor:pointer;font-family:var(--font-mono);color:var(--navy-white);background-color:#041022;border:1px solid #1e3a8a;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.retro-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--navy-gold);cursor:pointer}.action-bar-right{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.inline-input-row{font-family:var(--font-arcade);flex-wrap:wrap;align-items:center;gap:10px;font-size:9px;display:flex}.output-list{flex-direction:column;gap:8px;display:flex}.secret-row{background-color:#030d1d;border:1px solid #1e3a8a;align-items:center;gap:10px;padding:9px 12px;display:flex}.secret-idx{font-family:var(--font-arcade);color:var(--navy-cyan);min-width:28px;font-size:9px}.secret-code{color:var(--navy-gold);word-break:break-all;flex:1;font-size:17px}.token-card{background-color:#030d1d;border:1px solid #1e3a8a;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.token-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.token-label{font-family:var(--font-arcade);color:var(--navy-cyan);font-size:9px}.token-code-block{color:var(--navy-white);font-size:15px}.query-bar{flex-direction:column;gap:10px;display:flex}.query-input-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prompt-chevron{font-family:var(--font-arcade);color:var(--navy-gold);font-size:11px}.quick-samples-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dns-resolver-row{border-top:1px dashed #1e40af8c;flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;display:flex}.custom-dns-input{min-width:240px;padding:6px 10px;font-size:14px}.quick-lbl{font-family:var(--font-arcade);color:#94a3b8;font-size:8px}.navy-chip-btn{font-family:var(--font-mono);color:var(--navy-cyan);cursor:pointer;background-color:#041022;border:1px solid #1e40af;padding:3px 9px;font-size:13px}.navy-chip-btn:hover{border-color:var(--navy-gold);color:var(--navy-gold)}.intel-section{flex-direction:column;gap:10px;display:flex}.section-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.section-header-right,.raw-actions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.navy-btn:focus-visible,.navy-tab-btn:focus-visible,.mod-nav-btn:focus-visible,.navy-chip-btn:focus-visible,.retro-header-btn:focus-visible,.brand-home-btn:focus-visible,.module-card:focus-visible{outline:2px solid var(--navy-gold);outline-offset:2px;box-shadow:0 0 12px #fecc0259}.retro-check:focus-within{border-color:var(--navy-gold);box-shadow:0 0 10px #fecc0240}.focusable-row{outline:none;transition:border-color .12s,box-shadow .12s,background-color .12s}.focusable-row:focus,.focusable-row:focus-visible{border-color:var(--navy-gold);background-color:#081e3f;box-shadow:0 0 14px #fecc024d}.copyable-section{outline:none;transition:border-color .12s,box-shadow .12s}.copyable-section:focus,.copyable-section:focus-visible{border-color:var(--navy-gold);box-shadow:0 0 18px #fecc0252,inset 0 0 16px #1e40afa6}.copyable-section:focus>.section-title-row .section-copy-btn:not(.btn-copied),.copyable-section:focus>.ip-hero-main .section-copy-btn:not(.btn-copied),.copyable-section:focus-visible>.section-title-row .section-copy-btn:not(.btn-copied),.copyable-section:focus-visible>.ip-hero-main .section-copy-btn:not(.btn-copied){border-color:var(--navy-gold);color:var(--navy-gold);background-color:#1e3a8a}.copyable-pre{outline:none;transition:border-color .12s,box-shadow .12s}.copyable-pre:focus,.copyable-pre:focus-visible{border-color:var(--navy-gold);box-shadow:0 0 14px #fecc0252}.section-just-copied,.row-copied{border-color:var(--navy-green)!important;box-shadow:0 0 16px #4ade8052!important}.section-title{font-family:var(--font-arcade);color:var(--navy-gold);letter-spacing:.5px;font-size:11px}.record-grid-two{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:10px;display:grid}.sub-card{background-color:#041022;border:1px solid #1e3a8a;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.sub-card-hdr{font-family:var(--font-arcade);color:var(--navy-cyan);border-bottom:1px dashed #1e3a8a;padding-bottom:5px;font-size:9px}.kv-row{font-family:var(--font-mono);border-bottom:1px solid #1e3a8a59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:15px;display:flex}.kv-row:last-child{border-bottom:none}.kv-right{align-items:center;gap:6px;display:flex}.ttl-pill,.prio-badge{font-family:var(--font-mono);color:var(--navy-cyan);background-color:#092144;border:1px solid #1d4ed8;padding:2px 6px;font-size:12px}.record-group{background-color:#041022;border:1px solid #1e3a8a;align-items:center;gap:10px;padding:8px 12px;display:flex}.record-badge{font-family:var(--font-arcade);color:var(--navy-gold);font-size:9px}.policy-note{font-family:var(--font-retro);color:#cbd5e1;font-size:18px}.code-wrap-box{color:var(--navy-gold);word-break:break-all;background-color:#020813;border:1px solid #1e3a8a;padding:8px 10px;font-size:14px;display:block}.code-wrap-inline{word-break:break-word;color:#cbd5e1}.txt-record-row{margin-top:4px}.whois-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;display:grid}.whois-item{background-color:#041022;border:1px solid #1e3a8a;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.soa-list{font-family:var(--font-mono);color:#cbd5e1;flex-direction:column;gap:6px;font-size:14px;display:flex}.raw-pre-box{border:1px solid var(--navy-border);color:#93c5fd;white-space:pre-wrap;word-break:break-word;background-color:#020813;max-height:320px;margin-top:8px;padding:10px;font-size:13px;line-height:1.4;overflow:auto}.ip-hero-card{background:linear-gradient(#082044 0%,#041022 100%);flex-direction:column;gap:10px;display:flex}.ip-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ip-hero-tag{font-family:var(--font-arcade);color:var(--navy-cyan);font-size:10px}.ip-hero-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.ip-giant-readout{color:var(--navy-gold);text-shadow:0 0 16px #fecc0259;word-break:break-all;font-size:clamp(24px,4.5vw,40px);font-weight:700}.ip-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.local-dev-notice{font-family:var(--font-mono);color:var(--navy-amber);background-color:#fbbf2414;border:1px solid #fbbf2459;padding:6px 10px;font-size:13px}.ip-ptr-line{font-family:var(--font-mono);border-top:1px dashed #1e3a8a;padding-top:6px;font-size:14px}.loading-radar,.empty-prompt,.alert-banner{font-family:var(--font-mono);text-align:center;padding:18px;font-size:16px}.radar-spinner{color:var(--navy-gold);margin-right:8px;animation:1.1s linear infinite radarSpin;display:inline-block}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dim-note{font-family:var(--font-mono);color:#64748b;font-size:14px}.dim-inline{font-family:var(--font-mono);color:#94a3b8;font-size:13px}.mt-8{margin-top:8px}.c64-footer{font-family:var(--font-mono);color:#93c5fd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.provider-link{color:var(--navy-gold);text-decoration:none}.provider-link:hover{text-decoration:underline}@media (width<=640px){.c64-viewport{padding:8px}.c64-screen-frame{border-width:6px;padding:8px}.brand-home-btn{font-size:12px}}
