:root{--bg: #061018;--bg-2: #0a1822;--elev: #10202c;--elev-2: #152838;--line: rgba(154, 214, 226, .14);--line-strong: rgba(154, 214, 226, .28);--text: #e9f4f7;--muted: #8aa3b0;--faint: #5d7582;--axis: #e8a05a;--axis-2: #f3c38a;--arm: #3ec9c0;--arm-2: #7ee0d6;--ok: #8ee0a8;--warn: #f0c36a;--hot: #ef7a6a;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--radius: 18px;--font: "Outfit", system-ui, sans-serif;--display: "Fraunces", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font);font-weight:420;background:radial-gradient(1200px 700px at 12% -10%,rgba(62,201,192,.12),transparent 55%),radial-gradient(900px 600px at 110% 0%,rgba(232,160,90,.1),transparent 50%),radial-gradient(800px 500px at 50% 120%,rgba(56,110,160,.18),transparent 50%),linear-gradient(180deg,#07141c 0%,var(--bg) 40%,#050d14 100%);letter-spacing:.01em}button,select,input{font:inherit;color:inherit}.app{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px 10px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0610188c;position:sticky;top:0;z-index:20}.brand{display:flex;flex-direction:column;gap:2px;min-width:160px}.wordmark{font-family:var(--display);font-weight:650;font-size:28px;line-height:1;letter-spacing:-.03em}.wordmark span.axis{color:var(--axis)}.wordmark span.arm{color:var(--arm)}.tag{color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.nav{display:flex;gap:6px;padding:4px;background:#10202ccc;border:1px solid var(--line);border-radius:999px}.nav button{border:0;background:transparent;color:var(--muted);padding:8px 16px;border-radius:999px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:560}.nav button.active{background:linear-gradient(180deg,#3ec9c02e,#e8a05a1f);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.stage{padding:18px 22px 28px;max-width:1440px;width:100%;margin:0 auto}.disclaimer{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:12px 22px 18px;color:var(--faint);font-size:12px;border-top:1px solid var(--line)}.disclaimer a{color:var(--arm-2)}.grid-2{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:18px}.grid-progress{display:grid;grid-template-columns:minmax(320px,400px) 1fr;gap:18px}.panel{background:linear-gradient(180deg,#10202ceb,#0a1822e0);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel h2,.panel h3{margin:0;font-weight:560}.panel-h{padding:14px 16px 10px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--line)}.panel-h .sub{color:var(--muted);font-size:12px}.panel-b{padding:14px 16px 16px}.brand-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.brand-toggle button{border:1px solid var(--line);background:var(--elev);border-radius:12px;padding:10px 8px;cursor:pointer}.brand-toggle button .k{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.brand-toggle button .v{font-family:var(--display);font-size:18px}.brand-toggle button.on-axis{border-color:#e8a05a8c;background:#e8a05a1f}.brand-toggle button.on-arm{border-color:#3ec9c08c;background:#3ec9c01f}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.field label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field select{width:100%;background:#0b1a24;border:1px solid var(--line);border-radius:10px;padding:9px 10px;outline:none}.field select:focus{border-color:var(--arm)}.stack{display:grid;gap:8px;margin-top:8px}.spec-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 10px;background:#07141c8c;border-radius:10px;border:1px solid rgba(154,214,226,.08)}.spec-row .k{color:var(--muted);font-size:12px}.spec-row .v{font-family:var(--mono);font-size:13px}.part-name{font-size:13px;color:var(--axis-2)}.part-name.arm{color:var(--arm-2)}.note{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.45}.twin-list{display:grid;gap:10px}.twin-card{text-align:left;width:100%;border:1px solid var(--line);background:#08161e99;border-radius:14px;padding:12px 14px;cursor:pointer}.twin-card:hover,.twin-card.on{border-color:var(--line-strong);background:#142a36bf}.twin-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.twin-title{font-size:16px;font-weight:560}.score{font-family:var(--mono);font-size:18px;color:var(--ok)}.pills{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px}.pill{font-size:11px;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.why{margin:0;padding-left:16px;color:var(--muted);font-size:13px;line-height:1.45}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.meter label{display:flex;justify-content:space-between;font-size:11px;color:var(--faint);margin-bottom:4px}.bar{height:5px;background:#0b1a24;border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--arm),var(--axis))}.map-wrap{display:grid;grid-template-columns:1fr minmax(280px,340px);gap:16px}.map-card{position:relative;min-height:560px}.map-svg{width:100%;height:min(72vh,720px);display:block}.dot{cursor:pointer}.legend{display:flex;flex-wrap:wrap;gap:8px 12px;padding:0 16px 14px}.legend i{width:8px;height:8px;border-radius:99px;display:inline-block;margin-right:6px}.legend span{font-size:12px;color:var(--muted)}.toggles{display:flex;gap:6px}.toggles button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer;color:var(--muted)}.toggles button.on{color:var(--text);border-color:var(--arm)}.compare-front{display:grid;gap:8px;max-height:min(72vh,720px);overflow-y:auto}.compare-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#08161e8c;cursor:pointer;text-align:left;width:100%}.compare-item .t{display:flex;justify-content:space-between;gap:8px}.jump{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:99px}.jump.small{color:var(--ok);background:#8ee0a81f}.jump.medium{color:var(--warn);background:#f0c36a1f}.jump.big{color:var(--hot);background:#ef7a6a24}.progress-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#08161e8c;margin-bottom:12px}.progress-card h3{margin:0 0 6px;font-size:18px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{border:1px solid var(--line);background:#0b1a24;color:var(--muted);border-radius:999px;padding:6px 10px;cursor:pointer;font-size:12px}.chip.on{color:var(--text);border-color:var(--axis);background:#e8a05a1f}.chip.on.arm{border-color:var(--arm);background:#3ec9c01f}.nullish{color:var(--faint);font-style:italic}@media(max-width:980px){.grid-2,.grid-progress,.map-wrap{grid-template-columns:1fr}.top{flex-wrap:wrap}.map-svg{height:520px}.stage{padding:14px 14px 24px}}