/* Standalone War Room only. No declaration in this file reaches Preparations. */ #profilesDrawer:not(.preparation-war-room) { --wr-surface:#142334;--wr-raised:#203244;--wr-line:#465b6c; --wr-text:#fff0ce;--wr-muted:#cbd5d9;--wr-gold:#f2cd6c; display:grid;grid-template-columns:192px minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto; width:min(1320px,100vw);padding:0;gap:0;background:var(--wr-surface); color:var(--wr-text);border:1px solid #7b6848;box-shadow:-18px 0 50px #02070c73; font:500 15px/1.5 'Barlow',sans-serif; } #profilesDrawer:not(.preparation-war-room)[hidden] {display:none;} #profilesDrawer:not(.preparation-war-room) [hidden] {display:none;} #profilesDrawer:not(.preparation-war-room) > .drawer-head { grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:12px 24px; margin:0;padding:20px 24px;background:#ded1af url('assets/parchment-texture-v1.png') center/640px auto; border:0;color:#392f24; } #profilesDrawer:not(.preparation-war-room) .drawer-head > div:first-child {flex:1;min-width:200px;} #profilesDrawer:not(.preparation-war-room) .drawer-head h2 {display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font:700 30px/1.2 Georgia,serif;margin:0;text-transform:none;letter-spacing:-.025em;color:#392f24;} #profilesDrawer:not(.preparation-war-room) .wr-build {font:700 12px/1.3 'Barlow',sans-serif;letter-spacing:0;padding:4px 7px;border:1px solid #806b46;border-radius:4px;color:#453721;} #profilesDrawer:not(.preparation-war-room) #warRoomCrowns {display:flex;flex-wrap:wrap;gap:4px 16px;font:500 13px/1.5 'Barlow',sans-serif;color:#51432d;margin:6px 0 0;} #profilesDrawer:not(.preparation-war-room) #warRoomCrowns {flex-direction:row;align-items:center;} #profilesDrawer:not(.preparation-war-room) .war-room-balance, #profilesDrawer:not(.preparation-war-room) .wr-shards {display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 14px 6px 8px;border:1px solid #92703b;border-radius:8px;background:#f4dfa3;color:#493311;font:700 21px/1.2 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:none;text-transform:none;letter-spacing:0;} #profilesDrawer:not(.preparation-war-room) .war-room-balance::before {content:'';width:34px;height:34px;flex:0 0 34px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='24' cy='24' r='14' fill='%23c58c27' stroke='%23734f18' stroke-width='1.5'/%3E%3Ccircle cx='17' cy='17' r='14' fill='%23f2cd6c' stroke='%23734f18' stroke-width='1.5'/%3E%3Ccircle cx='17' cy='17' r='10.5' fill='none' stroke='%23a77425'/%3E%3Cpath d='m10 14 4 3 3-6 3 6 4-3-2 9H12z' fill='%23734f18'/%3E%3C/svg%3E");} #profilesDrawer:not(.preparation-war-room) .wr-shards {background:#d9e7e9;border-color:#627c87;color:#253e4b;} #profilesDrawer:not(.preparation-war-room) .wr-shards::before {content:'';width:34px;height:34px;flex:0 0 34px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='m20 3 12 12-4 17-8 6-8-6-4-17z' fill='%2387c4d6' stroke='%23345165' stroke-width='1.5'/%3E%3Cpath d='m20 3-5 13 5 22 5-22z' fill='%23d6f4f8'/%3E%3Cpath d='m8 15 7 1 5 22-8-6zm24 0-7 1-5 22 8-6z' fill='%23537f9d'/%3E%3Cpath d='m8 15 7 1 5-13 5 13 7-1M15 16h10M20 38l-5-22m5 22 5-22' fill='none' stroke='%23345165' stroke-width='1'/%3E%3C/svg%3E");} #profilesDrawer:not(.preparation-war-room) .war-room-purchase-note {display:none;} #profilesDrawer:not(.preparation-war-room) #warRoomCrowns {gap:8px;margin:0;justify-content:flex-end;} #profilesDrawer:not(.preparation-war-room) .wr-captain {font:600 15px/1.5 'Barlow',sans-serif;text-transform:none;letter-spacing:0;color:#453721;} #profilesDrawer:not(.preparation-war-room) .wr-context {margin-top:8px;} #profilesDrawer:not(.preparation-war-room) .wr-context {display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;font-size:14px;font-weight:600;color:#453721;} #profilesDrawer:not(.preparation-war-room) #closeProfilesButton {flex:none;min-width:44px;min-height:44px;width:44px;height:44px;position:static;align-self:center;color:#392f24;border:1px solid #927c53;background:transparent;} #profilesDrawer:not(.preparation-war-room) .inventory-tabs { grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:stretch;gap:3px; position:static;margin:0;padding:16px 12px;min-height:0;overflow:auto; background:#101d2b;border:0;backdrop-filter:none;scrollbar-width:thin;scrollbar-color:#647586 #101d2b; } #profilesDrawer:not(.preparation-war-room) .inventory-tabs::-webkit-scrollbar {display:block;width:6px;} #profilesDrawer:not(.preparation-war-room) .inventory-tabs button { flex:none;justify-content:flex-start;min-width:0;width:100%;min-height:46px;padding:8px 10px;gap:10px; color:var(--wr-muted);background:transparent;border:1px solid transparent;border-radius:6px; font:600 15px/1.2 'Barlow',sans-serif;text-transform:none;letter-spacing:0;text-shadow:none;box-shadow:none;transform:none; } #profilesDrawer:not(.preparation-war-room) .inventory-tabs button > span {white-space:normal;} #profilesDrawer:not(.preparation-war-room) .inventory-tabs button::after {content:none;} #profilesDrawer:not(.preparation-war-room) .inventory-tabs button:hover {color:var(--wr-text);background:var(--wr-raised);transform:none;} #profilesDrawer:not(.preparation-war-room) .inventory-tabs button[aria-selected=true] {color:var(--wr-gold);background:#26394b;border-color:#8f7b50;box-shadow:none;} #profilesDrawer:not(.preparation-war-room) .inventory-tab-icon {width:24px;height:24px;flex:0 0 24px;filter:none;transform:none;} #profilesDrawer:not(.preparation-war-room) .wr-nav-group {display:block;margin:18px 10px 6px;color:#bdc9d1;font:700 12px/1.3 'Barlow',sans-serif;letter-spacing:.06em;text-transform:uppercase;} #profilesDrawer:not(.preparation-war-room) .wr-nav-group:first-child {margin-top:2px;} #profilesDrawer:not(.preparation-war-room) .wr-utility {grid-column:1;grid-row:3;padding:10px 12px;background:#101d2b;} #profilesDrawer:not(.preparation-war-room) .reset-progress-button {margin:0;min-height:44px;width:100%;padding:8px;background:transparent;color:#e2c6bd;border:1px solid transparent;border-radius:6px;font:600 13px 'Barlow',sans-serif;text-align:left;text-transform:none;} #profilesDrawer:not(.preparation-war-room) .reset-progress-button:hover {background:#392c31;color:#ffe0d6;} #profilesDrawer:not(.preparation-war-room) > .inventory-pane[data-inventory-pane] { grid-column:2;grid-row:2/4;display:block;min-width:0;min-height:0;overflow:auto; margin:0;padding:28px 32px 40px;flex:initial;background:var(--wr-surface);border:0;border-radius:0;color:var(--wr-text); scrollbar-color:#647586 #142334;scrollbar-width:thin;scroll-padding:20px; } #profilesDrawer:not(.preparation-war-room) > .inventory-pane[data-inventory-pane][hidden] {display:none;} #profilesDrawer:not(.preparation-war-room) .wr-section-head {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 20px;margin:0 0 28px;padding:0 0 20px;border-bottom:1px solid var(--wr-line);} #profilesDrawer:not(.preparation-war-room) .wr-section-head h3 {flex:1;margin:0;font:700 30px/1.1 'Barlow Condensed',sans-serif;text-transform:none;letter-spacing:0;color:var(--wr-text);} #profilesDrawer:not(.preparation-war-room) .wr-section-head p {grid-row:2;grid-column:1/-1;margin:0;max-width:70ch;color:var(--wr-muted);font:500 15px/1.5 'Barlow',sans-serif;} #profilesDrawer:not(.preparation-war-room) .wr-slot-count {grid-row:1;grid-column:2;} #profilesDrawer:not(.preparation-war-room) .wr-slot-count {color:var(--wr-gold);font:600 14px 'Barlow',sans-serif;white-space:nowrap;} #profilesDrawer:not(.preparation-war-room) .inventory-pane :is(p,li) {line-height:1.5;} #profilesDrawer:not(.preparation-war-room) .inventory-pane > :is(h3,p), #profilesDrawer:not(.preparation-war-room) :is(.enemy-guide-heading,.relic-vault > header) h3, #profilesDrawer:not(.preparation-war-room) .enemy-guide-heading p, #profilesDrawer:not(.preparation-war-room) .prepare-equipped > .prepare-heading, #profilesDrawer:not(.preparation-war-room) .camp-pane > .camp-section-heading, #profilesDrawer:not(.preparation-war-room) .back-to-slots {display:none;} #profilesDrawer:not(.preparation-war-room) .inventory-pane .wr-store-note {display:block;margin:-8px 0 24px;color:var(--wr-gold);font-size:14px;max-width:70ch;} #profilesDrawer:not(.preparation-war-room) .inventory-pane .camp-pane {padding:0;background:transparent;border:0;margin:0;} #profilesDrawer:not(.preparation-war-room) .inventory-pane :is(.inventory-section-heading,.player-attribute-heading,.run-upgrade-heading) {margin:24px 0 16px;gap:12px;} #profilesDrawer:not(.preparation-war-room) :is(.inventory-section-heading,.player-attribute-heading,.run-upgrade-heading) :is(h3,h4) {font:700 24px/1.2 'Barlow Condensed',sans-serif;text-transform:none;letter-spacing:0;} #profilesDrawer:not(.preparation-war-room) :is(.inventory-section-heading,.player-attribute-heading,.run-upgrade-heading) p {font-size:14px;color:var(--wr-muted);} #profilesDrawer:not(.preparation-war-room) .battle-preparation {margin:0;gap:24px;} #profilesDrawer:not(.preparation-war-room) .prepare-equipped {display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 24px;} #profilesDrawer:not(.preparation-war-room) .spell-socket-hint {width:100%;margin:0 0 16px;font-size:15px;} #profilesDrawer:not(.preparation-war-room) .spell-socket-bar {width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:16px;max-width:900px;margin:0 0 28px;padding:4px;} #profilesDrawer:not(.preparation-war-room) .spell-socket-bar .spell-socket-well {height:148px;padding:16px 6px 30px;border-radius:12px;outline:0;background:var(--wr-raised);box-shadow:none;border:1px solid #7a714f;} #profilesDrawer:not(.preparation-war-room) .spell-socket-well > :is(.spell-art,.command-art,svg,img) {width:58px;height:58px;flex:0 0 58px;} #profilesDrawer:not(.preparation-war-room) .spell-socket-bar .spell-socket strong {font:700 17px/1.15 'Barlow Condensed',sans-serif;text-transform:none;} #profilesDrawer:not(.preparation-war-room) .spell-socket.is-vacant .spell-socket-well {border:1px dashed #647586;background:transparent;} #profilesDrawer:not(.preparation-war-room) .spell-socket.is-vacant .spell-socket-well::after {content:'Assign spell';font:500 14px 'Barlow',sans-serif;color:var(--wr-muted);margin-top:12px;} #profilesDrawer:not(.preparation-war-room) .spell-socket[aria-pressed=true] .spell-socket-well {border:2px solid var(--wr-gold);background:#2d4153;} #profilesDrawer:not(.preparation-war-room) .slot-spell-picker {width:100%;padding:24px 0;margin:0 0 24px;border-block:1px solid var(--wr-line);} #profilesDrawer:not(.preparation-war-room) .slot-spell-options {grid-template-columns:repeat(3,minmax(0,1fr));} #profilesDrawer:not(.preparation-war-room) .prepare-empty {align-items:flex-start;text-align:left;padding:12px 0 32px;} #profilesDrawer:not(.preparation-war-room) .prepare-empty p {max-width:52ch;font-size:16px;} #profilesDrawer:not(.preparation-war-room) .defense-action, #profilesDrawer:not(.preparation-war-room) .wr-inspect-skills {min-height:48px;font:600 15px/1.4 'Barlow',sans-serif;padding:12px 20px;border-radius:6px;} #profilesDrawer:not(.preparation-war-room) .wr-inspect-skills {color:var(--wr-gold);border:1px solid #8f7b50;background:transparent;cursor:pointer;} #profilesDrawer:not(.preparation-war-room) .defender-inventory-preview {grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);box-shadow:none;border-radius:12px;} #profilesDrawer:not(.preparation-war-room) .inventory-character-copy {padding:24px;} #profilesDrawer:not(.preparation-war-room) #inventoryCharacterName {font:700 28px 'Barlow Condensed',sans-serif;text-transform:none;} #profilesDrawer:not(.preparation-war-room) :is(.inventory-character-copy p,.equipment-picker-rule,.equipment-picker-detail span) {font-size:14px;} #profilesDrawer:not(.preparation-war-room) .equipment-picker-item strong {font:700 17px/1.2 'Barlow Condensed',sans-serif;text-transform:none;} #profilesDrawer:not(.preparation-war-room) .equipment-picker-item small {font-size:13px;line-height:1.4;} #profilesDrawer:not(.preparation-war-room) .equipment-picker-paging button {min-height:44px;} #profilesDrawer:not(.preparation-war-room) .equipment-item .item-set-description {display:none;} #profilesDrawer:not(.preparation-war-room) .loadout-panel .equipment-slots {display:none;} #profilesDrawer:not(.preparation-war-room) .equipment-stat-sheet {box-shadow:none;} #profilesDrawer:not(.preparation-war-room) .equipment-stat-sheet :is(dt,small) {font-size:13px;line-height:1.4;} #profilesDrawer:not(.preparation-war-room) .equipment-stat-sheet dd {font-size:22px;} #profilesDrawer:not(.preparation-war-room) .equipment-filters {gap:8px;margin:20px 0 16px;} #profilesDrawer:not(.preparation-war-room) .equipment-filters button, #profilesDrawer:not(.preparation-war-room) .skin-options button {color:var(--wr-muted);background:var(--wr-raised);border:1px solid var(--wr-line);border-radius:6px;font:600 15px/1.3 'Barlow',sans-serif;text-transform:none;letter-spacing:0;text-shadow:none;box-shadow:none;transform:none;} #profilesDrawer:not(.preparation-war-room) .equipment-filters button {min-height:44px;padding:10px 16px;} #profilesDrawer:not(.preparation-war-room) .skin-options {gap:12px;} #profilesDrawer:not(.preparation-war-room) .skin-options button {min-height:88px;padding:14px 12px;gap:10px;} #profilesDrawer:not(.preparation-war-room) .equipment-filters button:hover, #profilesDrawer:not(.preparation-war-room) .skin-options button:hover {background:#2d4153;color:var(--wr-text);border-color:#8b9ca8;transform:none;} #profilesDrawer:not(.preparation-war-room) .equipment-filters button[aria-pressed=true], #profilesDrawer:not(.preparation-war-room) .skin-options button[aria-pressed=true] {background:#303a37;color:var(--wr-gold);border-color:var(--wr-gold);box-shadow:inset 0 0 0 1px var(--wr-gold);} #profilesDrawer:not(.preparation-war-room) .skin-customizer h3 {font:700 24px/1.2 'Barlow Condensed',sans-serif;text-transform:none;letter-spacing:0;color:var(--wr-text);} #profilesDrawer:not(.preparation-war-room) .skin-customizer p {font:500 14px/1.5 'Barlow',sans-serif;color:var(--wr-muted);margin:6px 0 0;} #profilesDrawer:not(.preparation-war-room) .skin-customizer p strong {color:var(--wr-text);} #profilesDrawer:not(.preparation-war-room) .wall-armory, #profilesDrawer:not(.preparation-war-room) .keep-customizer {background:var(--wr-surface);border-color:var(--wr-line);color:var(--wr-text);} #profilesDrawer:not(.preparation-war-room) .market-offer, #profilesDrawer:not(.preparation-war-room) .legendary-weapon-offer {background:var(--wr-raised);box-shadow:none;padding:16px;border-color:var(--wr-line);} #profilesDrawer:not(.preparation-war-room) :is(.market-offer,.legendary-weapon-offer):disabled {opacity:1;filter:none;cursor:default;} #profilesDrawer:not(.preparation-war-room) .market-offer :is(small,em), #profilesDrawer:not(.preparation-war-room) .legendary-weapon-copy :is(small,span), #profilesDrawer:not(.preparation-war-room) .legendary-weapon-offer > em {font-size:13px;line-height:1.4;color:var(--wr-muted);text-transform:none;letter-spacing:0;} #profilesDrawer:not(.preparation-war-room) .market-offer strong, #profilesDrawer:not(.preparation-war-room) .legendary-weapon-copy > strong {font:700 19px/1.2 'Barlow Condensed',sans-serif;text-transform:none;color:var(--wr-text);} #profilesDrawer:not(.preparation-war-room) .legendary-weapon-market {grid-template-columns:repeat(2,minmax(0,1fr));} #profilesDrawer:not(.preparation-war-room) .spell-loot-entry {border-radius:12px;background:#101d2b;border-color:var(--wr-line);} #profilesDrawer:not(.preparation-war-room) .spell-loot-entry p {font-size:14px;} #profilesDrawer:not(.preparation-war-room) .spell-loot-entry h4 {font:700 23px/1.2 'Barlow Condensed',sans-serif;} #profilesDrawer:not(.preparation-war-room) #spellLootCollection {gap:20px;margin-top:24px;} #profilesDrawer:not(.preparation-war-room) .relic-vault {width:100%;max-width:none;padding:0;margin:0;border:0;box-shadow:none;background:transparent;} #profilesDrawer:not(.preparation-war-room) .relic-row {min-height:80px;padding:16px 8px;box-shadow:none;border-bottom:1px solid var(--wr-line);} #profilesDrawer:not(.preparation-war-room) .relic-copy strong {font:700 20px 'Barlow Condensed',sans-serif;text-transform:none;} #profilesDrawer:not(.preparation-war-room) .relic-copy small {font-size:14px;line-height:1.5;} #profilesDrawer:not(.preparation-war-room) :is(.relic-rank,.relic-rank em,.relic-vault-note) {font-size:14px;} #profilesDrawer:not(.preparation-war-room) .set-entry {grid-template-columns:180px minmax(0,1fr);gap:24px;padding:24px 0;} #profilesDrawer:not(.preparation-war-room) .set-entry :is(p,li) {font-size:14px;} #profilesDrawer:not(.preparation-war-room) #mercenaryDeployment .formation-slots {gap:16px;} #profilesDrawer:not(.preparation-war-room) #mercenaryDeployment .ally-preview {flex-direction:row;justify-content:center;padding:8px 0 16px;} #profilesDrawer:not(.preparation-war-room) #mercenaryDeployment .ally-preview .formation-art {width:72px;height:72px;flex:0 0 72px;} #profilesDrawer:not(.preparation-war-room) #mercenaryDeployment .ally-icon-grid button {min-height:88px;} #profilesDrawer:not(.preparation-war-room) .mercenary-entry {gap:20px;padding:28px 0;} #profilesDrawer:not(.preparation-war-room) .mercenary-entry h3 {font:700 26px 'Barlow Condensed',sans-serif;text-transform:none;} #profilesDrawer:not(.preparation-war-room) .enemy-guide-heading {margin:0 0 16px;} #profilesDrawer:not(.preparation-war-room) :is(.enemy-guide-category > h4,.enemy-guide-empty strong) {color:var(--wr-text);font-family:'Barlow Condensed',sans-serif;} #profilesDrawer:not(.preparation-war-room) :is(.enemy-guide-category > h4 span,.enemy-guide-empty,.enemy-guide-empty p) {color:var(--wr-muted);font-size:14px;} #profilesDrawer:not(.preparation-war-room) .enemy-guide-empty {min-height:240px;border-color:var(--wr-line);border-radius:12px;} #profilesDrawer:not(.preparation-war-room) :is(.enemy-guide-copy > p,.enemy-status-guide p,.enemy-rank-legend) {font-size:14px;color:var(--wr-muted);} #profilesDrawer:not(.preparation-war-room) #skillTreeGrid {height:auto;min-height:0;container-type:normal;} #profilesDrawer:not(.preparation-war-room) .spell-path-workspace {display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;height:auto;} #profilesDrawer:not(.preparation-war-room) .spell-tree-viewport {max-height:600px;overflow:auto;} #profilesDrawer:not(.preparation-war-room) .spell-tree-detail {display:block;position:sticky;top:0;max-height:none;padding:20px;} #profilesDrawer:not(.preparation-war-room) :is(.tree-detail-description,.tree-evolution p,.tree-next-rank p,.tree-requirements,.tree-readonly-note,.tree-interactions p) {font-size:14px;line-height:1.5;} #profilesDrawer:not(.preparation-war-room) .tree-compact-action {display:none;} #profilesDrawer:not(.preparation-war-room) .spell-map-hint {font-size:13px;line-height:1.5;margin:12px 0;} #profilesDrawer:not(.preparation-war-room) .spell-map-hint::after {content:none;} #profilesDrawer:not(.preparation-war-room) :is(button,summary,a):focus-visible {outline:3px solid #ffe69a;outline-offset:3px;} #profilesDrawer:not(.preparation-war-room) .drawer-head :is(button,a):focus-visible {outline-color:#392f24;} @media(max-width:1100px) { #profilesDrawer:not(.preparation-war-room) .spell-path-workspace {grid-template-columns:minmax(0,1fr);} #profilesDrawer:not(.preparation-war-room) .spell-tree-detail {position:static;} #profilesDrawer:not(.preparation-war-room) .spell-tree-viewport {max-height:440px;} } @media(max-width:960px) { #profilesDrawer:not(.preparation-war-room) {display:flex;flex-direction:column;} #profilesDrawer:not(.preparation-war-room)[hidden] {display:none;} #profilesDrawer:not(.preparation-war-room) > .drawer-head {flex:none;padding:16px;gap:8px 16px;} #profilesDrawer:not(.preparation-war-room) .drawer-head h2 {font-size:26px;} #profilesDrawer:not(.preparation-war-room) .wr-context {order:3;width:100%;font-size:13px;} #profilesDrawer:not(.preparation-war-room) .inventory-section-toggle {display:flex;flex:none;align-items:center;gap:12px;min-height:48px;margin:12px 16px 0;padding:10px 12px;width:calc(100% - 32px);background:var(--wr-raised);color:var(--wr-text);border:1px solid var(--wr-line);border-radius:6px;font:600 15px 'Barlow',sans-serif;text-transform:none;} #profilesDrawer:not(.preparation-war-room) .inventory-section-toggle .section-chevron {width:20px;height:20px;margin-left:auto;fill:none;stroke:var(--wr-gold);stroke-width:2;} #profilesDrawer:not(.preparation-war-room) .inventory-tabs {display:none;} #profilesDrawer:not(.preparation-war-room) .inventory-tabs.sections-open {display:flex;position:absolute;z-index:8;top:var(--wr-menu-top,180px);left:16px;width:calc(100% - 32px);max-height:min(500px,60dvh);padding:12px;margin:0;box-shadow:0 20px 40px #02070c99;overflow:auto;border:1px solid #647586;border-radius:8px;} #profilesDrawer:not(.preparation-war-room) > .inventory-pane[data-inventory-pane] {flex:1;min-height:0;padding:24px 20px 32px;} #profilesDrawer:not(.preparation-war-room) .wr-utility {flex:none;display:flex;justify-content:flex-end;padding:4px 16px;border-top:1px solid var(--wr-line);} #profilesDrawer:not(.preparation-war-room) .reset-progress-button {width:auto;min-height:44px;} #profilesDrawer:not(.preparation-war-room) .wr-section-head {margin-bottom:24px;padding-bottom:16px;} #profilesDrawer:not(.preparation-war-room) .wr-section-head h3 {font-size:28px;} #profilesDrawer:not(.preparation-war-room) .spell-socket-bar {grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;} #profilesDrawer:not(.preparation-war-room) .spell-tree-board {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;height:auto!important;min-width:0;padding:12px;} #profilesDrawer:not(.preparation-war-room) .spell-branches {display:none;} #profilesDrawer:not(.preparation-war-room) .branch-node {position:static;width:100%;height:auto;min-height:130px;padding:8px 4px;gap:6px;} #profilesDrawer:not(.preparation-war-room) .branch-icon {width:52px;height:52px;margin:0 0 6px;} #profilesDrawer:not(.preparation-war-room) .branch-node > strong {font-size:16px;line-height:1.2;} #profilesDrawer:not(.preparation-war-room) .branch-status {display:block;font-size:12px;} #profilesDrawer:not(.preparation-war-room) .spell-tree-viewport {max-height:none;overflow:visible;} #profilesDrawer:not(.preparation-war-room) .tree-compact-action {display:flex;position:sticky;top:0;grid-row:1;z-index:2;background:var(--wr-surface);padding:12px;gap:12px;border:1px solid var(--wr-line);border-radius:6px;} #profilesDrawer:not(.preparation-war-room) .spell-tree-detail {display:none;} #profilesDrawer:not(.preparation-war-room) .info-open .spell-tree-detail {display:block;position:fixed;inset:16px;z-index:130;max-height:calc(100dvh - 32px);overflow:auto;background:var(--wr-surface);border:1px solid var(--wr-line);border-radius:12px;box-shadow:0 0 0 100vmax #02070cd9;} #profilesDrawer:not(.preparation-war-room) .info-open .tree-info-close {display:block;min-height:44px;margin-bottom:20px;} } @media(max-width:600px) { #profilesDrawer:not(.preparation-war-room) > .drawer-head {display:grid;grid-template-columns:minmax(0,1fr) 44px;} #profilesDrawer:not(.preparation-war-room) .drawer-head > div:first-child {display:block;grid-column:1;grid-row:1;} #profilesDrawer:not(.preparation-war-room) .drawer-head h2 {grid-column:1;grid-row:1;} #profilesDrawer:not(.preparation-war-room) #closeProfilesButton {grid-column:2;grid-row:1;} #profilesDrawer:not(.preparation-war-room) #warRoomCrowns {grid-column:1/-1;grid-row:2;margin-top:2px;justify-content:flex-start;} #profilesDrawer:not(.preparation-war-room) .wr-context {grid-column:1/-1;grid-row:3;} #profilesDrawer:not(.preparation-war-room) .drawer-head h2 {font-size:24px;gap:6px 12px;} #profilesDrawer:not(.preparation-war-room) .wr-build {font-size:11px;} #profilesDrawer:not(.preparation-war-room) .drawer-head > div:first-child {min-width:0;} #profilesDrawer:not(.preparation-war-room) .war-room-purchase-note {display:none;} #profilesDrawer:not(.preparation-war-room) .wr-context {font-size:13px;} #profilesDrawer:not(.preparation-war-room) .wr-section-head p {font-size:14px;} #profilesDrawer:not(.preparation-war-room) .spell-socket-bar {grid-template-columns:repeat(3,minmax(0,1fr));} #profilesDrawer:not(.preparation-war-room) .spell-socket-bar .spell-socket-well {height:134px;padding:12px 4px 28px;} #profilesDrawer:not(.preparation-war-room) .spell-socket-well > :is(.spell-art,.command-art,svg,img) {width:48px;height:48px;flex:0 0 48px;} #profilesDrawer:not(.preparation-war-room) .spell-socket-bar .spell-socket strong {font-size:16px;} #profilesDrawer:not(.preparation-war-room) .defender-inventory-preview {grid-template-columns:minmax(0,1fr);grid-template-areas:'portrait' 'picker';} #profilesDrawer:not(.preparation-war-room) .equipment-hero-frame {min-height:320px;} #profilesDrawer:not(.preparation-war-room) .inventory-character-copy {padding:20px 16px;} #profilesDrawer:not(.preparation-war-room) .equipment-picker-items {grid-template-columns:minmax(0,1fr);} #profilesDrawer:not(.preparation-war-room) .slot-spell-options, #profilesDrawer:not(.preparation-war-room) #spellLootCollection, #profilesDrawer:not(.preparation-war-room) .legendary-weapon-market {grid-template-columns:minmax(0,1fr);} #profilesDrawer:not(.preparation-war-room) .spell-loot-entry {display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:16px;} #profilesDrawer:not(.preparation-war-room) .spell-loot-entry > .spell-loot-icon {width:64px;height:64px;align-self:start;} #profilesDrawer:not(.preparation-war-room) .set-entry {grid-template-columns:minmax(0,1fr);} #profilesDrawer:not(.preparation-war-room) .relic-copy small {font-size:13px;} #profilesDrawer:not(.preparation-war-room) .relic-copy strong {font-size:18px;white-space:normal;} #profilesDrawer:not(.preparation-war-room) .spell-tree-board {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;} #profilesDrawer:not(.preparation-war-room) .branch-node > strong {font-size:15px;} #profilesDrawer:not(.preparation-war-room) .branch-node {min-height:140px;} } @media(prefers-reduced-motion:reduce) { #profilesDrawer:not(.preparation-war-room), #profilesDrawer:not(.preparation-war-room) * {animation:none!important;transition:none!important;scroll-behavior:auto!important;} }