@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap");:root{--abyss:#07140f;--forest-900:#0b2019;--forest-800:#0f3027;--forest-700:#15463a;--forest-line:#1c5446;--forest:#0b3d2e;--ocean:#0e5e8c;--ocean-bright:#2a93c9;--gold:#d8a628;--gold-bright:#f0c14b;--ink:#eef3ef;--ink-soft:#aebdb5;--ink-faint:#6f827a;--scale-0:#103a30;--scale-1:#155e4a;--scale-2:#2a7d5a;--scale-3:#7f9e3f;--scale-4:#c79a2a;--scale-5:#f0c14b;--radius:4px;--hex-clip:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--abyss);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background-image:radial-gradient(circle at 50% 0,rgba(14,94,140,.12),transparent 55%),radial-gradient(circle at 100% 100%,rgba(216,166,40,.06),transparent 45%);background-attachment:fixed}a{color:inherit;text-decoration:none}::selection{background:var(--gold);color:var(--abyss)}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.eyebrow,.mono{font-family:var(--font-mono)}.dim{color:var(--ink-soft)}.faint{color:var(--ink-faint)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--abyss)}::-webkit-scrollbar-thumb{background:var(--forest-700);border-radius:6px;border:2px solid var(--abyss)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}button{font:inherit;cursor:pointer}.shell{display:grid;grid-template-columns:340px 1fr 380px;grid-template-rows:100vh;height:100vh;overflow:hidden}@media (max-width:1280px){.shell{grid-template-columns:300px 1fr 320px}}.mobileTabs{display:none}@media (max-width:960px){.shell{grid-template-columns:1fr;grid-template-rows:1fr auto;height:100vh;height:100dvh;overflow:hidden}.mapCol,.panel,.panel.right{grid-column:1;grid-row:1;display:none}.shell[data-view=controls] .panel:not(.right){display:flex}.shell[data-view=map] .mapCol{display:block}.shell[data-view=results] .panel.right{display:flex}.panel,.panel.right{border:none;overflow-y:auto}.mobileTabs{display:flex;grid-column:1;grid-row:2;border-top:1px solid var(--forest-line);background:var(--forest-900)}.mobileTab{flex:1 1;background:transparent;border:none;color:var(--ink-faint);padding:12px 6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:4px}.mobileTab.active{color:var(--gold)}.mobileTab .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0}.mobileTab.active .dot{opacity:1}}.panel{background:linear-gradient(180deg,var(--forest-900),var(--abyss));border-right:1px solid var(--forest-line);overflow-y:auto;display:flex;flex-direction:column}.panel.right{border-right:none;border-left:1px solid var(--forest-line)}.brand{padding:22px 22px 18px;border-bottom:1px solid var(--forest-line)}.brand h1{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.15}.brand .sub{margin-top:6px;font-size:12px;color:var(--ink-soft);max-width:26ch}.brandMark{display:inline-flex;width:26px;height:26px;margin-right:10px;vertical-align:middle}.section{padding:18px 22px;border-bottom:1px solid var(--forest-line)}.section h2{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.field,.section h2{margin-bottom:12px}.field label{display:block;font-size:11px;color:var(--ink-soft);margin-bottom:5px}.field label,.input,.select{font-family:var(--font-mono)}.input,.select{width:100%;background:var(--abyss);border:1px solid var(--forest-700);color:var(--ink);padding:9px 11px;border-radius:var(--radius);font-size:13px}.input:focus,.select:focus{border-color:var(--ocean-bright)}.runBtn{width:100%;background:var(--gold);color:var(--abyss);border:none;padding:12px;border-radius:var(--radius);font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.01em;transition:background .15s ease,transform .05s ease}.runBtn:hover{background:var(--gold-bright)}.runBtn:active{transform:translateY(1px)}.runBtn:disabled{background:var(--forest-700);color:var(--ink-faint);cursor:wait}.modes{display:flex;flex-direction:column;gap:4px}.modeBtn{display:flex;align-items:baseline;gap:10px;background:transparent;border:1px solid transparent;color:var(--ink-soft);padding:10px 12px;border-radius:var(--radius);text-align:left;transition:background .12s ease,border-color .12s ease}.modeBtn.active,.modeBtn:hover{background:var(--forest-800)}.modeBtn.active{border-color:var(--forest-700);color:var(--ink)}.modeBtn .q{font-family:var(--font-mono);font-size:11px;color:var(--gold);min-width:22px}.modeBtn .label{font-size:13px;font-weight:500}.modeBtn .desc{display:block;font-size:11px;color:var(--ink-faint);margin-top:2px}.mapCol{position:relative;height:100%;min-height:0}.mapOverlay{position:absolute;top:16px;left:16px;z-index:5;display:flex;gap:8px}.chip{background:rgba(7,20,15,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--forest-700);padding:7px 12px;border-radius:999px;font-family:var(--font-mono);font-size:11px;color:var(--ink-soft)}.chip b{color:var(--ink);font-weight:600}.legend{position:absolute;bottom:18px;left:16px;z-index:5;background:rgba(7,20,15,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--forest-700);border-radius:var(--radius);padding:12px 14px}.legend .title{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.legend .ramp{display:flex;height:8px;width:200px;border-radius:2px;overflow:hidden}.legend .ramp span{flex:1 1}.legend .labels{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-faint);margin-top:5px;font-family:var(--font-mono)}.results{padding:18px 22px}.resultCard{background:var(--forest-900);border:1px solid var(--forest-line);border-radius:var(--radius);padding:13px 14px;margin-bottom:10px;transition:border-color .12s ease}.resultCard:hover{border-color:var(--ocean)}.resultCard.sel{border-color:var(--gold)}.resultCard .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.resultCard .name{font-family:var(--font-display);font-weight:500;font-size:14px}.resultCard .metric{font-family:var(--font-mono);font-size:13px;color:var(--gold-bright);font-weight:600}.resultCard .h3id{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);margin-top:2px}.resultCard .explain{font-size:12px;color:var(--ink-soft);margin-top:8px;line-height:1.45}.resultCard .bars{display:flex;gap:6px;margin-top:9px}.bar{flex:1 1}.bar .lbl{font-size:9px;color:var(--ink-faint);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.bar .track{height:4px;background:var(--forest-700);border-radius:2px;margin-top:3px;overflow:hidden}.bar .fill{height:100%;background:var(--ocean-bright)}.hexBadge{position:relative;width:132px;height:132px;margin:4px auto 0;display:grid;place-items:center}.hexBadge .hex{position:absolute;inset:0;-webkit-clip-path:var(--hex-clip);clip-path:var(--hex-clip);background:linear-gradient(160deg,var(--forest-700),var(--forest-900))}.hexBadge .hex.ring{inset:6px;background:linear-gradient(160deg,var(--gold),var(--ocean))}.hexBadge .hex.core{inset:9px;background:radial-gradient(circle at 40% 30%,var(--forest-800),var(--abyss))}.hexBadge .val{position:relative;z-index:2;text-align:center}.hexBadge .num{font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1;color:var(--gold-bright)}.hexBadge .cap{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-top:4px}.statRow{display:flex;gap:10px;margin-top:16px}.stat{flex:1 1;text-align:center;background:var(--forest-900);border:1px solid var(--forest-line);border-radius:var(--radius);padding:10px 6px}.stat .n{font-family:var(--font-display);font-size:18px;font-weight:600}.stat .k{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-top:3px}.empty,.stat .k{color:var(--ink-faint)}.empty{font-size:13px;text-align:center;padding:40px 20px;line-height:1.5}.errBox{background:rgba(180,60,40,.12);border:1px solid #7a3326;color:#f0b8aa;padding:10px 12px;border-radius:var(--radius);font-size:12px;margin:12px 22px}.spinner{width:16px;height:16px;border:2px solid var(--forest-700);border-top-color:var(--gold);border-radius:50%;display:inline-block;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}.healthDot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.healthDot.ok{background:#4caf6a}.healthDot.bad{background:#b4503c}.footerNote{margin-top:auto;padding:16px 22px;font-size:10px;color:var(--ink-faint);font-family:var(--font-mono);line-height:1.6}.mapEmpty{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;gap:6px}.mapEmpty-hex{width:64px;height:64px;margin-bottom:14px;-webkit-clip-path:var(--hex-clip);clip-path:var(--hex-clip);background:linear-gradient(160deg,var(--forest-700),var(--forest-900));border:1px solid var(--forest-line);animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}.mapEmpty p{font-family:var(--font-display);font-size:15px;color:var(--ink-soft)}.mapEmpty span{font-size:12px;color:var(--ink-faint);max-width:34ch}