/* The build workshop: copper and blue steel, scoped away from the game's item shop. */
body.planner-workshop{--work-bg:#101e27;--work-panel:#1b2d37;--work-raised:#243b47;--work-line:#405864;--work-ink:#e4e7e0;--work-muted:#a8bbc1;--work-copper:#d1b18a;background:linear-gradient(100deg,#101e27ee,#11232be8),url('assets/hero-wallpapers/2.webp') center top/cover fixed;color:var(--work-ink)}.planner-workshop main{max-width:1510px;padding-top:38px}.workshop-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 0 30px;padding:0 0 28px;border-bottom:1px solid #64747b70}.workshop-tag{font-size:13px;color:var(--work-copper)}.planner-workshop .workshop-heading h1{font-size:clamp(32px,4vw,48px);line-height:1.4;color:#f2ede1;margin:8px 0}.workshop-heading p{color:var(--work-muted);font-size:16px;margin:10px 0 0;max-width:650px}.workshop-quick{display:flex;gap:12px;flex-wrap:wrap}.planner-workshop .workshop-quick button{color:#c5d1d2;background:#142731a6;border-color:#526b78;font-size:13px;padding:10px 18px}.workshop-quick span{margin-inline-start:10px;color:var(--work-copper)}.planner-workshop .planner{grid-template-columns:minmax(0,1fr) 340px;gap:25px}.planner-workshop .planner>section{min-width:0}.planner-workshop .planner-loadout,.planner-workshop .build-panel{background:linear-gradient(130deg,#233945d9,#192c36f2);border:1px solid var(--work-line);color:var(--work-ink);padding:25px;box-shadow:0 14px 30px #0002}.loadout-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.planner-workshop .loadout-heading h2{font-size:21px;color:#e6e5d8;margin:0}.loadout-heading>span{font-size:12px;color:#97adb7}.planner-workshop .hero-select{background:#11242f!important;color:#e4e7e0!important;border:1px solid #4c6674!important;padding:14px 18px;gap:18px;box-shadow:inset 0 1px #ffffff09}.planner-workshop .hero-select-image img{width:80px;height:88px;object-fit:cover}.planner-workshop .hero-select strong{color:#e9e1cf;font-size:28px}.planner-workshop .hero-select small{color:#90a9b5;font-size:12px}.planner-workshop .hero-select .muted{color:#a9bbc2;font-size:13px}.planner-workshop .hero-select-label{font-size:13px;color:var(--work-copper);margin-inline-start:auto;white-space:nowrap}.planner-workshop .hero-select-arrow{color:#a8bbc1;font-size:22px;margin:0}.planner-workshop .hero-select:hover{border-color:#c1a37e!important}.planner-skills{margin-top:23px;border-top:1px solid #415b68;padding-top:0}.planner-workshop .planner-skills>summary{display:flex;align-items:center;gap:15px;padding:18px 0 2px;list-style:none;font-size:15px;color:#dce4e2}.planner-skills>summary small{margin-inline-start:auto;font-size:12px;color:var(--work-copper)}.planner-disclosure{color:#97aeb8}.planner-skills[open]>summary .planner-disclosure{transform:rotate(180deg)}.planner-workshop .skill-planner{margin-top:18px}.planner-workshop .skill-heading h3{color:#e2e5dd;font-size:23px}.planner-workshop .skill-heading .eyebrow{display:none}.planner-workshop .skill-planner>.muted{color:#a9bbc2;font-size:13px;max-width:700px}.planner-workshop .skill-points{color:#d4bb98;background:#3c4039;border-color:#77715d;font-size:12px}.planner-workshop .skill-card{background:#142833;border-color:#405c6a;color:#d4e0e3;padding:16px 10px}.planner-workshop .skill-card.unlocked{background:#243a40;border-color:#aa9675}.planner-workshop .skill-card>strong{color:#d4e0e3;font-size:16px;line-height:1.45}.planner-workshop .skill-picture{background:#0c202c!important;border-color:#527082!important;box-shadow:inset 0 0 15px #0002;border-radius:2px}.planner-workshop .skill-picture kbd{background:#c5a779;border-color:#c5a779;color:#182b35}.planner-workshop .skill-stages button{background:#172c38;color:#d0dce0;border-color:#456170;min-height:44px;font-size:12px}.planner-workshop .skill-stages button.selected{background:#c9ad85;color:#152a35;border-color:#d6bd99}.planner-workshop .skill-status{color:#b1c1c5;font-size:12px}.planner-workshop .skill-adjust button{background:#223b48;color:#d4c3a7;border-color:#5b7179;min-width:44px;min-height:36px}.planner-workshop .timeline-heading h4{color:#cfdcde}.planner-workshop #undo-ability{color:#b8c9ce;background:transparent;border-color:#526c78;font-size:12px}.planner-workshop .skill-timeline li{background:#142833;border-color:#405a68;color:#d9e3e4}.planner-workshop .skill-timeline small{color:#b1bcae;font-size:11px}.planner-workshop .step-index{color:#cdb58e}.planner-workshop .step-actions button{background:#203742;color:#c5d1d2;border-color:#4e6976}.planner-workshop .skill-timeline .timeline-empty{color:#99b0ba;font-size:13px;background:#142833;border:1px dashed #415c69;padding:20px}
/* Item rack is the same control and ordering; only its surrounding panel is retinted. */
.planner-workshop .game-rack{background:#162a35;border-color:#405c69;padding:18px;margin-top:24px}.planner-workshop .rack-summary{color:#b8cbd1;font-size:13px}.planner-workshop .rack-summary b{color:#dac39f}.planner-workshop .rack-empty{background:#1e3643;border-color:#58707c;color:#92aab4}.planner-workshop .rack-slots>button{border-color:#71818a;background:#203843}.planner-workshop #planner-items{scroll-margin-top:24px}
/* A readable summary that stays in reach on desktop. */
.planner-workshop .build-panel{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#617581 transparent;border-top:3px solid var(--work-copper);padding:24px}.build-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.planner-workshop .build-panel-heading h2{font-size:21px;color:#f0eadc;margin:0}.build-panel-heading>span{font-size:12px;color:#b3c4c9;direction:rtl;white-space:nowrap}.planner-workshop .build-panel>label{color:#b4c7ce;margin:0 0 8px;font-size:13px}.planner-workshop #build-title,.planner-workshop #build-notes{width:100%;background:#112530;color:#e4e7e0;border:1px solid #526d7b;border-radius:2px;font-size:15px}.planner-workshop #build-title{min-height:47px}.planner-workshop #build-notes::placeholder{color:#94aab4}.planner-total{padding:22px 0 20px;margin:17px 0 4px;border-block:1px solid #415b68}.planner-total>span{font-size:13px;color:#b3c5ca}.planner-workshop .build-panel .total{color:#e7d1ad;font:44px/1.3 Georgia,serif;direction:ltr;text-align:right;margin:8px 0}.planner-total .total>span{font-size:23px;vertical-align:middle;color:#a78c67}.planner-total>small{font-size:11px;color:#9bb2bc}.planner-workshop .build-list{max-height:310px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0;margin:12px 0}.planner-workshop .build-list li{display:flex;align-items:center;gap:10px;padding:12px 0;border-color:#3d5765}.build-line-index{font:12px Georgia;min-width:13px;color:#8aa4b0}.build-list li>img{width:37px;height:37px;object-fit:contain;flex-shrink:0;background:#142630;border:1px solid #4a6370;padding:3px}.build-line-copy{flex:1;min-width:0}.build-line-copy strong{display:block;color:#dce5e5;font:14px/1.5 Georgia;overflow-wrap:anywhere}.build-line-copy b{color:#c7b38f;font-size:12px;font-weight:400}.build-line-copy small{font-size:10px;color:#94acb7}.planner-workshop .build-list button{width:32px;min-width:32px;height:36px;min-height:36px;padding:0;background:#213743;color:#c6b49b;border-color:#55707d}.planner-empty{padding:22px 0;text-align:center}.planner-empty>span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px dashed #69818b;color:#9db5be;margin-bottom:10px}.planner-empty p{color:#ccd9dc;margin:0;font-size:14px}.planner-empty small{color:#93abb6;font-size:12px}.planner-workshop .planner-notes{border-color:#405c69;margin-top:10px;padding-top:0}.planner-workshop .planner-notes>summary{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:#b9cbd1;font-size:13px;list-style:none}.planner-notes textarea{margin-top:5px;min-height:120px}.planner-workshop .planner-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.planner-workshop .planner-save-actions button{min-height:46px;font-size:13px;padding:10px 8px;border-radius:2px;background:#1d3541;color:#d1dce0;border-color:#5a7481;box-shadow:inset 0 1px #ffffff08}.planner-workshop .planner-save-actions #save{grid-column:1/-1;background:#d2b48c;border-color:#dac09e;color:#152832;border-bottom:3px solid #927552}.planner-workshop .planner-save-actions #clear{grid-column:1/-1;background:none;color:#a1b4bc;border:0;min-height:38px;padding:5px}.planner-workshop .planner-save-actions button:hover{background:#304b58;color:#f3eddf}.planner-workshop .planner-save-actions #save:hover{background:#e2c8a5;color:#12242c}.planner-storage-note{color:#93aab4;font-size:12px;margin:12px 0 0;line-height:1.9}.planner-workshop .planner-price-help{border-color:#405b68;margin-top:15px;padding-top:0}.planner-workshop .planner-price-help summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a5bbc4;list-style:none;padding:9px 0}.planner-price-help p{font-size:12px;color:#96aeb9;line-height:1.9}.planner-workshop #share-result{overflow-wrap:anywhere;font-size:13px;color:#c6d6db}.planner-workshop #share-result input{background:#112530;color:#e4e7e0;border-color:#526d7b;width:100%}
.workshop-saved-heading{margin:46px 0 22px;padding-top:25px;border-top:1px solid #4c616c;scroll-margin-top:24px}.planner-workshop .workshop-saved-heading h2{color:#e5e5d9;font-size:27px}.workshop-saved-heading p{color:#9ab1bc;font-size:14px;margin:8px 0}.planner-workshop .saved{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.planner-workshop .saved-build-card{background:#1a303c;border-color:#405e6d;color:#d0dce0;padding:22px;margin:0;display:flex;flex-direction:column;gap:20px;justify-content:space-between;min-width:0}.saved-build-card>div>span{font:13px Georgia;color:#b9a785}.planner-workshop .saved-build-card h3{color:#e3e5dc;font-size:20px;overflow-wrap:anywhere}.saved-build-card p{font-size:13px;color:#9db5bf}.saved-build-actions{display:flex;gap:12px;align-items:center}.planner-workshop .saved-build-actions button{background:none;color:#bdcdd3;border-color:#54717f;font-size:12px}.planner-workshop .saved-build-actions [data-delete]{border-color:transparent;color:#98abb3}.planner-saved-empty{grid-column:1/-1;border:1px dashed #506875;padding:30px;text-align:center;background:#152a3566}.planner-saved-empty p{color:#bfd0d6;font-size:15px;margin:0 0 8px}.planner-saved-empty small{color:#94adb9;font-size:13px}
/* Hero picker is part of the workshop; collectible item dialogs keep their own design. */
.planner-workshop #hero-picker{background:#172b36;color:#d8e3e6;border-color:#567581}.planner-workshop #hero-picker h2{color:#e5e2d4}.planner-workshop #hero-picker p{color:#a7bec8}.planner-workshop #hero-picker-search{background:#10232e;color:#dce5e7;border-color:#526f7f}.planner-workshop #hero-picker .hero-choice{background:#1c3441;border-color:#4c6b7a;color:#d5e0e4}.planner-workshop #hero-picker .hero-choice.selected{border-color:#d2b48c;background:#34433f}.planner-workshop #hero-picker .close{color:#d1b18a}.planner-workshop :is(.hero-select,.skill-stages button,.skill-adjust button,#save,#share,#publish):focus-visible{outline:2px solid #ecd4ae;outline-offset:4px}
@media(max-width:1100px){.planner-workshop .planner{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.planner-workshop .build-panel{padding:20px}.planner-workshop .planner-loadout{padding:22px}.planner-workshop .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-workshop .hero-select-label{display:none}.planner-workshop .saved{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.planner-workshop .planner{display:grid;grid-template-columns:1fr}.planner-workshop .planner>section{display:contents}.planner-workshop .planner-loadout{order:1}.planner-workshop .game-rack{order:2;margin-top:0}.planner-workshop .build-panel{order:3;position:static;max-height:none}.planner-workshop .planner .game-store{order:4}.planner-workshop .build-list{max-height:240px}.planner-workshop .hero-select-label{display:block}.planner-workshop .planner-save-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.planner-workshop .planner-save-actions #save{grid-column:auto}.planner-workshop .planner-save-actions #clear{grid-column:1/-1}.planner-workshop .workshop-heading{align-items:start}.workshop-quick{justify-content:end}.planner-workshop .build-panel .total{font-size:40px}}
@media(max-width:600px){body.planner-workshop{background-attachment:scroll;background-size:auto,auto 1400px;background-repeat:repeat,no-repeat}.planner-workshop main{padding:24px 16px 50px}.workshop-heading{display:block;margin-bottom:23px;padding-bottom:23px}.planner-workshop .workshop-heading h1{font-size:36px}.workshop-heading p{font-size:14px}.workshop-quick{justify-content:start;margin-top:20px;gap:10px}.planner-workshop .workshop-quick button{font-size:12px;padding:9px 14px}.loadout-heading{align-items:start}.planner-workshop .loadout-heading h2{font-size:19px}.loadout-heading>span{font-size:11px}.planner-workshop .planner-loadout,.planner-workshop .build-panel{padding:20px 16px}.planner-workshop .hero-select{padding:12px!important;gap:12px}.planner-workshop .hero-select-image img{width:60px;height:72px}.planner-workshop .hero-select strong{font-size:25px}.planner-workshop .hero-select .muted{font-size:11px}.planner-workshop .hero-select-label{display:none}.planner-workshop .skill-grid{gap:10px}.planner-workshop .skill-card{padding:14px 8px}.planner-workshop .skill-card>strong{font-size:15px}.planner-workshop .skill-picture{width:67px;height:67px}.planner-workshop .skill-planner>.muted{font-size:12px}.planner-workshop .skill-heading h3{font-size:21px}.planner-workshop .planner-skills>summary{font-size:14px}.planner-skills>summary small{font-size:11px}.planner-workshop .game-rack{padding:14px}.planner-workshop .planner-save-actions{grid-template-columns:1fr 1fr}.planner-workshop .planner-save-actions #save{grid-column:1/-1}.planner-workshop .saved{grid-template-columns:1fr}.planner-workshop .workshop-saved-heading h2{font-size:25px}.planner-workshop .build-list{max-height:250px}.planner-workshop .step-actions button{min-width:32px;min-height:36px}.planner-workshop .skill-stages button{min-height:42px}}
/* Start with the store in view; ability progression opens when the player needs it. */
body.planner-workshop{background-image:linear-gradient(100deg,#101e27cb,#11232be6),url('assets/hero-wallpapers/2.webp')}.planner-workshop .planner-skills .skill-heading{display:none}.planner-workshop .skill-grid{margin-top:16px}.planner-workshop .build-list button{min-width:44px;width:44px;height:44px;min-height:44px}.planner-workshop .build-panel-heading>span,.planner-workshop .rack-summary>span{direction:ltr;unicode-bidi:isolate}.planner-workshop .planner-skills>summary{padding-bottom:13px}.planner-workshop .planner-skills[open]>summary{padding-bottom:2px}
@media(max-width:900px){.planner-workshop .build-panel{grid-row:auto;grid-column:auto}}