/* v45: scope presentation changes to their panels. Existing desktop combat stays intact. */
:root #viewport #combat-menu>#combat-menu-toggle{display:none}
#item-detail-sheet{display:contents}.item-sheet-heading{display:none}
#crafting-dialog#crafting-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;overflow:hidden;padding:16px;height:min(820px,calc(var(--app-height,100dvh) - 24px));width:min(1140px,calc(100vw - 24px));max-height:calc(var(--app-height,100dvh) - 24px);min-height:0}
#crafting-dialog#crafting-dialog .dialog-heading{margin:0;padding:0 0 9px;min-height:36px}
#crafting-dialog#crafting-dialog [hidden]{display:none!important}
#crafting-dialog#crafting-dialog[data-category="home"]{grid-template-rows:auto minmax(0,1fr) auto}
#crafting-content{min-width:0;min-height:0;overflow:hidden}
#crafting-nav{display:flex;flex-wrap:wrap;gap:6px}#crafting-nav button{padding:9px 12px;border:1px solid #395366;border-radius:7px;background:#152838;color:#d9e8ef;font-size:14px;min-height:40px}#crafting-nav button[aria-current="true"]{border-color:#79d1be;background:#214838;color:#c7ffef}
#crafting-dialog .crafting-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;height:100%;align-content:center;padding:12px;overflow:auto}
#crafting-dialog .crafting-home button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:180px;padding:22px 10px;border:1px solid #426178;border-radius:12px;background:linear-gradient(140deg,#1a3448,#0d202f);color:#e7f3f9;text-align:center}
.crafting-home button:hover{border-color:#9edccd!important}.crafting-home strong{font-size:21px}.crafting-home span{font-size:13px;color:#a8bdce}.crafting-home img,.crafting-home .home-category-mark{width:56px;height:56px;object-fit:contain;font-size:36px;color:#c6dfc7;line-height:56px}
#crafting-dialog#crafting-dialog .crafting-category{height:100%;min-height:0;overflow:auto;margin:0;padding:0}
#crafting-dialog#crafting-dialog .crafting-layout{display:grid;grid-template-columns:minmax(235px,.72fr) minmax(0,1.6fr);gap:12px;height:100%;min-height:0;margin:0}
#crafting-dialog#crafting-dialog .crafting-recipes{display:flex;flex-direction:column;padding:10px;min-height:0;overflow:auto;border:1px solid #324a60}
#crafting-dialog#crafting-dialog #crafting-list,#crafting-dialog#crafting-dialog #pendant-crafting{display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:none}
#crafting-dialog#crafting-dialog .craft-recipe,#crafting-dialog#crafting-dialog .pendant-craft-button{flex:none;min-height:68px;width:100%;white-space:normal;padding:12px;min-width:0}
#crafting-dialog#crafting-dialog .craft-recipe{display:grid;grid-template-columns:7px minmax(0,1fr);gap:10px}
#crafting-dialog#crafting-dialog .craft-recipe strong{white-space:normal;overflow:visible;font-size:15px;line-height:1.5}
#crafting-dialog#crafting-dialog .craft-recipe:after{grid-column:2;display:block;font-size:12px}
#crafting-dialog#crafting-dialog .pendant-craft-button{display:grid;grid-template-columns:40px minmax(0,1fr);gap:6px;background:#142b39;border:1px solid #395468;border-radius:8px;color:#e7edf7}
#crafting-dialog#crafting-dialog .pendant-craft-button.selected{border-color:#86d4be;background:#1b3b42}.pendant-craft-button strong{font-size:15px}.pendant-craft-button small{font-size:13px}
#crafting-dialog#crafting-dialog .crafting-detail{display:block;height:100%;min-height:0;overflow:auto;padding:16px;scrollbar-width:thin}
#crafting-dialog#crafting-dialog .crafting-item-head{align-items:center;gap:10px}#crafting-dialog#crafting-dialog .crafting-item-head>img{width:50px;height:50px;object-fit:contain;flex:0 0 50px}#crafting-dialog#crafting-dialog .crafting-item-head>div:not(.craft-combo){flex:1;min-width:0}
#crafting-dialog#crafting-dialog .crafting-item-head h3{font-size:21px;line-height:1.4;overflow-wrap:anywhere}.crafting-item-head p{line-height:1.6}
#crafting-dialog#crafting-dialog .craft-requirements{display:grid;gap:5px}
#crafting-dialog#crafting-dialog .craft-requirement{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 8px;min-width:0;background:#0c1a28;border-radius:6px}
#crafting-dialog#crafting-dialog .craft-requirement>span{font-size:14px;line-height:1.5;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
#crafting-dialog#crafting-dialog .craft-requirement>b{font-size:14px;white-space:nowrap}#crafting-dialog#crafting-dialog .craft-requirement>small{grid-column:2;font-size:11px;text-align:right;color:#89bfad}#crafting-dialog#crafting-dialog .craft-requirement.missing>small{color:#eda1a4}
#crafting-dialog#crafting-dialog .crafting-detail h4{font-size:16px;margin:16px 0 9px}.crafting-detail h4 small{float:right;font-size:12px;color:#a5bccd}
#crafting-dialog#crafting-dialog .craft-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.craft-stats>div:last-child{grid-column:1/-1}#crafting-dialog#crafting-dialog .craft-stats span{font-size:12px}#crafting-dialog#crafting-dialog .craft-stats b{font-size:15px}
#crafting-dialog#crafting-dialog .crafting-drop-hint{font-size:12px;line-height:1.7}
#crafting-dialog#crafting-dialog .craft-button{min-height:46px;font-size:15px;position:sticky;bottom:0;box-shadow:0 -5px 12px #0d1d2f;z-index:2}
#crafting-dialog#crafting-dialog .crafting-status{font-size:12px;line-height:1.5;min-height:18px;margin:0;overflow-wrap:anywhere}
.pendant-slot-label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;font-size:14px}.pendant-slot-label select{padding:9px;background:#183041;color:#f0f5fb;border:1px solid #4f7288;border-radius:7px;min-height:42px}
#crafting-dialog#crafting-dialog #refining-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.refining-card{background:#112435;padding:16px;border:1px solid #3d586e;border-radius:10px;min-width:0}.refining-card h3{font-size:18px;margin:0 0 12px}.refining-card .refining-button{text-align:center}
#crafting-dialog#crafting-dialog .crafting-materials{display:flex;flex-direction:column;padding:12px;min-height:0;overflow:hidden}
.material-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0 12px}.material-filters input[type="search"]{width:min(330px,100%);min-width:100px;padding:11px;color:#f2f7fa;background:#0b1c2b;border:1px solid #3d6075;border-radius:7px;font-size:14px}.material-filters label{font-size:13px;white-space:nowrap}
#crafting-dialog#crafting-dialog #crafting-material-summary{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:110px;max-height:none;min-height:0;overflow-y:auto;gap:10px;align-content:start;padding:3px}
#crafting-dialog#crafting-dialog .craft-material{height:110px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:36px 20px minmax(0,1fr);grid-template-areas:"icon name" "icon count" "drop drop";gap:4px 8px;padding:10px;overflow:hidden}
#crafting-dialog#crafting-dialog .craft-material-icon{grid-area:icon;width:34px;height:34px}#crafting-dialog#crafting-dialog .craft-material-icon img{width:34px;height:34px;object-fit:contain}
#crafting-dialog#crafting-dialog .craft-material-name{grid-area:name;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:18px;white-space:normal;word-break:keep-all}
#crafting-dialog#crafting-dialog .craft-material-count{grid-area:count;font-size:14px;align-self:center}.material-drop-info{grid-area:drop;color:#9eb4c8;font-size:10px;line-height:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.craft-empty{grid-column:1/-1;line-height:1.7;color:#b0c7d6}
#crafting-dialog .recipe-back{display:none}
.growth-panel{padding:10px;overflow:auto}.growth-panel h3{font-size:21px}.growth-panel p{font-size:13px;line-height:1.7;color:#acc6d7}.growth-milestone{display:flex;flex-direction:column;gap:8px;padding:16px;background:#21372e;border:1px solid #648b62;border-radius:10px}.growth-milestone small{color:#aebfae}.growth-branches{display:grid;gap:10px;margin:12px 0}.growth-branch{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#142838;border:1px solid #3c566a;border-radius:10px;padding:14px}.growth-branch p{margin:6px 0}.growth-branch small{color:#badfc4}.growth-actions{display:flex;gap:6px}.growth-actions button{width:44px;height:44px;font-size:24px;background:#285045;color:#e1ffe9;border:1px solid #88b8a2;border-radius:8px}.growth-actions button:disabled{opacity:.35}
.toast.heroic{border:2px solid #ffb64f!important;background:linear-gradient(100deg,#35220b,#5b3510,#35220b)!important;color:#ffe1a3!important;font-size:17px!important;box-shadow:0 0 20px #ff981b66!important;padding:14px!important}
/* Portrait only: free the center/top field and show a real item-detail overlay. */
@media(max-width:599px) and (orientation:portrait), (any-pointer:coarse) and (orientation:portrait){
 :root #viewport #combat-menu.bottom-right{top:auto;bottom:calc(var(--skillbar-height,210px) + 8px);left:auto;right:max(10px,var(--safe-right,0px));width:164px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;transform:none;z-index:12;padding:0}
 :root #viewport #combat-menu>#auto-skills-button{grid-column:1;grid-row:1;display:flex;min-height:44px;padding:6px;font-size:12px;background:#183a34ed}
 :root #viewport #combat-menu>#combat-menu-toggle{grid-column:2;grid-row:1;display:flex;min-height:44px;padding:6px;background:#183044f5}
 :root #viewport #combat-menu>.bag-button:not(#auto-skills-button):not(#combat-menu-toggle){display:none}
 :root #viewport #combat-menu[data-expanded="true"]{padding:8px;width:180px;background:#081725f5;border:1px solid #739095;border-radius:10px}
 :root #viewport #combat-menu[data-expanded="true"]>.bag-button:not(#auto-skills-button):not(#combat-menu-toggle){display:flex;grid-column:1/-1;min-height:42px;justify-content:flex-start;padding:8px 12px;position:static}
 :root #viewport #combat-menu[data-expanded="true"]>.bag-button>div{font-size:13px}
 :root #viewport #combat-menu .bag-button>small,:root #viewport #combat-menu .bag-button div>small{display:none}
 #combat-menu-alert{color:#ffcc60}
 :root dialog#inventory-dialog#inventory-dialog[open]{position:fixed;display:flex;flex-direction:column;overflow:hidden;height:calc(var(--app-height) - 16px);min-height:0;padding:10px;max-height:calc(var(--app-height) - 16px)}
 :root #inventory-dialog#inventory-dialog .cube-layout{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;margin:0}
 :root #inventory-dialog#inventory-dialog .inventory-catalog{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
 :root #inventory-dialog#inventory-dialog .equipment-panel{flex:0 0 auto}
 :root #inventory-dialog#inventory-dialog .items-panel{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}
 :root #inventory-dialog#inventory-dialog #inventory-scroll{flex:1;min-height:80px;max-height:none;overflow:auto}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet{display:none}
 :root #inventory-dialog#inventory-dialog[data-detail-open="true"] #item-detail-sheet{position:absolute;inset:48px 0 0;z-index:20;display:flex;flex-direction:column;background:#0b1a28;border-top:1px solid #52738a;min-height:0;padding:10px 10px max(10px,env(safe-area-inset-bottom,0px));box-shadow:0 -12px 32px #0008;border-radius:12px 12px 0 0}
 .item-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 10px;min-height:40px}.item-sheet-heading strong{font-size:13px}.item-sheet-heading button{min-height:40px}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet #item-inspector{display:flex;flex-direction:column;flex:1;min-height:0;height:auto;overflow:auto;padding:8px;max-height:none}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .inspection-heading{display:grid;grid-template-columns:1fr;gap:5px;flex:none}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .comparison-item:not(.comparison-selected){display:none}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .comparison-item img{width:44px;height:44px}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .skill-delta-summary{order:3;flex:none;max-height:120px;overflow:auto}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .inspection-body{display:block;flex:1;min-height:130px;overflow-y:auto;height:auto;max-height:none;order:2}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .gear-option-compare{display:flex;flex-direction:column;gap:12px}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .selected-pane{order:-1}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .item-actions{order:4;position:sticky;bottom:0;flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:#0b1a28;padding-top:8px;margin:0}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .item-actions button{min-height:40px;padding:6px;font-size:12px;white-space:normal}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .item-actions #equip-selected-item{grid-column:1/-1}
 :root #crafting-dialog#crafting-dialog[open]{padding:10px;width:calc(100vw - 12px);height:calc(var(--app-height) - 12px);max-height:calc(var(--app-height) - 12px);gap:8px}
 #crafting-nav{gap:4px;flex-wrap:nowrap}#crafting-nav button{flex:1;min-width:0;font-size:12px;padding:7px 4px;min-height:40px}
 #crafting-dialog .crafting-home{gap:10px;padding:4px;align-content:center}.crafting-home strong{font-size:17px}#crafting-dialog .crafting-home button{min-height:160px;padding:12px 6px}.crafting-home span{font-size:11px;line-height:1.6}
 #crafting-dialog#crafting-dialog .crafting-layout{display:flex;flex-direction:column;min-height:0;gap:0}
 #crafting-dialog#crafting-dialog .crafting-recipes{height:100%;flex:1;padding:8px}
 #crafting-dialog#crafting-dialog .crafting-detail{display:none;padding:12px;min-height:0;flex:1;height:100%;overflow:auto}
 #crafting-dialog#crafting-dialog[data-recipe-open="true"] :is(#crafting-weapon-screen,#crafting-pendant-screen){display:flex;flex-direction:column}
 #crafting-dialog#crafting-dialog[data-recipe-open="true"] .crafting-layout{flex:1;min-height:0;height:auto}
 #crafting-dialog#crafting-dialog[data-recipe-open="true"] .crafting-recipes{display:none}
 #crafting-dialog#crafting-dialog[data-recipe-open="true"] .crafting-detail{display:block}
 #crafting-dialog#crafting-dialog[data-recipe-open="true"] .recipe-back{display:block;min-height:40px;margin:0 0 8px;align-self:flex-start}
 #crafting-dialog#crafting-dialog .crafting-item-head h3{font-size:18px}#crafting-dialog#crafting-dialog .crafting-item-head p{font-size:12px}#crafting-dialog#crafting-dialog .craft-requirement>span,#crafting-dialog#crafting-dialog .craft-requirement>b{font-size:13px}
 #crafting-dialog#crafting-dialog #refining-actions{grid-template-columns:1fr;gap:10px}
 #crafting-dialog#crafting-dialog #crafting-material-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #crafting-dialog#crafting-dialog .crafting-materials{padding:8px}#crafting-dialog#crafting-dialog .craft-material{padding:8px;grid-template-columns:26px minmax(0,1fr);gap:4px 6px}
 #crafting-dialog#crafting-dialog .craft-material-icon,#crafting-dialog#crafting-dialog .craft-material-icon img{width:26px;height:26px}
 #crafting-dialog#crafting-dialog .craft-material-name{font-size:12px}#crafting-dialog#crafting-dialog .craft-material-count{font-size:13px}
 :root #skills-dialog[data-skills-tab="growth"] .specialization-layout{display:block;overflow:auto}:root #skills-dialog[data-skills-tab="growth"] #skill-collection{display:none}:root #skills-dialog[data-skills-tab="growth"] #specialization-detail{overflow:visible;height:auto;max-height:none}
 .growth-branch{padding:10px}.growth-branch strong{font-size:15px}
}
@media(min-width:600px) and (max-width:849px){#crafting-dialog#crafting-dialog #crafting-material-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Override legacy fixed heights, child padding and flex shrink as well as columns. */
#crafting-dialog#crafting-dialog .craft-material{height:110px;min-height:110px;max-height:110px;align-content:stretch}
#crafting-dialog#crafting-dialog .craft-requirement{min-height:52px;grid-template-rows:auto auto;align-content:center;row-gap:0;padding:7px 8px}
#crafting-dialog#crafting-dialog .craft-requirement>b{padding:0;margin:0;line-height:20px}
#crafting-dialog#crafting-dialog .craft-requirement>small{padding:0;margin:0;line-height:16px}
#crafting-dialog#crafting-dialog .craft-button:disabled{opacity:1;background:#33494c;color:#b5c5c8;filter:none;box-shadow:0 -5px 12px #0d1d2f}
#skills-dialog#skills-dialog .skills-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#skills-dialog#skills-dialog[data-skills-tab="growth"] :is(.skill-preset-bar,.loadout-guide,.dialog-footer,#skill-collection){display:none}
#skills-dialog#skills-dialog[data-skills-tab="growth"] #skill-selection-status{display:block;font-size:14px;color:#c9e8ce;min-height:34px;padding:8px;margin:0;background:#163333;border-radius:6px}
#skills-dialog#skills-dialog[data-skills-tab="growth"] .specialization-layout{display:block;overflow-y:auto;min-height:0}
#skills-dialog#skills-dialog[data-skills-tab="growth"] #specialization-detail{display:block;overflow:visible;height:auto;max-height:none}
#skills-dialog#skills-dialog .skills-mode-tabs button.active{border-color:#7edaca;background:#29454d;box-shadow:inset 0 -2px #73c9b6}
@media(max-width:599px) and (orientation:portrait), (any-pointer:coarse) and (orientation:portrait){
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .gear-option-compare{display:flex;align-items:stretch;flex-direction:column}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .gear-compare-pane{width:100%;max-width:none;min-height:0;max-height:none;flex:0 0 auto}
 :root #inventory-dialog#inventory-dialog #item-detail-sheet .gear-pane-group{height:auto;max-height:none;overflow:visible}
 #crafting-dialog#crafting-dialog .pendant-slot-label{padding:8px 0}
 #crafting-dialog#crafting-dialog .crafting-detail h4{margin-top:10px}
}

@media (any-pointer:coarse) and (orientation:portrait){
 :root #inventory-dialog#inventory-dialog #equipment-slots{display:grid;grid-template-columns:none;grid-template-rows:repeat(2,64px);grid-auto-flow:column;grid-auto-columns:60px;overflow-x:auto;overflow-y:hidden;max-height:140px;height:140px;min-height:140px;gap:6px;padding:3px}
 :root #crafting-dialog#crafting-dialog #crafting-material-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}