.builder-section{--gold:#97ccdf;--line:#4d7d8e5e;--muted:#97b8c5;--surface:#10151d}
.planner-preset{display:flex;align-items:center;justify-content:space-between;gap:18px 24px;flex-wrap:wrap;padding:24px 25px;border-bottom:1px solid #4d7d8e5e;background:linear-gradient(115deg,#2d395045,#0e121855)}.planner-preset>div:first-child{flex:1;min-width:200px}.planner-preset .eyebrow{font-size:.6875rem;letter-spacing:.13em;color:#85bace}.planner-preset h3{font-size:1.15rem;font-weight:500;color:#cde9f4;line-height:1.4;margin:8px 0}.planner-preset p{font-size:.8125rem;line-height:1.7;color:#9cbcc7;margin:0;max-width:72ch}.planner-preset .preset-note{flex-basis:100%;max-width:none;border-top:1px solid #4d7d8e3f;padding-top:14px;font-size:.75rem;color:#90b4c1}.planner-preset .builder-button{white-space:normal}.tile-english{display:block;font-size:.6875rem;line-height:1.35;color:#94b6c3;margin-top:5px;overflow-wrap:anywhere}.detail-target-note{border-left:2px solid #83bace;padding:9px 12px;background:#81afc00d;font-size:.75rem;line-height:1.65;color:#a5c6d2}.specialty-option.is-target small{color:#b5e2f2}.specialty-option.is-target.locked{opacity:.7;border-style:dashed}.specialty-option.is-target small{white-space:normal;text-align:right;max-width:72px}.planner-preset :is(button,a):focus-visible{outline:2px solid #a8ddf0;outline-offset:3px}
@media(max-width:650px){.planner-preset{padding:20px 18px;gap:14px}.planner-preset>div:first-child{min-width:0;flex-basis:100%}.planner-preset>.builder-actions{width:100%}.planner-preset>.builder-button{width:100%}.tile-english{font-size:.625rem}.daeva-presets .builder-actions{display:grid;grid-template-columns:1fr 1fr}.daeva-presets .builder-actions button:last-child{grid-column:1/-1}}
.builder-section>.eyebrow{margin:0 0 14px}.builder-section .section-title{justify-content:space-between;align-items:center;flex-wrap:wrap}.builder-range{color:#99bac6;font-size:.8125rem;white-space:nowrap}
.builder-jump{display:inline-flex;align-items:center;gap:26px;margin-top:24px;padding:13px 18px;border:1px solid #6fa8bc;background:#95cadd;color:#0e131c;font-size:.9375rem;font-weight:700;text-decoration:none}.builder-jump:hover{background:#bee2f0}
.builder-shell{border:1px solid var(--line);background:linear-gradient(125deg,#151a25,#0d1118 65%);box-shadow:0 16px 45px #0002}
.builder-shell [hidden],.skill-dialog [hidden]{display:none!important}
.builder-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:20px;padding:25px 25px 22px}.build-name-label{flex:1;min-width:180px;font-size:.75rem;color:var(--muted);letter-spacing:.06em}
.build-name-label input{display:block;width:100%;margin-top:8px;padding:6px 0 9px;border:0;border-bottom:1px solid #4f7c8c;color:#d2ecf6;background:transparent;border-radius:0;font:500 1.2rem 'DM Sans',Arial,sans-serif}
.builder-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.builder-button{border:1px solid #48778896;border-radius:4px;background:#151a25;color:#b8d6e1;padding:10px 13px;min-height:42px;font:500 .8125rem/1.4 'DM Sans',Arial,sans-serif;cursor:pointer}.builder-button:hover{background:#1c2433;border-color:#6eaac0}.builder-button.primary{background:#93c5d7;color:#0f1622;border-color:#93c5d7;font-weight:700}.builder-button.primary:hover{background:#b9dfed}
.builder-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);background:#0a0d125c}.builder-stats>div{padding:18px 22px;border-right:1px solid var(--line)}.builder-stats>div:last-child{border-right:0}.builder-stats>div>span{display:block;font-size:.75rem;line-height:1.5;color:var(--muted)}.builder-stats strong{display:block;font-size:1.75rem;font-weight:500;color:#cde9f4;margin-top:6px;font-variant-numeric:tabular-nums}.builder-stats small{font-size:1rem;color:#6093a6}
.builder-budget-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:17px 25px;color:var(--muted);font-size:.8125rem;border-bottom:1px solid var(--line)}.builder-budget-row label{display:flex;gap:12px;align-items:center;color:#afcfdb}.builder-budget-row input{width:126px;border:1px solid #426978;background:#0a0d12;color:#d8edf4;border-radius:3px;padding:9px;font:inherit}.builder-budget-row input::placeholder{color:#709eae}.builder-budget-row .over-budget{color:#addef1}
.builder-tabs{display:flex;gap:26px;padding:0 25px;border-bottom:1px solid var(--line)}.builder-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#8db2bf;padding:18px 0 15px;font:500 .9375rem 'DM Sans',Arial,sans-serif;cursor:pointer}.builder-tabs button[aria-selected=true]{color:#c4e7f4;border-color:#91c9de}.builder-tabs button span{font-size:.6875rem;padding:2px 5px;margin-left:4px;border:1px solid #466e7d7a;border-radius:3px;color:#92b5c2}
[data-ui="builder-panel"]{padding:20px 25px 25px;min-width:0}.builder-panel-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;color:#99bac6;font-size:.8125rem;line-height:1.6;margin-bottom:20px}.builder-panel-heading p{margin:0;max-width:53ch}.builder-panel-heading>span{color:#87bacd;text-align:right;flex-shrink:0}
.builder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.builder-tile{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:162px;padding:16px 8px 12px;background:#0f131a;border:1px solid #446d7c5c;border-radius:4px;font-family:'DM Sans',Arial,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}.builder-tile:hover{border-color:#85c0d5;background:#161d29}.builder-tile.is-invested{border-color:#6599ac9e;background:linear-gradient(160deg,#1a253666,#0f131a)}.builder-tile.is-equipped{box-shadow:inset 0 2px #89c4d9}.builder-tile img{width:52px;height:52px;border-radius:7px;border:1px solid #5f97ab5c;object-fit:contain;background:#0a0d12}.tile-level{position:absolute;top:9px;right:8px;font-size:.6875rem;color:#cde9f4;background:#131923;border:1px solid #528395;padding:3px 5px;border-radius:3px;white-space:nowrap}.tile-name{color:#bcdce8;font-size:.8125rem;font-weight:500;line-height:1.35;margin-top:12px;overflow-wrap:anywhere}.tile-meta{font-size:.6875rem;color:#7ba5b5;line-height:1.4;margin-top:auto;padding-top:9px}.tile-dots{display:flex;gap:4px;margin-top:7px;min-height:5px}.tile-dots i{width:5px;height:5px;border-radius:50%;background:#3d5f6c}.tile-dots i.filled{background:#8bcce4;box-shadow:0 0 5px #8bc6dc33}
.stigma-loadout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 0 20px}.stigma-slot{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;min-width:0;padding:8px;border:1px dashed #5281927a;background:#0b0e13;color:#6899aa;font:500 .75rem/1.3 'DM Sans',Arial,sans-serif}.stigma-slot img{height:34px;width:34px;object-fit:contain;border-radius:4px}.stigma-slot.filled{border-style:solid;color:#b0d8e6;cursor:pointer}.stigma-slot span{overflow-wrap:anywhere}
.builder-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 25px;border-top:1px solid var(--line);background:#0a0d1255;font-size:.75rem;line-height:1.6;color:#7fa8b7}.builder-bottom p{margin:0}.builder-bottom a{color:#9cc9d9;text-decoration:none}.builder-bottom a:hover{text-decoration:underline}.builder-load-status{color:#9cbcc7;font-size:.9375rem}
.skill-dialog{--gold:#97ccdf;--line:#4d7d8e5e;box-sizing:border-box;width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;margin:auto;overflow-y:auto;border:1px solid #659db1;border-radius:8px;background:linear-gradient(140deg,#171d28,#0d1117 55%);color:#cadfe7;box-shadow:0 25px 100px #000c;font-family:'DM Sans',Arial,sans-serif;overscroll-behavior:contain}.skill-dialog::backdrop{background:#030406cf;backdrop-filter:blur(5px)}body:has(.skill-dialog[open]){overflow:hidden}
.detail-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.detail-top .eyebrow{font-size:.6875rem}.detail-close{border:1px solid #4b809359;border-radius:4px;width:36px;height:36px;background:#0d1117;color:#8ec1d4;font:1.6rem/1 Arial,sans-serif;cursor:pointer}.detail-close:hover{background:#1e293c}.detail-heading{display:flex;gap:16px;align-items:center}.detail-heading img{flex:0 0 64px;object-fit:contain;border-radius:7px;border:1px solid #6599ab7a;background:#080a0e}.detail-heading h3{font-size:1.25rem;line-height:1.4;font-weight:600;color:#cceaf4;margin:0 0 5px}.detail-level{font-size:.8125rem;color:#80b5c9}.skill-dialog [data-ui="detail-description"]{font-size:.875rem;line-height:1.7;margin:20px 0 22px;color:#a1bfca}
.detail-level-heading{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500}.detail-level-heading output{color:#b3e1f2;font-size:1.25rem;font-variant-numeric:tabular-nums}.detail-slider-row{display:flex;align-items:center;gap:12px;margin-top:10px}.builder-step{width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid #467e92;background:#141c2a;border-radius:4px;color:#a6d4e5;cursor:pointer;font-size:1.25rem}.builder-step:disabled{opacity:.35;cursor:default}.detail-slider-row input{width:100%;min-width:0;accent-color:#88c5db;cursor:pointer;height:30px}
.detail-milestones{display:flex;justify-content:space-between;gap:7px;margin:8px 45px 18px}.detail-milestones button{font:.75rem/1.4 'DM Sans',Arial,sans-serif;background:transparent;border:1px solid transparent;border-radius:3px;color:#72a0b0;min-width:28px;min-height:28px;cursor:pointer}.detail-milestones button.reached{color:#a2d4e7;border-color:#4a829747;background:#192437}.detail-milestones button[aria-pressed=true]{border-color:#90c8dd;color:#e2f4fa}
.detail-allocation{display:grid;grid-template-columns:1fr 12px 1fr 1fr;gap:12px;align-items:center;background:#0b0e13;border:1px solid #46829845;padding:14px;border-radius:4px}.detail-allocation label,.detail-allocation>div{font-size:.6875rem;color:#88aebc}.detail-allocation label input{display:block;width:100%;margin-top:8px;border:1px solid #44728380;border-radius:3px;background:#0f1622;color:#b7e0ee;font:500 1rem 'DM Sans',Arial,sans-serif;padding:7px}.detail-allocation>span{color:#7dacbd;padding-top:20px;text-align:center}.detail-allocation>div{padding-left:4px}.detail-allocation strong{display:block;font-size:1.4rem;font-weight:500;color:#a4d6e8;margin-top:9px}
.detail-help{font-size:.75rem;line-height:1.65;color:#86adbb;margin:12px 0}.specialty-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 0;padding-top:20px;border-top:1px solid #4a819557}.specialty-heading h4{font-size:.9375rem;font-weight:500;color:#b6dbe9;margin:0}.specialty-heading>span{font-size:.8125rem;color:#96c8da}.specialty-list{display:grid;gap:8px;margin-top:15px}.specialty-option{position:relative;display:grid;grid-template-columns:18px 32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #47809445;background:#0d1117;border-radius:4px;cursor:pointer}.specialty-option img{display:block;width:32px;height:32px;object-fit:contain}.specialty-option input{margin:0;width:17px;height:17px;accent-color:#7ab6cb;cursor:inherit}.specialty-option>span{font-size:.8125rem;line-height:1.5;color:#b2ced8}.specialty-option small{color:#85acba;font-size:.6875rem;white-space:nowrap}.specialty-option.locked{opacity:.46;cursor:default}.specialty-option.selected{border-color:#71b3cb9c;background:#19233477}.specialty-option:not(.locked):hover{border-color:#639aad}.specialty-option.auto{cursor:default}.auto-check{font-size:1.125rem;color:#7fbacf;text-align:center}.detail-status{font-size:.8125rem;color:#a9ddf0;line-height:1.5;min-height:1.5em;margin:12px 0}.detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #4a819557}
.builder-section :is(button,input,a):focus-visible,.skill-dialog :is(button,input):focus-visible{outline:2px solid #a8ddf0;outline-offset:3px}.skill-dialog input:disabled{cursor:default}
@media(min-width:1550px){.builder-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.builder-stats>div{padding:16px 12px}.builder-toolbar,[data-ui="builder-panel"]{padding:20px}.builder-panel-heading{flex-direction:column;gap:6px}.stigma-slot{flex-direction:column;font-size:.6875rem}.stigma-slot img{height:30px;width:30px}}
@media(max-width:650px){.builder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.builder-toolbar{padding:18px}.build-name-label{flex-basis:100%}.builder-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-stats>div:nth-child(2){border-right:0}.builder-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.builder-stats>div{padding:15px 18px}.builder-stats strong{font-size:1.5rem}.builder-budget-row{padding:15px 18px;gap:8px}.builder-tabs{padding-inline:18px;gap:24px}[data-ui="builder-panel"]{padding:18px}.builder-bottom{padding:14px 18px}.builder-tile{min-height:155px;padding:16px 6px 10px}.tile-name{font-size:.75rem}.tile-meta{font-size:.625rem}.builder-panel-heading{font-size:.75rem}.stigma-slot span{display:none}.skill-dialog{padding:18px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.specialty-option{padding:10px;gap:8px;grid-template-columns:17px 28px minmax(0,1fr) auto}.specialty-option img{width:28px;height:28px}.specialty-option>span{font-size:.75rem}.specialty-option small{font-size:.625rem}.detail-allocation{gap:8px;padding:12px}.detail-allocation label,.detail-allocation>div{font-size:.625rem}}
@media(max-width:390px){.builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-tabs{gap:20px}.builder-tile{min-height:150px}.detail-allocation{grid-template-columns:1fr 8px 1fr}.detail-allocation>div{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:8px 0 0;border-top:1px solid #376a7c55}.detail-allocation strong{margin:0;font-size:1.1rem}.specialty-option{grid-template-columns:17px 24px minmax(0,1fr)}.specialty-option small{grid-column:3}.specialty-option img{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.builder-tile{transition:none}}
.skill-allocation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;border:1px solid #34465d;border-radius:6px;background:#0b1420;color:#b1cadd;font-size:.875rem;line-height:1.5}.skill-allocation[hidden]{display:none}.skill-allocation label{min-width:0}.skill-allocation input{box-sizing:border-box;min-width:0;min-height:40px;border:1px solid #42617d;border-radius:4px;background:#142334;color:#e8eff9;font:500 1rem 'DM Sans',Arial,sans-serif;padding:7px 9px}.skill-allocation input:focus-visible{outline:2px solid #e2bd6c;outline-offset:2px}.skill-allocation input:disabled{opacity:.6}.allocation-base input,.allocation-total output{display:block;box-sizing:border-box;width:100%;margin-top:7px;min-height:40px}.allocation-total output{border:1px solid #43857d;border-radius:4px;background:#163433;color:#b7efde;padding:7px 9px;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.allocation-source,.allocation-manual,.allocation-cost{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.allocation-source{padding-top:10px;border-top:1px solid #34465d}.allocation-source output{color:#b7efde;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.skill-allocation small{display:block;color:#91a9c6;font-size:.75rem;line-height:1.5}.allocation-manual input{width:68px;flex:0 0 68px}.allocation-cost{border-top:1px solid #34465d;padding-top:10px}.allocation-cost strong{color:#e8eff9;font-size:1rem;font-weight:600}