@import"https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;600;700&family=Fraunces:wght@500;700&display=swap";:root{font-family:Archivo,system-ui,sans-serif}body{margin:0}h1,h2,h3{font-family:Fraunces,serif}button,input,select{font-family:inherit}:root{--bg: #0c1017;--bg-soft: #111826;--panel: #151f2f;--panel-2: #1a2639;--line: #26354d;--text: #e9f1ff;--text-dim: #9bb1cc;--primary: #4da3ff;--primary-strong: #2e8ef3;--ok: #42d392;--warn: #f2b55f;--bad: #f07b7b;--shadow: 0 16px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(1100px 700px at 12% -10%,rgba(74,163,255,.12),transparent 58%),radial-gradient(900px 600px at 100% 0%,rgba(66,211,146,.09),transparent 58%),var(--bg);font-family:Segoe UI,Noto Sans,Arial,sans-serif}.app{min-height:100vh}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px clamp(14px,4vw,48px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#131d2deb,#0c1017db);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow{margin-bottom:6px;color:#8ba2bf;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.hero-text h1{margin:0 0 7px;font-size:clamp(30px,3.8vw,44px);line-height:1.08;letter-spacing:-.02em}.hero-text p{margin:0;color:var(--text-dim);max-width:780px;font-size:15px}.hero-actions{display:grid;gap:8px;justify-items:end}.tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tabs button{border:1px solid var(--line);border-radius:999px;min-height:36px;padding:7px 12px;background:#ffffff05;color:var(--text);font-weight:600;cursor:pointer}.tabs button:hover{border-color:#3d5577}.tabs button.active{border-color:#3f8fe8;background:linear-gradient(180deg,#3e8ee7,#337fd4);color:#fff}.settings-btn{border:1px solid #355072;border-radius:999px;min-height:30px;padding:4px 11px;background:#ffffff08;color:#b7c9e0;font-size:11px;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}.settings-btn:hover{border-color:#4b6f99}.settings-panel{margin-top:6px;border:1px solid #314761;border-radius:12px;background:#080d14f2;padding:10px;min-width:260px;display:grid;gap:8px}.settings-unlock{display:grid;gap:8px}.panel{padding:20px clamp(14px,4vw,48px) 40px}.layout-grid{display:grid;gap:14px;grid-template-columns:1fr}.panel-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.results-grid{margin-top:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.panel-block{background:linear-gradient(180deg,#182233e6,#151f2feb);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.panel-block h3{margin:0 0 12px;font-size:22px;line-height:1.1}.field{display:grid;gap:6px;margin-bottom:10px}.field label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#90a5c3}input,select,button{font:inherit}input,select{width:100%;min-height:42px;border-radius:10px;border:1px solid #2f4260;background:#0b121ce6;color:var(--text);padding:10px 12px}input:focus,select:focus{outline:2px solid rgba(77,163,255,.35);border-color:#4f86bf}.icon-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.icon-img{border-radius:10px;border:1px solid #31445f;background:#1b273a;object-fit:cover}.card-title{display:flex;align-items:center;gap:14px;margin-bottom:10px}.card-title strong{font-size:19px}.trait-grid,.ascension-grid{display:grid;gap:8px}.ascension-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:8px}.toggle{display:grid;gap:5px;margin-bottom:10px}.switch{width:100%;border:1px solid #2f415a;border-radius:12px;background:#0a0f188c;color:var(--text);padding:8px 10px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;text-align:left;cursor:pointer}.switch:hover{border-color:#3d5b82}.switch-thumb{width:34px;height:20px;border-radius:999px;background:#3a4f6c;position:relative;transition:all .14s ease}.switch-thumb:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#dce7f7;top:3px;left:3px;transition:transform .14s ease}.switch.on{border-color:#4386cf;background:#20456f57}.switch.on .switch-thumb{background:#3f8ee8}.switch.on .switch-thumb:after{transform:translate(14px);background:#f3f9ff}.switch-body{display:grid;gap:2px}.switch-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600}.switch-state{border-radius:999px;border:1px solid #334a67;padding:1px 8px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.switch-state.on{border-color:#3d8ce5;color:#b9d9ff}.switch-state.off{border-color:#4a5f7a;color:#9bb0c9}.switch-desc{font-size:12px;color:var(--text-dim)}.toggle-group{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.debug-controls{display:grid;gap:8px;margin-bottom:10px}.debug-controls label{display:grid;gap:6px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#90a5c3}.calculate-row{margin-top:10px;display:flex;align-items:center;gap:10px}.primary,.secondary,.apply-btn{min-height:38px;border-radius:10px;cursor:pointer;font-weight:600}.primary{border:none;background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#061427;padding:8px 14px}.primary:hover{filter:brightness(1.06)}.secondary{border:1px solid #355072;background:#ffffff05;color:var(--text);padding:8px 14px}.note{color:var(--text-dim);font-size:12px}.muted{color:#8197b5}.approx{color:var(--warn);font-size:12px;margin-top:8px}.stat-list,.result-list,.ability-list ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.result-list li{border:1px solid #2f415a;border-radius:12px;background:#090f186b;padding:10px 12px}.result-list strong{font-size:16px}.why{margin-top:5px;color:#a6bdd8;font-size:12px}.ability-list{margin-top:10px;font-size:12px}.ability-list summary{cursor:pointer;font-weight:600}.ability-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #2f425f;border-radius:8px;background:#070d1573;padding:6px 8px}.ability-modeled em{color:var(--ok)}.ability-ignored em{color:var(--warn)}.ability-not-modeled em{color:var(--bad)}.debug-panel{margin-top:12px;border:1px solid #2a3c56;border-radius:12px;background:#090e1699;padding:10px}.debug-panel summary{cursor:pointer;font-weight:700}.debug-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;font-size:12px}.build-details{margin-top:8px;border:1px solid #2e3f58;border-radius:10px;background:#090f1780;padding:8px;display:grid;gap:6px;font-size:12px}.optimizer-results-block{margin-top:14px}.build-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.apply-btn{border:1px solid #355072;background:#ffffff08;color:var(--text);padding:6px 9px}.inline-icon{display:inline-flex;align-items:center;gap:5px;margin-right:10px}.asc-item{display:inline-block;margin-right:10px}.ad-slot{border:1px dashed #3f5372;border-radius:10px;background:#121c2b6b;color:#89a4c6;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px #4da3ff12;opacity:.8}.ad-title{font-size:13px;font-weight:700}.ad-subtitle{font-size:11px}.ad-top,.ad-bottom{margin:0 clamp(14px,4vw,48px);min-height:38px}.ad-top{margin-top:10px}.ad-bottom{margin-bottom:12px}.donate-card p{margin:0 0 10px;color:var(--text-dim);line-height:1.5}.donate-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.donate-actions a.primary,.donate-actions a.secondary{display:inline-flex;align-items:center;text-decoration:none}@media(max-width:760px){.hero{flex-direction:column}.hero-actions,.tabs{justify-items:start;justify-content:flex-start}.panel-grid,.results-grid{grid-template-columns:1fr}}