@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b1018;--panel:#111923;--line:#25303e;--muted:#8693a6;--blue:#85ccff}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px 'DM Sans',system-ui,sans-serif;color:#edf2f8}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 4vw}.brand{font-weight:800;letter-spacing:2px;color:white;text-decoration:none;font-size:18px}.brand span{color:var(--blue)}.edition{font-size:11px;color:var(--muted);letter-spacing:2px}header>button{margin-left:auto}main{max-width:1540px;margin:auto;padding:42px 4vw 20px}h1{font-size:38px;letter-spacing:-1.4px;margin:12px 0}h2{font-size:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:700}.muted{color:var(--muted);line-height:1.7}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.actions{display:flex;gap:10px}button,input,select{font:inherit}button{background:#172230;color:#dce7f4;border:1px solid #2b3a4b;border-radius:7px;padding:10px 15px;cursor:pointer}button:hover{border-color:var(--blue);background:#223346}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.primary{background:var(--blue);color:#102236;font-weight:700}.notice{margin:26px 0 30px;border:1px solid #29465b;background:#112130;padding:14px;display:flex;align-items:center;gap:12px;font-size:12px;color:#a4bfd3;border-radius:8px}.dot{width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0}.section-label{font-size:10px;color:var(--muted);letter-spacing:1.5px;display:flex;justify-content:space-between;margin:0 0 12px}#archetypes{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}#archetypes button{text-align:left;padding:15px 11px;background:var(--panel);font-size:12px}#archetypes button small{display:block;color:var(--muted);margin-top:6px;font-size:10px}.selected{border-color:var(--blue)!important;background:#172c3d!important;color:var(--blue)!important}.setup{display:grid;grid-template-columns:2fr repeat(4,1fr) 1.8fr;gap:18px;border:1px solid var(--line);background:var(--panel);padding:20px;margin:24px 0;border-radius:10px}label,small{font-size:10px;letter-spacing:1px;color:var(--muted)}input,select{display:block;margin-top:9px;width:100%;background:#0b121c;border:1px solid var(--line);color:#e6edf7;padding:9px;border-radius:5px}.ap strong{display:block;font-size:25px;margin-top:8px}.ap span{font-size:10px;color:var(--muted);font-weight:400}nav{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:24px}nav button{border:0;border-radius:0;background:none;padding:14px 2px;color:var(--muted)}nav .active{border-bottom:2px solid var(--blue);color:var(--blue)}.workspace{display:grid;grid-template-columns:1fr 280px;gap:24px}#content.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,aside{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:20px}.card-head{font-size:10px;font-weight:700;letter-spacing:1.5px;display:flex;justify-content:space-between;margin-bottom:22px}.card-head span{color:var(--blue)}.stat{margin:15px 0}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-name{font-size:12px}.stat input[type=number]{width:53px;margin:0;padding:4px;color:var(--blue);font-weight:700;text-align:center}.stat input[type=range]{padding:0;accent-color:var(--blue);height:4px;margin-top:13px}.player-mark{height:120px;border:1px solid #2e4a61;background:radial-gradient(ellipse,#203b52,#111923);display:flex;align-items:center;justify-content:center;font-size:65px;font-weight:800;letter-spacing:-6px;color:#c5e7ff}.player-mark span{font-size:16px;align-self:flex-start;margin:20px 0 0 10px;letter-spacing:0}aside h2{margin:20px 0 0}aside .muted{font-size:12px}#overview>div{display:flex;justify-content:space-between;padding:9px 0;font-size:12px;color:var(--muted)}#overview b{color:var(--blue)}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.full{width:100%;margin-top:10px}.text{background:none;border:none;color:var(--muted)}footer{margin-top:35px;padding:20px 0;border-top:1px solid var(--line);font-size:10px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips button{min-width:140px}.help{line-height:1.8;color:var(--muted)}a{color:var(--blue)}textarea{width:100%;min-height:140px;background:var(--bg);color:white;padding:15px;border:1px solid var(--line);border-radius:6px}dialog{width:min(700px,90vw);background:var(--panel);color:white;border:1px solid var(--line);border-radius:12px}dialog::backdrop{background:#000a}.dialog-head{display:flex;justify-content:space-between;align-items:center}.saved-row{padding:16px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.saved-row strong{margin-right:auto}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#d0eaff;color:#11273a;padding:13px 20px;border-radius:8px;display:none}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.positive{color:var(--blue)}@media(max-width:1100px){#content.grid{grid-template-columns:repeat(2,1fr)}#archetypes{grid-template-columns:repeat(5,1fr)}.setup{grid-template-columns:repeat(3,1fr)}.intro{align-items:flex-start;flex-direction:column}}@media(max-width:700px){header{padding:0 18px}.edition{display:none}main{padding:24px 18px}h1{font-size:30px}.notice{align-items:flex-start;flex-wrap:wrap}#archetypes{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:1fr}#content.grid{grid-template-columns:1fr}.setup{grid-template-columns:repeat(2,1fr)}nav{gap:12px;overflow:auto}nav button{white-space:nowrap;font-size:12px}footer{gap:20px}aside{order:-1}.player-mark{display:none}}

.apbar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px;margin-bottom:15px;background:#132435;border:1px solid #35536c;border-radius:10px}.apbar strong{display:block;font-size:30px;margin-top:10px;color:var(--blue)}.apbar p{grid-column:1/-1;margin:0;color:#aac2d6;font-size:12px}.apbar .ap-help{color:var(--muted);line-height:1.6}.apbar .over-budget{color:#ff8b8b}@media(max-width:700px){.apbar{grid-template-columns:repeat(2,1fr)}}

.stat-meta{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted);margin-top:10px;line-height:1.5}.stat-meta span:last-child{color:#a8d9ff}input:disabled{opacity:.65}

.ps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}.ps-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.gold{background:#28251b;border-color:#665630;color:#eed898;padding:20px;border-radius:8px}.gold .eyebrow{color:#edd28a}.gold-chip{border:1px solid #77633d;border-radius:5px;padding:9px 12px}.requirement{display:flex;justify-content:space-between;font-size:12px;margin-top:12px}.requirement b{color:var(--blue)}progress{width:100%;height:4px;accent-color:var(--blue);margin-top:6px}.ps-actions{display:flex;gap:8px}.ps-actions button{font-size:11px}button:disabled{opacity:.45;cursor:default}button:disabled:hover{background:#172230;border-color:#2b3a4b}.ps-card h3{font-size:20px;margin:12px 0}.ps-status{font-size:12px;color:var(--muted)}.ps-card[hidden]{display:none}@media(max-width:750px){.ps-grid,.ps-summary{grid-template-columns:1fr}}

:root{--success:#82dfac;--error:#ff9292}.ps-status.positive{color:var(--success)}.requirement.requirement-met,.requirement.requirement-met b{color:var(--success)}progress.requirement-met{accent-color:var(--success)}progress.requirement-met::-webkit-progress-value{background:var(--success)}progress.requirement-met::-moz-progress-bar{background:var(--success)}.requirement-pending{color:var(--muted)}.requirement.requirement-pending b{color:#acb9cb}.apbar .over-budget{color:var(--error)}.gold,.gold-chip{color:#eed898}

#starsPanel{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.star-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:20px}.star-rating{display:flex;align-items:center;gap:7px;font-size:28px}.star-rating .lit{color:#eed898}.star-rating .available{color:#8f9cb0}.star-rating .capped{color:#435064}.star-rating strong{font-size:18px;margin-left:12px;color:#eed898}.star-buttons{display:flex;flex-wrap:wrap;gap:8px}.star-buttons button small{display:block;margin-top:4px;letter-spacing:0}@media(max-width:700px){#starsPanel{grid-template-columns:1fr}}

.stat-steps{display:flex;gap:6px;margin-top:11px}.stat-steps button{flex:1;padding:5px 7px;font-size:11px;background:#182635}.stat-steps button:first-child{color:var(--muted)}.stat-top input[type=number]{width:64px;padding:6px;border-color:#43576e}.stat-top input[type=number]:hover{border-color:var(--blue)}

.finished-build{padding:32px;background:linear-gradient(140deg,#16283b,#111923 60%);border-color:#38536e}.finished-header{display:flex;justify-content:space-between;align-items:center}.finished-header h2{font-size:32px;margin:10px 0}.finished-number{font-size:72px;font-weight:700;color:#7295b2;line-height:1}.finished-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;border-top:1px solid #31465c;border-bottom:1px solid #31465c;padding:24px 0;margin-top:24px}.finished-stats strong{display:block;font-size:32px;color:var(--blue)}.finished-stats span{display:block;color:#b3c5d7;font-size:11px;margin-top:6px}.average-note{font-size:10px;color:var(--muted);line-height:1.6;margin:12px 0}.finished-body{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 0}.finished-body strong{display:block;margin-top:10px;font-size:22px;color:#eed898}.finished-body strong span{font-size:12px;color:var(--muted)}.finished-section{padding:17px 0;border-top:1px solid var(--line)}.build-chips{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.build-chip{padding:9px 12px;border:1px solid #335169;border-radius:5px;background:#172a3a;color:#bae0fb}.gold-label{color:#eed898}.finished-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.finished-footer>span{margin-right:auto}@media(max-width:800px){.finished-stats{grid-template-columns:repeat(3,1fr)}.finished-body{grid-template-columns:repeat(2,1fr)}.finished-build{padding:22px}.actions{flex-wrap:wrap}}

.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:64px;height:52px;object-fit:contain;flex-shrink:0;border-radius:4px}.brand .brand-name{color:white;white-space:nowrap}.actions{flex-wrap:wrap}@media(max-width:600px){.brand{gap:8px}.brand-logo{width:49px;height:40px}}

.build-brand-mark{display:flex;align-items:center;justify-content:center;margin:18px 0 12px}.build-brand-mark img{width:150px;max-width:100%;height:auto;border-radius:6px}

.archetype-badge{background-image:url("/archetype-badges-transparent.png");background-repeat:no-repeat;flex-shrink:0;border-radius:8px}.finished-header{gap:16px}.finished-header>div:first-child{min-width:0}.finished-header h2{overflow-wrap:anywhere}@media(max-width:600px){.finished-header{align-items:flex-start}.finished-header h2{font-size:24px}}

.attribute-editor{min-width:0}#starsPanel[hidden],#overview[hidden]{display:none}#starsPanel{margin-top:0;margin-bottom:24px}

.ps-effect{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 12px;font-weight:400}.ps-card h3{margin-bottom:6px}.gold .ps-effect{color:#c4bca7}.gold-chip .ps-effect{display:block;max-width:230px;margin:5px 0 0}

.weight-minimum{font-size:11px;color:var(--muted);letter-spacing:0;text-transform:none;margin-top:5px}

.backup-controls{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}