/* Shared compact fantasy menus. UI only: no equipment or progression rules. */
body.arcane-layout #arcane-shell #game-overlay{--menu-gap:10px;--menu-line:#56819566;--menu-text:#d7eaf4;max-width:1160px!important;inset-block:74px 12px!important;border-radius:12px!important;box-shadow:inset 0 0 0 3px #061723,0 16px 48px #0009!important;animation:menu-enter .18s ease-out}
body.arcane-layout #arcane-shell #game-overlay>header{min-height:45px!important;padding:7px 14px!important;background:linear-gradient(110deg,#163b4d,#0b2233 65%,#153747)!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-title{font-size:22px!important;line-height:1.2!important;gap:9px!important}
body.arcane-layout #arcane-shell #overlay-title:before{width:28px;height:28px;flex-basis:28px}
body.arcane-layout #arcane-shell #game-overlay>header>[data-ui=close]{width:30px!important;height:30px!important;min-width:30px!important;font-size:20px!important;border-radius:8px!important}
body.arcane-layout #arcane-shell #overlay-body{padding:10px!important;color:var(--menu-text);font-size:13px;line-height:1.4;scrollbar-gutter:stable;overscroll-behavior:contain}
body.arcane-layout #arcane-shell #overlay-body *{box-sizing:border-box;min-width:0}
body.arcane-layout #arcane-shell #overlay-body :is(h2,h3,h4){line-height:1.25!important;overflow-wrap:break-word}
body.arcane-layout #arcane-shell #overlay-body h2{font-size:20px!important;margin:0 0 8px!important}
body.arcane-layout #arcane-shell #overlay-body h3{font-size:17px!important;margin:0 0 7px!important}
body.arcane-layout #arcane-shell #overlay-body :is(p,dl){margin-block:7px!important}
body.arcane-layout #arcane-shell #overlay-body :is(.panel,.card,.character-card,.talent-node,.mission-card,.paperdoll,.owned-items,.inventory-v2-detail,.settings-columns>section,.set-codex-entry,.set-codex-summary,.codex-completion-reward,.gacha-heading,.gacha-machine,.workshop-preview,.workshop-cost,.mission-toolbar){padding:11px!important;border-color:#668c9e88!important;border-radius:9px!important;box-shadow:inset 0 1px #d1f7ff10,0 3px 10px #0003!important}
body.arcane-layout #arcane-shell #overlay-body :is(.panel,.paperdoll,.owned-items,.inventory-v2-detail,.talent-header,.mission-card,.workshop-preview,.gacha-machine,.settings-columns>section):after{border-width:12px!important;border-image-width:12px!important;opacity:.7}
body.arcane-layout #arcane-shell #overlay-body button{font-size:12px!important;line-height:1.25!important;min-height:31px;padding:6px 11px;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;white-space:normal;overflow-wrap:break-word}
body.arcane-layout #arcane-shell #overlay-body button:not(:disabled):hover{border-color:#9fe9f2!important;box-shadow:inset 0 1px #d8ffff22,0 0 9px #34ddeb30!important}
body.arcane-layout #arcane-shell #overlay-body button:not(:disabled):active{transform:translateY(1px)}
body.arcane-layout #arcane-shell #overlay-body button:focus-visible{outline:2px solid #7cf4f5;outline-offset:2px}
body.arcane-layout #arcane-shell #overlay-body button:is(.active,.selected,[aria-selected=true],[aria-pressed=true]){background:radial-gradient(ellipse at 50% 100%,#2bdded50,transparent 85%),linear-gradient(#155268,#0a3e53)!important;border-color:#8de7ed!important;box-shadow:inset 0 -2px 0 #49e8eb88,0 0 8px #2bcad52b!important}
body.arcane-layout #arcane-shell #overlay-body :is(input:not([type=checkbox]):not([type=range]),select){min-height:32px!important;padding:6px 9px!important;font-size:12px!important;background:#091e2d!important;border:1px solid #53788e!important;border-radius:7px;color:#d9edf5!important}
body.arcane-layout #arcane-shell #overlay-body :is(.difficulty-tabs,.workshop-tabs,.craft-type-menu,.craft-hero-menu,.codex-tabs,.inventory-tabs,.bulk-tabs,.gacha-tabs,.codex-filter-row){gap:5px!important;padding:3px 0 7px!important;margin:0 0 8px!important}
body.arcane-layout #arcane-shell #overlay-body :is(.difficulty-tabs,.workshop-tabs,.craft-type-menu,.craft-hero-menu,.codex-tabs,.inventory-tabs,.bulk-tabs,.gacha-tabs)>button{min-height:30px!important;padding:6px 12px!important;font-size:12px!important}
body.arcane-layout #arcane-shell #overlay-body :is(.set-codex-grid,.mission-list,.workshop-layout,.gacha-layout,.expedition-grid,.character-roster,.skill-grid,.settings-columns){gap:10px!important}
/* Inventory: tighter equipment board, denser bag, readable persistent comparison. */
body.arcane-layout #arcane-shell #game-overlay .inventory-v2{grid-template-columns:minmax(170px,.8fr) minmax(280px,1.65fr) minmax(205px,1fr)!important;gap:9px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2>:is(.paperdoll,.owned-items,.inventory-v2-detail){padding:10px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 h3{font-size:18px!important;margin-bottom:7px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2-equipped>h3,body.arcane-layout #arcane-shell #game-overlay .inventory-v2-bag>header{padding-bottom:7px!important;margin-bottom:8px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-hero-banner{height:49px!important;padding:5px!important;margin-bottom:8px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-hero-banner img{width:40px!important;height:40px!important;flex-basis:40px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-hero-banner h3{font-size:17px!important;margin:0 0 2px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-layout{gap:6px!important;grid-template-columns:1fr 1.2fr 1fr!important;align-content:start!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-layout>section{gap:5px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-left .paper-slot{height:39px!important;max-height:39px!important;min-height:0!important;padding:3px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-right .paper-slot{height:25px!important;max-height:25px!important;padding:2px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-slot img.item-faithful-redraw{width:31px!important;height:31px!important;flex-basis:31px!important;max-height:31px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-right .paper-slot img.item-faithful-redraw{width:21px!important;height:21px!important;flex-basis:21px!important;max-height:21px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-center{gap:17px!important;justify-content:center!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-pet{min-height:54px!important;height:58px!important;max-height:58px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-totals{min-height:56px!important;margin-top:7px!important;padding:6px 8px!important;gap:1px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-totals>div{font-size:12px!important;line-height:16px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs{gap:4px!important;margin-bottom:8px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs>button{min-height:28px!important;padding:4px!important;font-size:11px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .owned-items-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))!important;gap:5px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .owned-item{padding:4px!important;border-radius:7px!important;min-height:0!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2-detail h2{font-size:17px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2-detail .item-detail-icon,body.arcane-layout #arcane-shell #game-overlay .inventory-v2-detail img.item-faithful-redraw{width:82px!important;height:82px!important;flex:0 0 82px!important;padding:0!important;margin:5px auto 8px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2-detail .item-stat-line{padding:5px 0!important;font-size:12px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2-detail .set-bonuses{padding:8px!important;margin:8px 0!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2-detail .item-detail-actions{gap:5px!important;margin-top:7px!important;padding-top:7px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2-detail .item-detail-actions button{height:30px!important;min-height:30px!important;padding:4px 8px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2-actions{min-height:38px!important;padding-top:6px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2-actions .inventory-main-actions{gap:9px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2-actions [data-inventory=equip-best],body.arcane-layout #arcane-shell #game-overlay .inventory-v2-actions summary{font-size:14px!important;min-height:34px!important;padding:7px 14px!important}
/* Every collection uses compact cards rather than oversized blocks. */
body.arcane-layout #arcane-shell #overlay-body .character-roster{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important}
body.arcane-layout #arcane-shell #overlay-body .character-art :is(img,.portrait){max-height:80px!important;height:80px!important}
body.arcane-layout #arcane-shell #overlay-body .skill-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
body.arcane-layout #arcane-shell #overlay-body .skill-grid .skill-icon{width:46px!important;height:46px!important}
body.arcane-layout #arcane-shell #overlay-body .expedition-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important}
body.arcane-layout #arcane-shell #overlay-body :is(.expedition-card-art,.expedition-card-art .expedition-preview){height:155px!important;min-height:155px!important}
body.arcane-layout #arcane-shell #overlay-body .expedition-card-caption{padding:11px!important}
body.arcane-layout #arcane-shell #overlay-body .expedition-card-caption h3{font-size:17px!important}
body.arcane-layout #arcane-shell #overlay-body .mission-card{gap:11px!important}
body.arcane-layout #arcane-shell #overlay-body .mission-card .mission-emblem{width:38px!important;height:38px!important;flex:0 0 38px}
body.arcane-layout #arcane-shell #overlay-body .mission-card .mission-emblem img{width:25px!important;height:25px!important}
body.arcane-layout #arcane-shell #overlay-body .set-codex-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important}
body.arcane-layout #arcane-shell #overlay-body .codex-piece-grid{grid-template-columns:repeat(auto-fit,minmax(37px,1fr))!important;gap:5px!important;margin-top:8px!important}
body.arcane-layout #arcane-shell #overlay-body .codex-piece-grid img{width:32px!important;height:32px!important}
body.arcane-layout #arcane-shell #overlay-body .codex-bonus-row>span{padding:6px 9px!important;gap:7px!important}
body.arcane-layout #arcane-shell #overlay-body .workshop-catalog{gap:6px!important;max-height:440px!important}
body.arcane-layout #arcane-shell #overlay-body .workshop-catalog>button{min-height:51px!important;padding:6px!important;gap:7px!important}
body.arcane-layout #arcane-shell #overlay-body .workshop-catalog>button img{width:35px!important;height:35px!important;flex-basis:35px!important}
body.arcane-layout #arcane-shell #overlay-body .workshop-preview>.workshop-item-icon{width:74px!important;height:74px!important}
body.arcane-layout #arcane-shell #overlay-body .material-chip{padding:6px 8px!important;gap:6px!important;min-width:110px}
body.arcane-layout #arcane-shell #overlay-body .material-chip img.item-faithful-redraw{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}
body.arcane-layout #arcane-shell #overlay-body .workshop-recipes{gap:9px!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-heroes{gap:5px!important;padding:5px 0 8px!important;margin-bottom:8px!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-heroes>button{flex:0 0 77px!important;min-height:65px!important;padding:6px!important;gap:4px!important;font-size:12px!important;grid-template-rows:34px auto!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-heroes img{width:29px!important;height:34px!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-grand-prizes{padding:10px 5px!important;margin-bottom:8px!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-grand-pair{gap:8px!important;margin-top:9px!important}
body.arcane-layout #arcane-shell #overlay-body :is(.gacha-grand-weapon,.gacha-grand-pet){padding:9px!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-grand-pair img{width:65px!important;height:65px!important;padding:3px!important}
body.arcane-layout #arcane-shell #overlay-body :is(.gacha-level-choice,.gacha-guarantee){padding:10px!important;margin:8px 0!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-levels{gap:4px!important;margin:7px 0!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-levels button{min-width:45px!important;padding:5px 8px!important;min-height:29px!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-prize{padding:7px!important;gap:7px!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-prize img{width:38px!important;height:38px!important;flex-basis:38px!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-shop-packs{gap:9px!important;margin:10px 0!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-shop-packs article{padding:11px!important;gap:5px!important}
body.arcane-layout #arcane-shell #overlay-body .gacha-shop-packs article>img{width:53px!important;height:53px!important}
body.arcane-layout #arcane-shell #overlay-body :is(#game-settings,#change-password){gap:10px!important}
body.arcane-layout #arcane-shell #overlay-body .setting-options{gap:4px!important}
body.arcane-layout #modal:not(.compact-item-modal){max-width:min(680px,calc(100vw - 24px))!important;max-height:calc(100dvh - 28px)!important;padding:14px!important;border:1px solid #6b9dad!important;border-radius:11px!important;background:linear-gradient(135deg,#102b3c,#071a29)!important;overflow:auto}
@keyframes menu-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){body.arcane-layout #arcane-shell #overlay-body :is(.character-card,.mission-card,.expedition-card,.set-codex-entry,.gacha-prize){transition:border-color .18s,box-shadow .18s}body.arcane-layout #arcane-shell #overlay-body :is(.character-card,.mission-card,.expedition-card,.set-codex-entry,.gacha-prize):hover{border-color:#80c4d1!important;box-shadow:inset 0 1px #dcffff14,0 0 12px #28bed51c!important}}
@media(max-width:1050px){body.arcane-layout #arcane-shell #game-overlay{inset-inline:10px!important;max-width:none!important}body.arcane-layout #arcane-shell #game-overlay .inventory-v2{grid-template-columns:minmax(180px,.75fr) minmax(280px,1.3fr)!important;height:auto!important;grid-template-rows:auto auto auto!important}body.arcane-layout #arcane-shell #game-overlay[data-view=inventory] #overlay-body{overflow:auto!important;display:block!important}body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-v2-detail{grid-column:1/-1!important;max-height:260px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(135px,.35fr)!important;gap:12px!important}body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-v2-actions{grid-row:auto!important}body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-v2-equipped,body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-v2-bag{height:365px!important}body.arcane-layout #arcane-shell #game-overlay .inventory-v2-detail .item-detail-actions{border-top:0!important;margin:0!important;padding:0!important;justify-content:center!important}}
@media(max-width:650px){body.arcane-layout #arcane-shell #game-overlay{inset:65px 6px 6px!important}body.arcane-layout #arcane-shell #game-overlay>header{padding:7px 10px!important}body.arcane-layout #arcane-shell #game-overlay #overlay-title{font-size:20px!important}body.arcane-layout #arcane-shell #overlay-body{padding:8px!important}body.arcane-layout #arcane-shell #overlay-body button{min-height:36px}body.arcane-layout #arcane-shell #game-overlay .inventory-v2{grid-template-columns:minmax(0,1fr)!important}body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-v2-equipped{height:360px!important}body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-v2-bag{height:390px!important}body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-v2-detail{grid-template-columns:minmax(0,1fr)!important;max-height:none!important}body.arcane-layout #arcane-shell #game-overlay .inventory-v2-detail .item-detail-actions{flex-direction:row!important;flex-wrap:wrap!important}body.arcane-layout #arcane-shell #overlay-body :is(.character-roster,.skill-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}body.arcane-layout #arcane-shell #overlay-body .expedition-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}}
@media(prefers-reduced-motion:reduce){body.arcane-layout #arcane-shell #game-overlay,body.arcane-layout #arcane-shell #overlay-body *{animation:none!important;transition:none!important}}
/* Let the flex body use its actual space instead of an old viewport-based cap. */
body.arcane-layout #arcane-shell #game-overlay{max-height:min(620px,calc(100dvh - 86px))!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body{max-height:none!important;padding:10px!important}
body.arcane-layout #arcane-shell>#game-overlay[data-view=inventory] #overlay-body{padding:10px!important}
@media(max-width:650px){body.arcane-layout #arcane-shell #game-overlay{max-height:calc(100dvh - 71px)!important}body.arcane-layout #arcane-shell #game-overlay #overlay-body{padding:8px!important}}
/* Small category tabs: natural widths, tiny illustrations, no oversized pills. */
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:4px!important;padding:0 0 7px!important;margin:0 0 7px!important;border-bottom:1px solid #4c7a8c55!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;height:26px!important;min-height:26px!important;padding:3px 7px!important;font-size:11px!important;line-height:1!important;border:1px solid #436b7f88!important;border-radius:6px!important;background:linear-gradient(#143144,#0b2131)!important;box-shadow:inset 0 1px #e3ffff08!important;white-space:nowrap!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs>button:before{content:'';width:14px;height:14px;flex:0 0 14px;background:var(--category-art) var(--category-position,center)/var(--category-size,contain) no-repeat;filter:drop-shadow(0 1px 1px #0008)}
body.arcane-layout #arcane-shell #game-overlay .inventory-tabs>[data-value=all]{--category-art:url('assets/ui/arcane/menu-atlas.png');--category-position:66.6667% 0%;--category-size:400% 300%}
body.arcane-layout #arcane-shell #game-overlay .inventory-tabs>[data-value=weapon]{--category-art:url('assets/ui/arcane/guardian-b.png');--category-position:0% 100%;--category-size:200% 200%}
body.arcane-layout #arcane-shell #game-overlay .inventory-tabs>[data-value=equipment]{--category-art:url('assets/ui/arcane/guardian-a.png');--category-position:100% 0%;--category-size:200% 200%}
body.arcane-layout #arcane-shell #game-overlay .inventory-tabs>[data-value=accessory]{--category-art:url('assets/icons/cartoon/crown.svg')}
body.arcane-layout #arcane-shell #game-overlay .inventory-tabs>[data-value=misc]{--category-art:url('assets/icons/cartoon/chest.svg')}
body.arcane-layout #arcane-shell #game-overlay .inventory-tabs>[data-value=pets]{--category-art:url('assets/ui/arcane/menu-atlas.png');--category-position:66.6667% 50%;--category-size:400% 300%}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs>button:is(.active,[aria-pressed=true]){background:linear-gradient(#174656,#0d3546)!important;border-color:#76d5df!important;box-shadow:inset 0 -2px #48e3e8,0 0 6px #26b9cf22!important;color:#e5fcff!important}
@media(max-width:650px){body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs>button{min-height:31px!important;height:31px!important;padding-inline:8px!important}}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:thin}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs>button{padding-inline:5px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs>button:is([data-value=equipment],[data-value=accessory]){font-size:0!important;gap:0!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-tabs>button:is([data-value=equipment],[data-value=accessory]):before{margin-right:4px}
body.arcane-layout #arcane-shell #game-overlay .inventory-tabs>[data-value=equipment]:after{content:'Equip.';font-size:11px;line-height:1}
body.arcane-layout #arcane-shell #game-overlay .inventory-tabs>[data-value=accessory]:after{content:'Acess.';font-size:11px;line-height:1}
@media(max-width:650px){body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs{flex-wrap:wrap!important;overflow:visible}}
body.arcane-layout #arcane-shell #game-overlay .inventory-tabs>[data-value=resources]{--category-art:url('assets/icons/resources/stone.svg')}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .inventory-tabs{flex-wrap:wrap!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-category-note{font:11px/1.4 'Segoe UI',sans-serif;color:#a9cbd9;margin:0 0 8px!important;padding:6px 8px;border-left:2px solid #62bdc7;background:#16344766;border-radius:3px}
body.arcane-layout #arcane-shell #game-overlay .inventory-resource-vault{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:5px;flex:0 0 auto;max-height:150px;overflow:auto;margin-bottom:8px;padding-right:3px}
body.arcane-layout #arcane-shell #game-overlay .inventory-resource-vault .material-chip{min-width:0;padding:5px!important;gap:5px;font-size:10px;overflow:hidden}
body.arcane-layout #arcane-shell #game-overlay .inventory-resource-vault img.item-faithful-redraw{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;flex-basis:27px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-resource-vault b{font-size:12px;color:#d8edf4}
.item-destination{color:#9ee1ed!important;font-size:12px!important;line-height:1.4!important;padding:6px 8px!important;background:#1a485c55;border:1px solid #629aad55;border-radius:6px;margin:7px 0!important}

.resource-stack-count{position:absolute;right:3px;bottom:3px;padding:1px 4px;border-radius:4px;background:#071725e8;color:#e2f8ff;font-size:12px;font-weight:700;text-shadow:0 1px 2px #000;z-index:3}

body.arcane-layout #battlefield .arena-banner{left:50%;top:12px;transform:translateX(-50%);min-width:0;max-width:min(360px,65%);padding:7px 16px;gap:3px;border:1px solid #8cdbec45;border-radius:10px;background:linear-gradient(110deg,#123144b8,#183c4d91);box-shadow:0 3px 12px #03121d30;backdrop-filter:blur(3px);z-index:25;animation:map-arrival 2.2s ease both;pointer-events:none}
body.arcane-layout #battlefield .arena-banner strong{font:500 15px Georgia,serif;color:#d9f5ff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.arcane-layout #battlefield .arena-banner span{font-size:10px;color:#afd3e2}
@keyframes map-arrival{0%{opacity:0;translate:0 -5px}12%,75%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -3px}}

/* Codex shares inventory item surfaces and consistent compact collection cards. */
body.arcane-layout #overlay-body .set-codex-summary{padding:10px 12px!important}
body.arcane-layout #overlay-body .set-codex-summary h2{font-size:17px!important;margin:0 0 5px!important}
body.arcane-layout #overlay-body .set-codex-summary p{font-size:11px!important;margin:5px 0!important}
body.arcane-layout #overlay-body .set-codex-summary>small{display:none}
body.arcane-layout #overlay-body .codex-bonus-row{gap:5px!important;margin:7px 0!important}
body.arcane-layout #overlay-body .codex-bonus-row>span{font-size:10px!important;padding:4px 7px!important;gap:7px!important}
body.arcane-layout #overlay-body .codex-filter-row{gap:5px!important;margin:7px 0!important}
body.arcane-layout #overlay-body .codex-filter-row>button{padding:5px 9px!important;font-size:11px!important;min-height:27px!important}
body.arcane-layout #overlay-body .set-codex-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:10px!important;align-items:stretch}
body.arcane-layout #overlay-body .set-codex-entry{box-sizing:border-box;height:286px!important;display:flex;flex-direction:column;gap:6px;padding:10px!important;border:1px solid color-mix(in srgb,var(--rarity) 65%,#163343)!important;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--rarity) 12%,transparent),transparent 65%),linear-gradient(#102a3b,#091c2b)!important;box-shadow:inset 0 2px color-mix(in srgb,var(--rarity) 60%,transparent),0 2px 8px #0003!important}
body.arcane-layout #overlay-body .set-codex-entry>header{position:relative;flex:0 0 43px;min-height:43px;gap:3px!important;padding:0 48px 5px 0!important;margin:0!important;overflow:hidden}
body.arcane-layout #overlay-body .set-codex-entry>header>b{font-size:13px!important;line-height:17px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.arcane-layout #overlay-body .set-codex-entry>header>small{font-size:10px!important;color:var(--rarity)!important}
body.arcane-layout #overlay-body .set-codex-entry>header>span{position:absolute;right:0;top:1px;margin:0;font-size:10px;padding:4px 5px;border-radius:5px;background:#0a1a27;color:#bce5ec}
body.arcane-layout #overlay-body .set-codex-entry.complete>header>span{color:#94efbe;background:#164535}
body.arcane-layout #overlay-body .codex-completion-reward{flex:0 0 48px;box-sizing:border-box;padding:5px 8px!important;margin:0!important;gap:1px!important;border-color:color-mix(in srgb,var(--rarity) 40%,#24495b)!important;box-shadow:none!important;overflow:hidden}
body.arcane-layout #overlay-body .codex-completion-reward>small{font-size:8px!important;letter-spacing:.6px}
body.arcane-layout #overlay-body .codex-completion-reward>strong{font-size:12px!important;line-height:15px}
body.arcane-layout #overlay-body .codex-completion-reward>span{font-size:9px!important}
body.arcane-layout #overlay-body .codex-drop-locations{flex:0 0 13px;line-height:13px;font-size:9px!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.arcane-layout #overlay-body .codex-piece-grid{display:grid!important;grid-template-columns:repeat(auto-fill,48px)!important;grid-auto-rows:52px;align-content:start;gap:6px!important;margin:0!important;padding:3px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin}
body.arcane-layout #overlay-body .codex-piece-grid>button{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:48px!important;height:52px!important;min-height:52px!important;aspect-ratio:auto!important;padding:3px 3px 12px!important;opacity:1!important;transition:box-shadow .18s,transform .18s}
body.arcane-layout #overlay-body .codex-piece-grid img{width:40px!important;height:36px!important;object-fit:contain}
body.arcane-layout #overlay-body .codex-piece-grid small{position:absolute;bottom:0;left:0;right:0;font-size:7px!important;line-height:12px;text-align:center;white-space:nowrap;background:#061725d9;border-radius:0 0 6px 6px;color:#c7dce8}
body.arcane-layout #overlay-body .codex-piece-grid .missing img{opacity:.32;filter:grayscale(.65)!important}
body.arcane-layout #overlay-body .codex-piece-grid .registered{box-shadow:inset 0 0 0 1px #6de8a8,0 0 7px #42cb8244!important}
body.arcane-layout #overlay-body .codex-piece-grid .registered small{background:#125435ed;color:#b7ffd5}
body.arcane-layout #overlay-body .codex-piece-grid .ready small{background:#145569ed;color:#d8fbff}
body.arcane-layout #overlay-body .codex-piece-grid .ready:hover{transform:translateY(-2px);box-shadow:0 0 9px var(--rarity)!important}
@media(max-width:520px){body.arcane-layout #overlay-body .set-codex-grid{grid-template-columns:minmax(0,1fr)!important}}

body.arcane-layout #overlay-body .character-roster{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;gap:10px!important}
body.arcane-layout #overlay-body .character-art{height:138px!important;min-height:138px!important;max-width:none!important;margin:0 0 8px!important;width:100%}
body.arcane-layout #overlay-body .character-select-art,body.arcane-layout #overlay-body .selection-artwork{width:100%!important;height:100%!important;max-width:none!important;padding:0!important;position:relative;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at 50% 30%,#245974,#081b2a)}
body.arcane-layout #overlay-body .selection-artwork img{height:100%!important;width:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 25%;filter:none!important}
body.arcane-layout #overlay-body .selection-artwork[data-hero="0"],body.arcane-layout #overlay-body .selection-artwork[data-hero="1"],body.arcane-layout #overlay-body .selection-artwork[data-hero="2"]{background-image:url('assets/ui/arcane/hero-banners.png');background-size:300% auto;background-position:0% 32%}
body.arcane-layout #overlay-body .selection-artwork[data-hero="1"]{background-position:50% 32%}
body.arcane-layout #overlay-body .selection-artwork[data-hero="2"]{background-position:100% 32%}
body.arcane-layout #overlay-body .selection-artwork:is([data-hero="0"],[data-hero="1"],[data-hero="2"]) img{opacity:0}
body.arcane-layout #overlay-body .expedition-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;gap:10px!important}
body.arcane-layout #overlay-body .map-card{padding:7px!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr;gap:6px;border:1px solid #48758b!important;border-radius:10px!important;background:radial-gradient(ellipse at top,#24516a55,transparent 75%),linear-gradient(#132e40,#091e2d)!important;box-shadow:inset 0 1px #b2e8f321,0 3px 8px #0004!important;transition:border-color .2s,box-shadow .2s}
body.arcane-layout #overlay-body .map-card:hover{border-color:#83c8db!important;box-shadow:0 0 10px #2ec8dd22!important}
body.arcane-layout #overlay-body .map-card.selected{border-color:#53dcec!important;box-shadow:inset 0 0 0 1px #38ccde44,0 0 8px #25c6db33!important}
body.arcane-layout #overlay-body .expedition-card-art{grid-column:1/-1;height:142px!important;min-height:142px!important;border-radius:7px;overflow:hidden;position:relative}
body.arcane-layout #overlay-body .expedition-card-art .expedition-preview{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;border:0!important;margin:0!important;aspect-ratio:auto!important}
body.arcane-layout #overlay-body .expedition-card-caption{position:absolute;inset:0;padding:9px!important;display:flex;flex-direction:column;justify-content:flex-end;gap:3px!important;background:linear-gradient(transparent 12%,#06192738 40%,#061927e8)!important}
body.arcane-layout #overlay-body .expedition-card-caption h3{font-size:14px!important;line-height:17px!important;min-height:34px!important;max-height:34px;overflow:hidden;margin:0!important;color:#e1f5ff!important}
body.arcane-layout #overlay-body .expedition-card-caption small{font-size:9px!important;line-height:12px!important}
body.arcane-layout #overlay-body .expedition-card-caption>b{font-size:10px!important}
body.arcane-layout #overlay-body .map-access-chip{position:absolute;top:7px;right:7px;font-size:9px!important;padding:3px 5px!important}
body.arcane-layout #overlay-body .map-recommendation{position:absolute;right:9px;bottom:9px}
body.arcane-layout #overlay-body .map-card>button{margin:0!important;min-height:29px!important;padding:5px!important;font-size:10px!important;width:100%}
body.arcane-layout #overlay-body .expedition-loot-button img{width:19px!important;height:19px!important}
body.arcane-layout #live-stats .farm-rates{background:linear-gradient(#102c3e77,#0b203177);border:1px solid #39667b;border-radius:7px;overflow:hidden}
body.arcane-layout #live-stats .farm-rates th{padding:7px 5px;background:#1b4054;font-size:10px!important;color:#c2e6f1}
body.arcane-layout #live-stats .farm-rates td{padding:7px 5px!important;font-size:11px!important}
body.arcane-layout #live-stats .farm-rates tr:nth-child(even){background:#21485c33}

/* Codex: colorful item slots regardless of ownership, fixed dimensions in all filters. */
body.arcane-layout #game-overlay[data-view=codex] .codex-hero-filter>button{width:37px!important;height:37px!important;min-height:37px!important;flex:0 0 37px;padding:2px!important;border-radius:8px!important;overflow:hidden}
body.arcane-layout #game-overlay[data-view=codex] .codex-hero-filter>button img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:5px}
body.arcane-layout #game-overlay[data-view=codex] [data-setcodex=rarity]{color:var(--rarity)!important;border:1px solid var(--rarity)!important;background:linear-gradient(#173244,#0b1d2c)!important}
body.arcane-layout #game-overlay[data-view=codex] [data-setcodex=rarity].active{background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--rarity) 28%,transparent),transparent),#102b3c!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 45%,transparent),0 0 7px color-mix(in srgb,var(--rarity) 30%,transparent)!important}
body.arcane-layout #game-overlay[data-view=codex] .set-codex-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;grid-auto-rows:256px!important}
body.arcane-layout #game-overlay[data-view=codex] .set-codex-entry{height:256px!important;min-height:256px!important;max-height:256px!important;overflow:hidden}
body.arcane-layout #game-overlay[data-view=codex] .codex-piece-grid{grid-template-columns:repeat(auto-fill,44px)!important;grid-auto-rows:48px!important;flex:1 1 0!important}
body.arcane-layout #game-overlay[data-view=codex] .codex-piece-grid>button.codex-piece{width:44px!important;min-width:44px!important;max-width:44px!important;height:48px!important;min-height:48px!important;max-height:48px!important;flex:none!important;opacity:1!important;filter:none!important;transform:none;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--rarity) 60%,transparent),transparent 85%),linear-gradient(145deg,#193142,#081522)!important;border:1px solid var(--rarity)!important;box-shadow:inset 0 0 0 1px #ffffff15,inset 0 -5px 10px color-mix(in srgb,var(--rarity) 25%,transparent)!important}
body.arcane-layout #game-overlay[data-view=codex] .codex-piece-grid>button.codex-piece img{width:36px!important;height:34px!important;min-width:0!important;max-width:36px!important;max-height:34px!important;opacity:1!important;filter:saturate(1.16) drop-shadow(0 2px 2px #0008)!important}
body.arcane-layout #game-overlay[data-view=codex] .codex-piece-grid>button.codex-piece.registered{border-color:#75e9aa!important;box-shadow:inset 0 0 0 1px #75e9aa77,0 0 5px #43d18a44!important}
body.arcane-layout #game-overlay[data-view=codex] .codex-piece-grid>button.codex-piece.registered small{background:#125435ed!important;color:#b7ffd5!important}
@media(max-width:520px){body.arcane-layout #game-overlay[data-view=codex] .set-codex-grid{grid-template-columns:minmax(0,1fr)!important}}

/* Entire selection art stays visible for both available and locked characters. */
body.arcane-layout #game-overlay[data-view=heroes] .character-card .character-art{height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:visible!important;display:flex;flex-direction:column;gap:0}
body.arcane-layout #game-overlay[data-view=heroes] .character-select-art{display:block!important;height:auto!important;aspect-ratio:1!important;min-height:0!important;max-height:none!important;border:0!important}
body.arcane-layout #game-overlay[data-view=heroes] .selection-artwork{height:auto!important;aspect-ratio:1!important;flex:none;max-height:none!important;min-height:0!important;background-size:300% 100%!important;background-position-y:center!important}
body.arcane-layout #game-overlay[data-view=heroes] .selection-artwork img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;object-fit:contain!important;object-position:center!important}
body.arcane-layout #game-overlay[data-view=heroes] .character-locked .selection-artwork{filter:brightness(.74)!important;opacity:1!important}
body.arcane-layout #game-overlay[data-view=heroes] .character-locked .selection-artwork img{filter:none!important}
body.arcane-layout #game-overlay[data-view=heroes] .locked-ribbon{position:static!important;inset:auto!important;transform:none!important;display:block;box-sizing:border-box;width:100%;padding:4px 0!important;background:#102b3c!important;border:1px solid #54798b!important;border-radius:0 0 6px 6px;color:#b7d7e3!important;letter-spacing:1px;font-size:9px!important;line-height:12px}

body.arcane-layout #game-overlay[data-view=codex] .set-codex-grid{grid-template-columns:repeat(auto-fill,min(270px,100%))!important;justify-content:start!important;grid-auto-rows:256px!important}
body.arcane-layout #game-overlay[data-view=codex] .set-codex-entry{width:100%!important;min-width:0!important;max-width:270px!important;justify-self:start!important}
body.arcane-layout #game-overlay[data-view=codex] .codex-piece-grid{justify-content:start!important;justify-items:start!important;column-gap:6px!important}

/* Explicit wrapping prevents inherited column spacing from splitting sparse pages. */
body.arcane-layout #game-overlay[data-view=codex] .set-codex-grid{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;gap:9px!important;width:100%;grid-template-columns:none!important}
body.arcane-layout #game-overlay[data-view=codex] .set-codex-entry{flex:0 0 224px!important;width:224px!important;max-width:224px!important;min-width:0!important;height:224px!important;min-height:224px!important;max-height:224px!important;padding:8px!important;gap:4px!important;box-sizing:border-box}
body.arcane-layout #game-overlay[data-view=codex] .set-codex-entry>header{flex-basis:36px!important;min-height:36px!important;padding-right:46px!important}
body.arcane-layout #game-overlay[data-view=codex] .set-codex-entry>header>b{font-size:12px!important}
body.arcane-layout #game-overlay[data-view=codex] .codex-completion-reward{flex-basis:43px!important;padding:4px 6px!important}
body.arcane-layout #game-overlay[data-view=codex] .codex-piece-grid{display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;align-items:flex-start!important;justify-content:flex-start!important;gap:5px!important;padding:3px!important;overflow-x:hidden!important;overflow-y:auto!important;min-width:0;width:100%;box-sizing:border-box}
body.arcane-layout #game-overlay[data-view=codex] .codex-piece-grid>button.codex-piece{flex:0 0 35px!important;width:35px!important;min-width:35px!important;max-width:35px!important;height:41px!important;min-height:41px!important;max-height:41px!important;margin:0!important;padding:2px 2px 10px!important;box-sizing:border-box}
body.arcane-layout #game-overlay[data-view=codex] .codex-piece-grid>button.codex-piece img{width:29px!important;max-width:29px!important;height:28px!important;max-height:28px!important}
body.arcane-layout #game-overlay[data-view=codex] .codex-piece-grid>button.codex-piece small{font-size:6px!important;line-height:10px!important}
body.arcane-layout #game-overlay[data-view=codex] .set-codex-summary{padding:7px 9px!important}
body.arcane-layout #game-overlay[data-view=codex] .set-codex-summary h2{font-size:15px!important}
body.arcane-layout #game-overlay[data-view=codex] .set-codex-summary p{font-size:10px!important}
@media(max-width:480px){body.arcane-layout #game-overlay[data-view=codex] .set-codex-entry{flex-basis:100%!important;width:100%!important;max-width:224px!important}}

/* Expedition cards: compact inventory surfaces and bounded controls. */
body.arcane-layout #game-overlay[data-view=expedition] .expedition-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:9px!important}
body.arcane-layout #game-overlay[data-view=expedition] .map-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:5px!important;padding:6px!important;min-width:0!important;align-content:start!important}
body.arcane-layout #game-overlay[data-view=expedition] .expedition-card-art{height:152px!important;min-height:152px!important;max-height:152px!important;min-width:0;grid-column:1/-1}
body.arcane-layout #game-overlay[data-view=expedition] .expedition-card-caption{padding:7px!important;gap:2px!important;justify-content:flex-end!important;background:linear-gradient(#06162600,#06162633 20%,#061626f2 100%)!important}
body.arcane-layout #game-overlay[data-view=expedition] .expedition-card-caption>small:first-child{font-size:8px!important;line-height:10px!important;letter-spacing:0!important}
body.arcane-layout #game-overlay[data-view=expedition] .expedition-card-caption h3{font-size:12px!important;line-height:14px!important;height:42px!important;min-height:42px!important;max-height:42px!important;display:flex!important;align-items:center;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;margin:0!important;padding:0!important}
body.arcane-layout #game-overlay[data-view=expedition] .map-level-range{font-size:10px!important;line-height:14px!important;color:#9aebf4!important;font-weight:600}
body.arcane-layout #game-overlay[data-view=expedition] .map-boss-line{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:11px!important;font-size:8px!important;padding-right:0!important}
body.arcane-layout #game-overlay[data-view=expedition] .map-recommendation{position:static!important;display:block!important;text-align:right;font-size:8px!important;line-height:10px!important;margin:0!important}
body.arcane-layout #game-overlay[data-view=expedition] .map-access-chip{top:5px!important;right:5px!important;padding:2px 4px!important;font-size:8px!important}
body.arcane-layout #game-overlay[data-view=expedition] .map-card>button{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:28px!important;height:28px!important;padding:3px 5px!important;margin:0!important;gap:3px!important;font-size:10px!important;line-height:12px!important;white-space:nowrap!important;overflow:hidden!important;border:1px solid #548698!important;border-radius:7px!important;background:linear-gradient(#21475b,#102c3e)!important;box-shadow:inset 0 1px #a8e7f51a,0 2px 4px #0003!important;color:#daeff7!important}
body.arcane-layout #game-overlay[data-view=expedition] .map-card>button:hover:not(:disabled){border-color:#80e4ec!important;background:linear-gradient(#285d70,#164253)!important;box-shadow:0 0 7px #29d0df33!important}
body.arcane-layout #game-overlay[data-view=expedition] .map-card .expedition-loot-button img{flex:0 0 15px;width:15px!important;height:15px!important;object-fit:contain}
body.arcane-layout #game-overlay[data-view=expedition] .map-card .expedition-loot-button span{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.arcane-layout #game-overlay[data-view=expedition] :is(.continent-tabs,.difficulty-tabs){gap:6px!important;margin:6px 0!important;padding:3px 0 7px!important;display:flex;flex-wrap:wrap}
body.arcane-layout #game-overlay[data-view=expedition] :is(.continent-tabs,.difficulty-tabs)>button{min-height:28px!important;padding:5px 9px!important;font-size:11px!important;border-radius:7px!important;background:linear-gradient(#20465b,#0e293a)!important;border:1px solid #4d7b90!important}
body.arcane-layout #game-overlay[data-view=expedition] .continent-tabs>button small{font-size:9px!important;margin-left:6px}
body.arcane-layout #game-overlay[data-view=expedition] .continent-tabs>button.active{border-color:#67dce6!important;box-shadow:inset 0 -2px #24c9d9!important}

body.arcane-layout #modal.map-loot-modal{width:min(680px,calc(100vw - 28px))!important;max-height:calc(100dvh - 36px)!important;padding:0!important;overflow:hidden!important;border:1px solid #6a9bb0!important;border-radius:12px!important;background:linear-gradient(#122e40,#081d2b)!important;color:#daedf5;box-shadow:0 15px 65px #0009,inset 0 1px #b6f3ff22}
body.arcane-layout #modal.map-loot-modal #modalbody{display:flex;flex-direction:column;max-height:calc(100dvh - 40px)!important;overflow:hidden!important;padding:0!important}
body.arcane-layout #modal.map-loot-modal .loot-window-header{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px;padding:11px 13px;border-bottom:1px solid #54819666;background:linear-gradient(#183c4f,#102b3c)}
body.arcane-layout #modal.map-loot-modal .loot-window-header h2{font:600 19px Georgia,serif;margin:0 0 4px!important;color:#dbf3ff}
body.arcane-layout #modal.map-loot-modal .loot-window-header small{font-size:11px;color:#a7ccdf}
body.arcane-layout #modal.map-loot-modal [data-loot-close]{flex:0 0 30px;width:30px;height:30px;min-height:30px;padding:0!important;border:1px solid #6b9bb0;border-radius:7px;background:#163a4c;color:#d4eff8;font-size:18px;cursor:pointer}
body.arcane-layout #modal.map-loot-modal .loot-hero-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:9px 13px;border-bottom:1px solid #426b8144;flex:none}
body.arcane-layout #modal.map-loot-modal .loot-hero-tabs>button{width:34px;height:34px;min-width:34px;padding:2px!important;border-radius:7px;border:1px solid #54869d;background:#0c2537}
body.arcane-layout #modal.map-loot-modal .loot-hero-tabs img{width:100%;height:100%;object-fit:cover;border-radius:4px}
body.arcane-layout #modal.map-loot-modal .loot-hero-tabs>button.active{border-color:#83eff8;box-shadow:inset 0 0 0 1px #23c9db,0 0 7px #24cada55}
body.arcane-layout #modal.map-loot-modal .loot-window-content{overflow-y:auto;overflow-x:hidden;min-height:0;padding:10px 13px;scrollbar-width:thin}
body.arcane-layout #modal.map-loot-modal h3{font-size:13px;margin:3px 0 8px;color:#c7e5f2}
body.arcane-layout #modal.map-loot-modal h3 small{font-size:10px;color:#88adbf;margin-left:5px}
body.arcane-layout #modal.map-loot-modal .map-loot-items{display:grid;grid-template-columns:repeat(auto-fill,56px);grid-auto-rows:62px;justify-content:start;gap:7px;margin:0 0 14px;padding:3px}
body.arcane-layout #modal.map-loot-modal .loot-preview-slot{position:relative;box-sizing:border-box;width:56px;height:62px;min-width:0;padding:4px 4px 12px!important;overflow:hidden;border:1px solid var(--rarity)!important;border-radius:7px!important;background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--rarity) 50%,transparent),transparent 85%),linear-gradient(#193144,#081724)!important;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -5px 10px color-mix(in srgb,var(--rarity) 20%,transparent)!important}
body.arcane-layout #modal.map-loot-modal .loot-preview-slot:hover{box-shadow:0 0 8px var(--rarity)!important}
body.arcane-layout #modal.map-loot-modal .loot-preview-slot img{display:block;float:none!important;width:44px!important;height:43px!important;object-fit:contain!important;margin:0!important}
body.arcane-layout #modal.map-loot-modal .loot-preview-slot>small{position:absolute;bottom:2px;left:2px;font-size:8px;line-height:10px;color:#d1e9f2;background:#091d2be8;padding:1px 3px;border-radius:3px}
body.arcane-layout #modal.map-loot-modal .loot-rarity-dots{position:absolute;right:3px;top:3px;display:flex;gap:2px}
body.arcane-layout #modal.map-loot-modal .loot-rarity-dots i{width:4px;height:4px;border-radius:50%;box-shadow:0 1px 2px #000}
body.arcane-layout #modal.map-loot-modal .loot-window-note{font-size:10px;line-height:1.5;color:#91b7cc;margin:5px 0}

body.arcane-layout #game-overlay[data-view=codex] .set-codex-entry>header{display:block!important;position:relative;height:40px!important;min-height:40px!important;flex:0 0 40px!important;padding:0 43px 5px 0!important;text-align:left!important;overflow:hidden}
body.arcane-layout #game-overlay[data-view=codex] .set-codex-entry>header>b{display:block!important;font-size:12px!important;line-height:16px!important;height:16px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;margin:0!important}
body.arcane-layout #game-overlay[data-view=codex] .set-codex-entry>header>small{display:block!important;font-size:9px!important;line-height:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.arcane-layout #game-overlay[data-view=codex] .codex-completion-reward>strong{font-size:12px!important;line-height:17px!important;color:#c7f2df!important}
body.arcane-layout #game-overlay[data-view=codex] .codex-completion-reward>small{font-size:8px!important;letter-spacing:.4px!important}
body.arcane-layout #game-overlay[data-view=codex] .codex-bonus-row>span{display:flex;align-items:center;gap:7px!important;padding:5px 8px!important;font-size:10px!important}
body.arcane-layout #game-overlay[data-view=codex] .codex-bonus-row b{font-size:12px!important;line-height:15px;margin:0!important;color:#b8eddb}

.salvage-block-reason{display:block;font-size:10px!important;line-height:1.4;color:#d6b98c!important;margin:5px 0}.item-salvage-action{display:flex;flex-direction:column;gap:3px}

body.arcane-layout #overlay-body .workshop-intro{padding:8px 10px!important;margin-bottom:8px!important}
body.arcane-layout #overlay-body .workshop-intro h2{font-size:17px!important;margin:0 0 4px!important}
body.arcane-layout #overlay-body .workshop-intro p{font-size:11px!important;margin:0!important}
body.arcane-layout #overlay-body .refine-compact{display:grid!important;grid-template-columns:minmax(190px,.75fr) minmax(280px,1fr)!important;gap:12px!important;align-items:start}
body.arcane-layout #overlay-body .refine-compact .workshop-catalog{display:grid;grid-template-columns:1fr!important;max-height:510px!important;overflow:auto;padding:5px!important;gap:5px!important}
body.arcane-layout #overlay-body .refine-compact .workshop-catalog button{padding:5px!important;min-height:47px!important;font-size:11px!important;display:flex;gap:7px;align-items:center;text-align:left}
body.arcane-layout #overlay-body .refine-compact .workshop-catalog button>span{min-width:0;overflow-wrap:anywhere}
body.arcane-layout #overlay-body .refine-compact .workshop-catalog .workshop-item-icon{width:35px!important;height:35px!important;flex:0 0 35px!important;padding:2px!important}
body.arcane-layout #overlay-body .refine-compact .workshop-preview{padding:10px!important;min-width:0}
body.arcane-layout #overlay-body .refine-compact .forge-stage{height:140px!important;min-height:0!important;border-width:1px!important}
body.arcane-layout #overlay-body .refine-compact .workshop-result-image{width:62px!important;height:62px!important;top:38%!important}
body.arcane-layout #overlay-body .refine-compact .workshop-result-image>.workshop-item-icon{width:54px!important;height:54px!important}
body.arcane-layout #overlay-body .refine-compact .forge-stage-item-level{font-size:9px!important;bottom:22px!important;padding:2px 6px!important}
body.arcane-layout #overlay-body .refine-compact .forge-stars{font-size:12px!important;gap:3px!important}
body.arcane-layout #overlay-body .refine-compact h2{font-size:15px!important;line-height:1.3!important;margin:8px 0!important}
body.arcane-layout #overlay-body .refine-compact h3{font-size:12px!important;margin:6px 0!important}
body.arcane-layout #overlay-body .refine-compact p{font-size:10px!important;line-height:1.4!important;margin:5px 0!important}
body.arcane-layout #overlay-body .refine-compact .workshop-comparison{display:grid;grid-template-columns:1fr 1fr;gap:7px}
body.arcane-layout #overlay-body .refine-compact .workshop-stats>div{padding:4px 6px!important;font-size:10px!important}
body.arcane-layout #overlay-body .refine-compact .workshop-stats dd{font-size:11px!important}
body.arcane-layout #overlay-body .refine-compact .refine-binding{font-size:10px!important;line-height:1.4!important;display:block;margin:7px 0}
body.arcane-layout #overlay-body .refine-compact .workshop-cost{padding:7px!important;gap:5px!important}
body.arcane-layout #overlay-body .refine-compact .material-chip{min-width:0!important;padding:5px!important;font-size:9px!important}
body.arcane-layout #overlay-body .refine-compact .resource-icon{width:24px!important;height:24px!important}
body.arcane-layout #overlay-body .refine-compact [data-ws=enhance]{padding:8px!important;font-size:12px!important;min-height:32px!important}
@media(max-width:760px){body.arcane-layout #overlay-body .refine-compact{grid-template-columns:1fr!important}body.arcane-layout #overlay-body .refine-compact .workshop-catalog{max-height:170px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}}

body.arcane-layout #battlefield .mob-health{box-sizing:border-box;position:absolute;transform:translate(-50%,-100%);width:52px;height:7px;padding:1px;border:1px solid #a0c1cebb;border-radius:5px;background:linear-gradient(#06101c,#142a3a);box-shadow:0 1px 3px #0009,inset 0 1px 2px #0009;pointer-events:none;overflow:visible}
body.arcane-layout #battlefield .mob-health>i{display:block;height:100%;max-width:100%;border-radius:3px;background:linear-gradient(#ffb4bc 0%,#e6647d 35%,#b22e50 80%,#d04765);box-shadow:inset 0 1px #fff8,0 0 3px #e7527355;transition:width .12s linear}
body.arcane-layout #battlefield .mob-health-boss{width:86px;height:9px;border-color:#b6cbd9}
body.arcane-layout #battlefield .mob-health>b{font-size:9px!important;line-height:12px;color:#e5f4fa!important;text-shadow:0 1px 3px #000,0 0 3px #000;bottom:10px!important;max-width:180px;overflow:hidden;text-overflow:ellipsis}

body.arcane-layout #arcane-hero-column{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:0}
body.arcane-layout #arcane-hero-panel{flex:0 0 auto}
body.arcane-layout #arcane-missions{display:none!important}
body.arcane-layout #arcane-hero-column #arcane-chat-panel{flex:1 1 180px;min-height:150px;display:flex;overflow:hidden;border:1px solid #6791a5;border-radius:10px;background:linear-gradient(#112c3e,#081c2c);padding:7px;box-sizing:border-box}
body.arcane-layout #arcane-chat-panel .game-chat{display:flex!important;flex-direction:column!important;position:static!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;max-height:none!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body.arcane-layout #arcane-chat-panel .game-chat>header{display:flex;align-items:center;gap:6px;flex:none;padding:3px 2px 7px!important}
.chat-title-icon{width:24px;height:24px;object-fit:contain}
body.arcane-layout #arcane-chat-panel .chat-messages{flex:1!important;min-height:75px!important;height:auto!important;max-height:none!important;overflow-y:auto;overflow-x:hidden;padding:6px!important;background:#06182777;border-radius:6px;scrollbar-width:thin}
body.arcane-layout #arcane-chat-panel .chat-messages p{font-size:11px!important;line-height:1.5!important;margin:0 0 6px!important;overflow-wrap:anywhere}
body.arcane-layout #arcane-chat-panel .chat-tabs{display:flex!important;flex-wrap:wrap;gap:3px!important;margin-bottom:6px}
body.arcane-layout #arcane-chat-panel [data-chat-channel]{flex:1 1 42px;min-width:0!important;padding:4px!important;font-size:10px!important}
body.arcane-layout #arcane-chat-panel #chat-send{display:flex;gap:4px;flex:none;margin-top:6px}
body.arcane-layout #arcane-chat-panel #chat-send input{min-width:0!important;flex:1;padding:6px!important;font-size:11px!important}
body.arcane-layout #arcane-chat-panel #chat-send button{padding:5px 7px!important;font-size:10px!important}
body.arcane-layout #arcane-chat-panel .chat-status{font-size:9px!important;margin-top:3px}
body.arcane-layout #arcane-bottom{grid-template-columns:minmax(0,1fr)!important}
body.arcane-layout #arcane-loot-panel{grid-column:1/-1}
body.arcane-layout #battlefield #combat-sound{position:absolute!important;right:10px!important;bottom:10px!important;left:auto!important;display:flex;align-items:center;gap:6px;padding:5px 8px!important;min-height:29px;border:1px solid #5b9bb1!important;border-radius:8px!important;background:linear-gradient(#173e52e8,#0c2639ed)!important;box-shadow:inset 0 1px #b8ecff22,0 2px 6px #0005;color:#bde7f4!important;z-index:30}
body.arcane-layout #battlefield #combat-sound>span{font-size:18px;color:#78dce9}
body.arcane-layout #battlefield #combat-sound small{font-size:10px}
body.arcane-layout #battlefield #combat-sound b{font-size:9px;color:#8babbc}
body.arcane-layout #battlefield #combat-sound[aria-pressed=true] b{color:#96e6bf}
@media(max-width:900px){body.arcane-layout #arcane-hero-column #arcane-chat-panel{height:240px;flex:none}body.arcane-layout #arcane-bottom{grid-template-rows:185px!important}}

/* Battle and loot occupy the left column; portrait/chat span both rows at right. */
@media(min-width:901px){body.arcane-layout #arcane-main{grid-template-areas:'battle hero' 'bottom hero'!important;grid-template-rows:minmax(0,1fr) 135px!important}body.arcane-layout #arcane-hero-column{height:100%!important;grid-row:1 / -1!important}body.arcane-layout #arcane-hero-column #arcane-chat-panel{flex:1 1 0!important;min-height:0!important;height:auto!important}body.arcane-layout #arcane-bottom{grid-column:1!important;grid-row:2!important;height:135px!important;min-height:0!important;max-height:135px!important;overflow:hidden}}
body.arcane-layout #arcane-loot-panel{padding:8px 10px!important;min-width:0!important;min-height:0!important;overflow:hidden;border:1px solid #568298!important;border-radius:10px!important;background:radial-gradient(ellipse at top left,#22516a44,transparent 70%),linear-gradient(#102c3f,#081c2b)!important}
body.arcane-layout #arcane-loot-panel>header{height:26px!important;min-height:26px!important;padding-bottom:5px!important;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4e829755}
body.arcane-layout #arcane-loot-panel h2{font-size:16px!important;margin:0!important}
body.arcane-layout #arcane-loot-panel>header button{padding:3px 7px!important;font-size:10px!important;min-height:23px!important}
body.arcane-layout #arcane-loot-panel .arcane-title-icon{width:23px!important;height:23px!important}
body.arcane-layout #arcane-loot-panel .arcane-loot-content{display:block!important;min-height:0!important;padding-top:5px!important;overflow:auto;scrollbar-width:thin}
body.arcane-layout #arcane-loot-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 7px;overflow:visible!important}
body.arcane-layout #arcane-loot-rows .arcane-loot-row{display:flex;min-width:0;margin:0!important;padding:3px 5px;border:1px solid #426a7c55;border-radius:6px;background:#16364a77;font-size:10px!important;gap:5px}
body.arcane-layout #arcane-loot-rows .arcane-loot-row img{width:24px!important;height:24px!important;flex:0 0 24px;border-radius:4px;background:#071b2c99}
body.arcane-layout #arcane-loot-rows .arcane-loot-row time{font-size:8px!important;flex-basis:25px!important;color:#7cabbf}
body.arcane-layout #arcane-loot-rows .arcane-loot-row b{font-size:11px!important;color:#c2f0e2!important;min-width:19px;text-align:right}
body.arcane-layout #arcane-loot-thumbs{display:none!important}
@media(max-width:1100px){body.arcane-layout #arcane-loot-rows{grid-template-columns:1fr!important}}
@media(max-width:900px){body.arcane-layout #arcane-bottom{grid-template-rows:145px!important}body.arcane-layout #arcane-loot-rows{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

body.arcane-layout #arcane-chat-panel .chat-content{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden}
body.arcane-layout #arcane-chat-panel .chat-tabs{padding:4px!important;gap:3px!important;border-radius:7px;background:#061b2b99;border:1px solid #365c7066;flex:none}
body.arcane-layout #arcane-chat-panel [data-chat-channel]{border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:#91bbd0!important;font-size:10px!important}
body.arcane-layout #arcane-chat-panel [data-chat-channel].active{color:#d6fbff!important;background:linear-gradient(#1c596c,#123e50)!important;border-color:#48b4c9!important;box-shadow:inset 0 -2px #51d7df55}
body.arcane-layout #arcane-chat-panel .chat-messages{margin-top:7px;border:1px solid #345e7355;background:linear-gradient(#061726aa,#0b2333aa)!important;padding:6px!important}
body.arcane-layout #arcane-chat-panel .chat-messages p{padding:6px 7px!important;background:#16364a66;border:1px solid #527d8b22;border-radius:7px;margin:0 0 5px!important;line-height:1.5!important;color:#c6dfec}
body.arcane-layout #arcane-chat-panel .chat-messages p time{font-size:8px;color:#7095ac;margin-right:5px}
body.arcane-layout #arcane-chat-panel .chat-channel-badge{display:inline-block;font-size:8px;padding:0 4px;line-height:14px;border-radius:3px;background:#22546a;color:#a5deec;margin-right:4px}
body.arcane-layout #arcane-chat-panel .chat-messages p b{font-size:10px;color:#78d5e4;overflow-wrap:anywhere}
body.arcane-layout #arcane-chat-panel .chat-messages p span{font-size:11px}
body.arcane-layout #arcane-chat-panel .chat-messages .system-message{background:linear-gradient(110deg,#29435388,#182d4088)!important;border-left:2px solid #d6b778!important;color:#e7d5ab}
body.arcane-layout #arcane-chat-panel .system-message .chat-channel-badge{background:#6a5731;color:#ffe4a4}
body.arcane-layout #arcane-chat-panel .chat-messages .own-message{border-left:2px solid #53c5af;background:#1b493f55!important}
body.arcane-layout #arcane-chat-panel .chat-messages .chat-empty{text-align:center;color:#7da4b8;font-size:10px!important;padding:18px 8px!important;background:none;border:0}
body.arcane-layout #arcane-chat-panel #chat-send{padding:4px;background:#0b2233;border:1px solid #416f84;border-radius:7px}
body.arcane-layout #arcane-chat-panel #chat-send input{border:0!important;background:none!important;box-shadow:none!important;outline:none;color:#d4edf5}
body.arcane-layout #arcane-chat-panel #chat-send button{border-radius:5px!important;border:1px solid #57b6c5!important;background:linear-gradient(#28677b,#174555)!important;color:#d7f8ff}
body.arcane-layout #arcane-chat-panel .chat-status{padding:3px 5px;color:#739db3!important}

body.arcane-layout #arcane-hero-column{position:relative}
body.arcane-layout #arcane-hero-column.chat-expanded #arcane-chat-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;z-index:60;background:linear-gradient(#153449,#081d2e)!important;box-shadow:0 5px 24px #0008,inset 0 1px #c3f5ff22!important}
body.arcane-layout #arcane-chat-panel [data-chat=collapse]{margin-left:auto;width:27px;height:27px;min-height:27px;padding:0!important;border:1px solid #5e9bb0!important;border-radius:6px!important;background:linear-gradient(#21495e,#102d41)!important;color:#b8eef7;font-size:19px;line-height:24px;cursor:pointer}
body.arcane-layout #arcane-chat-panel [data-chat=collapse][aria-expanded=true]{border-color:#60dbe7!important;box-shadow:inset 0 0 8px #31bfd52b}
@media(max-width:900px){body.arcane-layout #arcane-hero-column.chat-expanded{min-height:420px!important}body.arcane-layout #arcane-hero-column.chat-expanded #arcane-chat-panel{min-height:420px!important}}

body.arcane-layout #overlay-body .forge-inventory{grid-template-columns:minmax(170px,.7fr) minmax(260px,1fr)!important;gap:10px!important}
body.arcane-layout #overlay-body .forge-inventory .workshop-catalog{display:grid!important;grid-template-columns:repeat(auto-fill,52px)!important;grid-auto-rows:58px;align-content:start;justify-content:start;max-height:450px!important;gap:6px!important;padding:7px!important;background:#091e2d!important;border:1px solid #456f85;border-radius:9px}
body.arcane-layout #overlay-body .forge-inventory .workshop-catalog>button{position:relative!important;display:block!important;width:52px!important;height:58px!important;min-height:58px!important;padding:3px 3px 12px!important;overflow:hidden;border:1px solid var(--rarity)!important;border-radius:7px!important;background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--rarity) 45%,transparent),transparent 80%),#102838!important}
body.arcane-layout #overlay-body .forge-inventory .workshop-catalog>button.selected{box-shadow:inset 0 0 0 1px #6cecf5,0 0 7px #31d7e466!important;border-color:#a3f7ff!important}
body.arcane-layout #overlay-body .forge-inventory .workshop-catalog .workshop-item-icon{width:44px!important;height:40px!important;padding:0!important;background-color:transparent!important;border:0!important}
.refine-slot-level{position:absolute;bottom:2px;left:3px;font-size:8px!important;color:#bcdfed}.refine-slot-plus{position:absolute;top:2px;right:3px;font-size:9px;color:#f4df89}
body.arcane-layout #overlay-body .refine-item-heading{display:flex;align-items:center;gap:10px;padding:7px;background:radial-gradient(ellipse at left,color-mix(in srgb,var(--rarity) 20%,transparent),transparent),#0b2132;border:1px solid var(--rarity);border-radius:8px}
body.arcane-layout #overlay-body .refine-item-heading .workshop-item-icon{width:56px!important;height:56px!important;background-color:transparent!important;border:0!important}
.refine-item-heading>span{font-size:11px;color:var(--rarity)}
body.arcane-layout #overlay-body .forge-inventory .workshop-preview{background:linear-gradient(#102d40,#091e2d)!important;border:1px solid #547e93!important;border-radius:9px!important;padding:9px!important}
body.arcane-layout #overlay-body .refine-odds{display:flex;gap:5px;flex-wrap:wrap}.refine-odds>span{flex:1;padding:5px;border:1px solid #436b7d;border-radius:5px;font-size:9px;background:#10293b}.refine-odds b{display:block;font-size:12px;color:#a9e6db}
.forge-guide{padding:8px;border-left:2px solid #63ccdd;background:#163e5055;font-size:11px!important;color:#afd9e9!important}
body.arcane-layout #overlay-body .forge-material-grid{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 15px}
.forge-material-stock{width:98px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.forge-material-stock>div{position:relative;width:54px;height:58px;padding:4px;box-sizing:border-box;border:1px solid var(--rarity);border-radius:7px;background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--rarity) 45%,transparent),transparent),#0b2233}
.forge-material-stock .resource-icon{width:44px!important;height:42px!important}.forge-material-stock b{position:absolute;bottom:2px;right:4px;font-size:10px;color:#d9f5ff}.forge-material-stock>span{font-size:10px;color:#b8d8e7;line-height:1.3}
body.arcane-layout #overlay-body .forge-conversions{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.forge-conversions details{padding:8px;border:1px solid #456d82;border-radius:8px;background:#102b3e}.forge-conversions summary{cursor:pointer;display:flex;gap:7px;align-items:center;font-size:11px;color:#c3e6f3}.forge-conversions summary img{width:28px!important;height:28px!important}.forge-conversions p{font-size:10px!important;color:#a1c4d6}.forge-conversions button{padding:5px 7px!important;font-size:10px!important}
body.arcane-layout #overlay-body :is(.material-family-tabs,.material-rarity-tabs){display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}
body.arcane-layout #overlay-body :is(.material-family-tabs,.material-rarity-tabs) button{font-size:10px!important;padding:5px 8px!important;border-radius:6px!important;background:#123246!important;border:1px solid var(--rarity,#4c7e94)!important;color:var(--rarity,#bfdfea)!important}
@media(max-width:760px){body.arcane-layout #overlay-body .forge-inventory{grid-template-columns:1fr!important}}

/* Fit every game menu to the current monitor; preserve local scrolling. */
body.arcane-layout #arcane-shell #game-overlay{position:fixed!important;inset:auto!important;inset-block:auto!important;left:var(--adaptive-menu-left,232px)!important;top:var(--adaptive-menu-top,76px)!important;right:auto!important;bottom:auto!important;transform:none!important;translate:none!important;width:var(--adaptive-menu-width,calc(100vw - 244px))!important;height:var(--adaptive-menu-height,calc(100dvh - 86px))!important;max-width:none!important;min-width:0!important;max-height:none!important;min-height:0!important;margin:0!important;box-sizing:border-box!important}
body.arcane-layout #arcane-shell #game-overlay[hidden]{display:none!important}
body.arcane-layout #arcane-shell #game-overlay>header{flex:0 0 auto!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:auto;padding:clamp(10px,1vw,18px)!important}
body.arcane-layout #arcane-shell #game-overlay .forge-inventory{grid-template-columns:minmax(190px,.8fr) minmax(300px,1fr)!important;max-width:1400px;width:100%;margin:0 auto;align-items:start}
body.arcane-layout #arcane-shell #game-overlay .forge-inventory .workshop-catalog{max-height:calc(var(--adaptive-menu-height,80vh) - 195px)!important;min-height:180px!important;grid-template-columns:repeat(auto-fill,58px)!important;grid-auto-rows:64px;overflow-y:auto;gap:7px!important}
body.arcane-layout #arcane-shell #game-overlay .forge-inventory .workshop-catalog>button{width:58px!important;height:64px!important;min-height:64px!important}
body.arcane-layout #arcane-shell #game-overlay .forge-inventory .workshop-catalog>button img{width:48px!important;height:46px!important;max-width:48px!important;max-height:46px!important;padding:0!important;border:0!important;background-color:transparent!important;flex:none!important}
body.arcane-layout #arcane-shell #game-overlay .forge-inventory .workshop-item-icon.item-faithful-redraw{background-image:var(--faithful-atlas)!important;background-size:var(--faithful-size-x) var(--faithful-size-y)!important;background-position:var(--faithful-x) var(--faithful-y)!important;background-repeat:no-repeat!important;object-position:-10000px -10000px!important}
body.arcane-layout #arcane-shell #game-overlay .refine-item-heading .workshop-item-icon{width:64px!important;height:64px!important;min-width:64px!important;background-color:transparent!important}
body.arcane-layout #arcane-shell #game-overlay .forge-inventory .workshop-preview h2{font-size:clamp(15px,1vw,19px)!important}
body.arcane-layout #arcane-shell #game-overlay .forge-inventory .workshop-stats dt,body.arcane-layout #arcane-shell #game-overlay .forge-inventory .workshop-stats dd{font-size:12px!important}
body.arcane-layout #arcane-shell #game-overlay .forge-inventory .refine-binding{font-size:12px!important;line-height:1.5!important}
@media(max-width:760px){body.arcane-layout #arcane-shell #game-overlay .forge-inventory{grid-template-columns:minmax(0,1fr)!important}body.arcane-layout #arcane-shell #game-overlay .forge-inventory .workshop-catalog{max-height:190px!important}}

body.arcane-layout #arcane-shell #game-overlay .forge-inventory .workshop-catalog>button.refine-item-slot{display:flex!important;align-items:center!important;justify-content:center!important;width:58px!important;height:64px!important;padding:4px 4px 13px!important;position:relative!important}
body.arcane-layout #arcane-shell #game-overlay .forge-inventory .workshop-catalog>button.refine-item-slot .refine-slot-level{position:absolute!important;inset:auto auto 2px 3px!important;display:block!important;line-height:11px!important;margin:0!important;padding:1px 3px!important;font-size:8px!important;white-space:nowrap!important;background:#061624dc;border-radius:3px;color:#c8ebf6}
body.arcane-layout #arcane-shell #game-overlay .forge-inventory .workshop-catalog>button.refine-item-slot .refine-slot-plus{position:absolute!important;inset:2px 3px auto auto!important;line-height:12px!important;padding:0 2px!important;margin:0!important;font-size:10px!important;background:#071927d9;border-radius:3px;text-shadow:0 1px 2px #000;color:#ffe29d}
body.arcane-layout #arcane-shell #game-overlay .workshop-intro{min-height:0!important;height:auto!important;overflow:visible!important;padding:9px 12px!important}
body.arcane-layout #arcane-shell #game-overlay .workshop-intro h2{line-height:22px!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0 0 4px!important}

body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .character-roster{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(172px,1fr))!important;gap:10px!important;align-items:stretch}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .character-card{display:flex!important;flex-direction:column!important;min-width:0;padding:10px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .character-art{display:grid!important;grid-template-rows:minmax(0,1fr) 20px!important;gap:3px!important;height:auto!important;min-height:0!important;aspect-ratio:1 / 1.16!important;width:100%!important;overflow:hidden!important;margin:0 0 6px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .character-select-art{display:block!important;grid-row:1!important;height:100%!important;width:100%!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;min-height:0!important;border-radius:7px!important;overflow:hidden}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .selection-artwork{grid-row:1!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0!important;max-height:none!important;display:block!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .selection-artwork img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;max-width:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;filter:none!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .locked-ribbon{grid-row:2!important;height:20px!important;line-height:18px!important;padding:0!important;margin:0!important;font-size:8px!important;letter-spacing:1px!important;box-sizing:border-box}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .character-card>h3{font-size:16px!important;margin:0 0 4px!important;line-height:21px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .character-card>p{font-size:10px!important;margin:2px 0 8px!important;white-space:nowrap}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .character-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 32px!important;gap:5px!important;margin-top:auto!important;padding-top:10px!important;min-height:42px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .character-actions button{width:100%!important;min-width:0!important;min-height:31px!important;height:31px!important;padding:5px!important;font-size:11px!important;line-height:19px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;overflow:hidden!important;border-radius:6px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .character-actions button+button{font-size:19px!important;padding:3px!important;color:#d6c688!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=heroes] #overlay-body .character-actions>small{grid-column:1/-1;font-size:10px!important;text-align:center;line-height:20px}

body.arcane-layout #arcane-shell #game-overlay .equipped-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid #50798d66}
body.arcane-layout #arcane-shell #game-overlay .equipped-panel-heading h3{margin:0!important;font-size:18px!important}
body.arcane-layout #arcane-shell #game-overlay .equipped-panel-heading button{font-size:11px!important;min-height:28px!important;padding:4px 8px!important;border-radius:6px!important;white-space:nowrap}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-layout{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;align-items:start}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-layout>section{display:flex;flex-direction:column;gap:7px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-left .paper-slot,body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-right .paper-slot{position:relative;height:60px!important;min-height:60px!important;max-height:60px!important;padding:4px 4px 13px!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-left .paper-slot img,body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-right .paper-slot img{width:43px!important;height:43px!important;max-width:43px!important;max-height:43px!important;min-height:0!important;flex:0 0 43px!important;padding:0!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-center .paper-slot{height:76px!important;min-height:76px!important;max-height:76px!important;padding:5px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-center .paper-slot img{width:55px!important;height:55px!important;max-height:55px!important;flex:0 0 55px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-slot>em{position:absolute;bottom:2px;right:3px;line-height:11px!important;font-size:8px!important;font-style:normal;color:#c2e6f4}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-slot>small{position:absolute;top:2px;right:3px;font-size:9px!important;line-height:11px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-slot>span{position:absolute;top:2px;left:3px;font-size:8px!important;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.arcane-layout #modal.inventory-attributes-modal{box-sizing:border-box;width:min(740px,calc(100vw - 30px))!important;max-height:calc(100dvh - 35px)!important;padding:16px!important;background:linear-gradient(#15364a,#091f2f)!important;border:1px solid #78afc3!important;border-radius:12px!important;color:#d7edf7;overflow:auto;scrollbar-width:thin}
.inventory-full-attributes>header{display:flex;align-items:center;gap:10px;border-bottom:1px solid #4d7b9166;padding-bottom:10px;margin-bottom:12px}.inventory-full-attributes>header img{width:46px;height:46px;object-fit:cover;border-radius:7px;border:1px solid #699db1}.inventory-full-attributes h2{font-size:20px;margin:0 0 4px!important;color:#ddf5ff}.inventory-full-attributes small{font-size:11px;color:#92bdcf}
.inventory-attribute-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.inventory-attribute-grid article{padding:9px;border:1px solid #456d83;border-radius:7px;background:radial-gradient(ellipse at top left,#24546b66,transparent),#0a2132}.inventory-attribute-grid span{display:block;font-size:10px;line-height:15px;color:#a8cddd}.inventory-attribute-grid b{display:block;font-size:16px;color:#c2efe7;line-height:22px}.inventory-full-attributes p{font-size:10px;line-height:1.5;color:#81aabd}
@media(max-width:600px){.inventory-attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Codex uses content-sized rows: bonus labels and all pieces remain visible. */
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-summary{padding:10px 12px!important;margin-bottom:9px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-summary h2{font-size:18px!important;line-height:23px!important;margin:0 0 5px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-summary>strong{font-size:11px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-bonus-row{display:flex!important;flex-wrap:wrap;gap:6px!important;margin:8px 0 0!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-bonus-row>span{display:flex;gap:8px!important;align-items:center;padding:6px 9px!important;font-size:11px!important;line-height:16px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;grid-auto-rows:auto!important;align-items:stretch!important;gap:10px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-entry{display:grid!important;grid-template-rows:42px minmax(76px,auto) 15px 100px!important;align-content:start!important;gap:6px!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:266px!important;max-height:none!important;padding:10px!important;overflow:visible!important;box-sizing:border-box}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-entry>header{height:42px!important;min-height:42px!important;display:block!important;padding:0 48px 6px 0!important;margin:0!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-entry>header>b{font-size:13px!important;line-height:18px!important;height:18px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-entry>header>small{font-size:10px!important;line-height:15px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-completion-reward{display:flex!important;flex-direction:column;justify-content:center;gap:4px!important;padding:8px!important;margin:0!important;height:auto!important;min-height:76px!important;max-height:none!important;overflow:visible!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-completion-reward>small{font-size:8px!important;letter-spacing:.7px!important;line-height:12px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-completion-reward>strong{display:block;font-size:12px!important;line-height:17px!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;color:#c0efdf!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-completion-reward>span{font-size:9px!important;line-height:14px!important;color:#91bfce}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-drop-locations{font-size:9px!important;line-height:15px!important;margin:0!important;height:15px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-grid{display:grid!important;grid-template-columns:repeat(auto-fill,40px)!important;grid-auto-rows:46px!important;align-content:start!important;justify-content:start!important;gap:5px!important;padding:2px!important;margin:0!important;width:100%;height:100px!important;min-height:100px!important;max-height:none!important;overflow:visible!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-grid>button.codex-piece{width:40px!important;min-width:40px!important;max-width:40px!important;height:46px!important;min-height:46px!important;max-height:46px!important;padding:2px 2px 11px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-grid>button.codex-piece img{width:34px!important;height:32px!important;max-width:34px!important;max-height:32px!important}
@media(max-width:560px){body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-grid{grid-template-columns:minmax(0,1fr)!important}}

body.arcane-layout #arcane-shell #game-overlay .equipped-panel-heading [data-ui=inventory-attributes]{display:inline-flex!important;align-items:center;justify-content:center;gap:6px!important;min-height:31px!important;padding:5px 9px!important;border:1px solid #6dc7d6!important;border-radius:7px!important;background:radial-gradient(ellipse at bottom,#28c1d333,transparent),linear-gradient(#205065,#123447)!important;box-shadow:inset 0 1px #b8f2ff22,0 2px 5px #0003;color:#d0f4fb!important;font-size:11px!important;line-height:18px!important}
body.arcane-layout #arcane-shell #game-overlay .equipped-panel-heading [data-ui=inventory-attributes]:hover{border-color:#b0f5ff!important;box-shadow:0 0 8px #31cbdf44!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-right .paper-slot{height:66px!important;min-height:66px!important;max-height:66px!important;padding:3px 3px 12px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-right .paper-slot img,body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-right .paper-slot img.item-faithful-redraw{width:54px!important;height:50px!important;min-width:54px!important;max-width:54px!important;max-height:50px!important;flex:0 0 54px!important;padding:0!important;margin:0!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-layout{margin-bottom:8px!important}

/* Approved equipped showcase: armor rail, large weapon/pet, two-row accessories. */
body.arcane-layout #arcane-shell #game-overlay[data-view=inventory] #overlay-body .showcase-inventory{grid-template-columns:minmax(310px,1fr) minmax(350px,1.3fr) minmax(270px,.9fr)!important;gap:11px!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .inventory-v2-equipped{padding:10px!important;overflow-y:auto!important;scrollbar-width:thin}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .inventory-hero-banner{height:62px!important;min-height:62px!important;max-height:62px!important;margin-bottom:10px!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-layout{display:grid!important;grid-template-columns:clamp(56px,4.8vw,76px) minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:10px 12px!important;align-items:stretch!important;padding:0!important;margin:0!important;min-height:0!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-left{grid-column:1;grid-row:1;display:grid!important;grid-template-rows:repeat(5,1fr)!important;gap:7px!important;align-content:start!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-left .paper-slot{width:100%!important;height:clamp(48px,6.8dvh,66px)!important;min-height:0!important;max-height:none!important;padding:4px 4px 11px!important;box-sizing:border-box}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-left .paper-slot img{width:42px!important;height:42px!important;max-width:90%!important;max-height:90%!important;flex:none!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-center{grid-column:2;grid-row:1;display:grid!important;grid-template-rows:1.1fr 1fr!important;gap:10px!important;align-content:stretch!important;padding:0!important;margin:0!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-center .paper-slot{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:100px!important;max-height:none!important;padding:22px 8px 19px!important;border-radius:10px!important;overflow:hidden!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-weapon{border:1px solid var(--rarity,#7897aa)!important;background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--rarity,#cdb16a) 24%,transparent),transparent 70%),linear-gradient(#102a3b,#081c2b)!important;box-shadow:inset 0 0 25px color-mix(in srgb,var(--rarity,#cdb16a) 12%,transparent),0 0 8px #0003!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-weapon:before{content:'';position:absolute;left:15%;right:15%;bottom:15px;height:20px;border:1px solid color-mix(in srgb,var(--rarity,#d6b561) 65%,transparent);border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--rarity,#d6b561) 30%,transparent);z-index:-1}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-center .paper-weapon img,body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-center .paper-weapon img.item-faithful-redraw{width:clamp(80px,8vw,136px)!important;height:clamp(80px,8vw,136px)!important;max-width:95%!important;max-height:100%!important;flex:none!important;margin:0!important;padding:0!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-center .paper-slot>span{position:absolute!important;top:5px!important;left:0!important;right:0!important;max-width:none!important;text-align:center;font-size:11px!important;font-weight:600;letter-spacing:1px;color:#c8e6f0;text-transform:uppercase;line-height:16px!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-center .paper-slot>small{top:8px!important;right:8px!important;font-size:12px!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-center .paper-slot>em{left:0!important;right:0!important;bottom:5px!important;text-align:center;font-size:10px!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .pet-showcase{border:1px solid #55b8cc!important;background:radial-gradient(ellipse at 50% 75%,#1bb4cd33,transparent 65%),linear-gradient(#102f42,#071e2d)!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .pet-showcase:before{content:'';position:absolute;bottom:21px;left:12%;right:12%;height:25px;border-radius:50%;border:1px solid #4bd5e577;box-shadow:inset 0 0 10px #20c9d533,0 0 12px #20c9d533;z-index:-1}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .pet-showcase-art{font-size:62px;line-height:1;display:flex;align-items:center;justify-content:center;min-height:60px}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .pet-showcase-art img,body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .pet-showcase-art img.item-faithful-redraw{width:clamp(64px,6vw,100px)!important;height:clamp(64px,6vw,100px)!important;max-width:100px!important;max-height:100px!important;flex:none!important;margin:0!important;padding:0!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .pet-showcase>strong{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:12px;color:#bceef5;line-height:16px}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-right{grid-column:1/-1;grid-row:2;display:block!important;margin:0!important;padding:0!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-right h4{font-size:14px!important;line-height:21px!important;text-align:center;margin:0 0 6px!important;padding:0!important;color:#c5e5f2}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .equipped-accessory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-right .paper-slot{width:100%!important;height:clamp(49px,6.5dvh,65px)!important;min-height:0!important;max-height:none!important;padding:3px 3px 12px!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-right .paper-slot img,body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-right .paper-slot img.item-faithful-redraw{width:46px!important;height:44px!important;min-width:0!important;max-width:90%!important;max-height:90%!important;flex:none!important}
@media(max-width:1180px){body.arcane-layout #arcane-shell #game-overlay[data-view=inventory] #overlay-body .showcase-inventory{grid-template-columns:minmax(290px,.9fr) minmax(310px,1fr)!important}.showcase-inventory .inventory-v2-detail{grid-column:1/-1}}
@media(max-width:700px){body.arcane-layout #arcane-shell #game-overlay[data-view=inventory] #overlay-body .showcase-inventory{grid-template-columns:minmax(0,1fr)!important}.showcase-inventory .inventory-v2-detail{grid-column:auto}}

/* Symmetrical armor rails; the sixth armor position remains reserved. */
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-layout{grid-template-columns:minmax(48px,.7fr) minmax(95px,1.25fr) minmax(48px,.7fr)!important;gap:9px!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-left{grid-column:1!important;grid-row:1!important;grid-template-rows:repeat(3,1fr)!important;align-content:center!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-armor-right{grid-column:3;grid-row:1;display:grid!important;grid-template-rows:repeat(3,1fr);gap:7px!important;align-content:center!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-center{grid-column:2!important;grid-row:1!important;grid-template-rows:1fr 1fr!important;gap:9px!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-left .paper-slot,body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-armor-right .paper-slot{position:relative;display:flex!important;align-items:center;justify-content:center;width:100%!important;height:clamp(67px,9dvh,90px)!important;min-height:0!important;max-height:none!important;padding:4px 4px 13px!important;border-radius:8px!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-left .paper-slot img,body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-armor-right .paper-slot img,body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-left .paper-slot img.item-faithful-redraw,body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-armor-right .paper-slot img.item-faithful-redraw{width:52px!important;height:52px!important;max-width:92%!important;max-height:90%!important;flex:none!important;padding:0!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-center .paper-weapon img,body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-center .paper-weapon img.item-faithful-redraw{width:clamp(75px,7vw,120px)!important;height:clamp(75px,7vw,120px)!important;max-width:95%!important;max-height:100%!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-reserved{box-sizing:border-box;border:1px dashed #4e7c8c66;background:#0b243455;color:#587f91;pointer-events:none;opacity:.65}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-reserved>b{font-size:25px;color:#50758a}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-reserved>span{position:absolute;top:auto!important;bottom:5px;left:0!important;right:0;max-width:none!important;text-align:center;font-size:8px!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-right{grid-column:1/-1!important;grid-row:2!important}

/* Expanded reward codices keep every piece inside its card. */
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-entry:has(.codex-piece:nth-child(11)){grid-template-rows:42px minmax(76px,auto) 15px 150px!important}
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-grid:has(.codex-piece:nth-child(11)){height:150px!important;min-height:150px!important}

/* Empty equipment slots identify their purpose; equipped slots emphasize the item. */
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-slot.is-equipped>span{display:none!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-slot.is-empty>span{display:block!important;position:absolute!important;top:auto!important;bottom:5px!important;left:2px!important;right:2px!important;max-width:none!important;text-align:center!important;font:600 10px/12px 'Segoe UI',sans-serif!important;color:#b7d5e2!important;white-space:nowrap!important;text-transform:none!important;letter-spacing:0!important;overflow:hidden;text-overflow:ellipsis}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .showcase-inventory .paper-slot.is-empty>b{font-size:22px!important;line-height:1!important;margin-bottom:13px!important;color:#7197aa!important}

body.arcane-layout #arcane-shell #game-overlay .workshop-catalog .refine-equipped-mark{position:absolute;top:2px;left:3px;z-index:3;font:700 9px/13px "Segoe UI",sans-serif;color:#b8fff0;background:#113e42e8;border:1px solid #60caba66;border-radius:3px;padding:0 3px;pointer-events:none}

/* Game-wide action confirmations, above any open inventory or forge dialog. */
#game-confirm{position:fixed!important;inset:0!important;margin:auto!important;width:min(410px,calc(100vw - 28px))!important;max-height:calc(100dvh - 40px)!important;min-height:0!important;padding:0!important;border:1px solid #85c6d8!important;border-radius:13px!important;background:radial-gradient(ellipse at top,#214d60,#0b2132 75%)!important;color:#d9edf5!important;box-shadow:0 0 0 3px #071b2bd9,0 16px 60px #000b,inset 0 1px #c6f6ff38!important;overflow:auto!important;box-sizing:border-box!important}
#game-confirm::backdrop{background:#020b15bd;backdrop-filter:blur(3px)}
#game-confirm header{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid #6998ae66;background:linear-gradient(110deg,#204959,#0c2537)}
#game-confirm header>span{font-size:24px;color:#7de8ee;text-shadow:0 0 12px #4cd9ee66}
#game-confirm h2{margin:0;font:600 20px/1.2 Georgia,serif;color:#e1f6ff;text-shadow:0 2px 3px #0007}
#game-confirm p{padding:20px 18px;margin:0;font:400 13px/1.65 'Segoe UI',sans-serif;color:#c8e2ec;white-space:pre-wrap;overflow-wrap:anywhere}
#game-confirm footer{display:flex;justify-content:flex-end;gap:10px;padding:0 18px 17px}
#game-confirm button{min-width:112px;min-height:37px;padding:8px 16px;border:1px solid #6d9dae;border-radius:20px;background:linear-gradient(#254656,#112a3b);color:#dbedf4;font:600 13px/1.2 'Segoe UI',sans-serif;cursor:pointer}
#game-confirm [data-confirm=accept]{border-color:#71e1e6;background:linear-gradient(#187d8e,#0b4d62);box-shadow:inset 0 1px #c5ffff4d,0 0 10px #4cd9ee26}
#game-confirm button:hover{filter:brightness(1.2)}#game-confirm button:focus-visible{outline:2px solid #a6f5ff;outline-offset:3px}

body.arcane-layout #arcane-shell #game-overlay .refine-odds:has(>span:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Talent choices: current build, simple filters and compact actionable cards. */
body.arcane-layout #arcane-shell .talent-current-build{margin:10px 0;padding:12px;border:1px solid #527f94;border-radius:9px;background:linear-gradient(120deg,#15394a,#0b2233)}
body.arcane-layout #arcane-shell .talent-current-build h3{margin:0 0 5px;font-size:16px;color:#d8f3fa}
body.arcane-layout #arcane-shell .talent-current-build p{margin:0 0 9px;font:11px/1.5 'Segoe UI',sans-serif;color:#a5c7d7}
body.arcane-layout #arcane-shell .talent-current-build>div{display:flex;flex-wrap:wrap;gap:6px}
body.arcane-layout #arcane-shell .talent-current-build button{display:flex;align-items:center;gap:7px;padding:6px 9px;min-width:140px;max-width:230px;text-align:left;border:1px solid #5db9b1;border-radius:7px;background:#123743;color:#d8eeef}
body.arcane-layout #arcane-shell .talent-current-build button img{width:30px;height:30px;object-fit:contain;flex:0 0 30px}
body.arcane-layout #arcane-shell .talent-current-build button span{min-width:0}.talent-current-build button small,.talent-current-build button b{display:block;white-space:normal;overflow-wrap:anywhere}.talent-current-build button small{font:9px/1.3 'Segoe UI',sans-serif;color:#99c7ce}.talent-current-build button b{font-size:11px;line-height:1.3}
body.arcane-layout #arcane-shell .talent-view-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0}
body.arcane-layout #arcane-shell .talent-view-filters button{padding:5px 12px;min-height:28px;font-size:11px;border-radius:16px}
body.arcane-layout #arcane-shell .talent-view-filters button.active{border-color:#76dee4;background:#105465;box-shadow:inset 0 1px #baffff22,0 0 8px #67d9e322}
body.arcane-layout #arcane-shell .talent-view-filters>small{color:#87adbf;font:10px 'Segoe UI',sans-serif;margin-left:auto}
body.arcane-layout #arcane-shell .talent-choice-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))!important;gap:9px!important}
body.arcane-layout #arcane-shell .talent-choice{padding:11px!important;min-width:0;min-height:0!important}.talent-choice h3{overflow-wrap:anywhere}.talent-choice p{font-size:12px;line-height:1.5}.talent-choice button{font-size:11px!important;padding:7px 9px!important}

/* Combat styles: inventory-inspired framed panels and illustrated choices. */
body.arcane-layout #arcane-shell .combat-build-window{color:#d1e8f1;font-family:'Segoe UI',sans-serif;min-width:0}
body.arcane-layout #arcane-shell .combat-build-heading{display:flex;align-items:center;gap:18px;padding:13px 16px;border:1px solid #658fa5;border-radius:10px;background:radial-gradient(ellipse at top left,#204c60,#0b2233 80%);box-shadow:inset 0 1px #bcefff22,0 4px 12px #0003}
.combat-build-heading>div:first-child{flex:1;min-width:0}.combat-build-heading h2{font:600 23px/1.2 Georgia,serif;margin:3px 0 6px;color:#e5f6ff}.combat-build-heading p{font-size:11px;color:#a8cbd8;margin:0}.combat-build-heading>div>small{font-size:9px;letter-spacing:1.5px;color:#8acbd9}
.combat-build-points{display:flex;align-items:center;gap:9px}.combat-build-points>b{display:grid;place-items:center;min-width:46px;height:46px;border:1px solid #64d6db;border-radius:50%;font-size:23px;color:#c6ffff;background:radial-gradient(#1d6070,#0b293a);box-shadow:0 0 16px #38c6df22}.combat-build-points>span{font-size:11px;white-space:nowrap}.combat-build-points small{display:block;font-size:10px;color:#83adbf;margin-top:4px}
.combat-build-heading>button{padding:7px 10px;font-size:10px;border-radius:8px}.combat-build-tabs{display:flex;gap:7px;margin:12px 0}.combat-build-tabs button{padding:8px 18px;font-size:12px;border-radius:18px}.combat-build-tabs button.active{border-color:#8ce9ef;background:linear-gradient(#186a7a,#0b3b4e);box-shadow:0 0 10px #53dbea22,inset 0 1px #c4ffff33}
.combat-build-layout{display:grid;grid-template-columns:180px minmax(250px,1fr) minmax(300px,.9fr);gap:12px;align-items:start;min-height:420px}
.combat-build-profile,.combat-style-detail{border:1px solid #678fa2;border-radius:10px;background:linear-gradient(135deg,#102f40,#071c2a);box-shadow:inset 0 1px #c4f1ff22,0 3px 10px #0003;overflow:hidden}
.combat-build-profile{padding:11px}.combat-build-profile>img{width:100%;height:130px;object-fit:cover;object-position:50% 25%;border:1px solid #638b9d;border-radius:7px;background:#0b2637}.combat-build-profile>h3{font:600 20px Georgia,serif;margin:9px 0 4px}.combat-build-profile>small{font-size:10px;color:#9bc1d1;line-height:1.5}.combat-build-profile p{font-size:11px;line-height:1.5;color:#a9cad7;padding-top:10px;border-top:1px solid #456c7f66;margin:10px 0}.combat-build-profile p b{display:block;color:#c4f2f7;margin-bottom:4px}
.combat-style-list{display:flex;flex-direction:column;gap:11px;min-width:0}.combat-style-card{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:16px 12px;text-align:left;border:1px solid #638b9d;border-radius:10px;background:radial-gradient(ellipse at 0 80%,#224f6266,transparent),linear-gradient(#153648,#0a2334);color:#cee8ef;box-shadow:inset 0 1px #bcefff1a,0 4px 9px #0003;transition:border-color .15s,box-shadow .15s;min-height:148px}.combat-style-card:hover,.combat-style-card.selected{border-color:#8ae4ef;box-shadow:inset 0 0 17px #51cde511,0 0 12px #4acdde20}.combat-style-card.in-use{border-left:3px solid #61d9ac}.combat-style-card>div{flex:1;min-width:0}.combat-style-card h3{font:600 19px/1.25 Georgia,serif;color:#e2f5ff;margin:5px 0 7px;overflow-wrap:anywhere}.combat-style-card p{font-size:11px;line-height:1.5;color:#a3c6d5;margin:0 0 9px}.combat-style-card small{font-size:9px;letter-spacing:.5px;color:#7bd1d8}.combat-style-card span{font-size:10px;color:#c2e4ec}.combat-style-card>b{font-size:24px;color:#7fb5c7}
body.arcane-layout #arcane-shell .combat-style-icon{width:58px;height:58px;object-fit:contain;flex:0 0 58px;filter:drop-shadow(0 3px 5px #0007)}.combat-style-card>.combat-style-icon{width:74px;height:74px;flex-basis:74px;padding:5px;border:1px solid #6b9fb2;border-radius:12px;background:radial-gradient(#255466,#0b2537);box-shadow:inset 0 0 14px #67dce711}
.combat-style-note{padding:10px 12px;font-size:10px;line-height:1.6;color:#8eb2c3;background:#0a2434;border-left:2px solid #558aa0;border-radius:5px}
.combat-style-detail>header{display:flex;gap:11px;align-items:center;padding:13px;background:linear-gradient(110deg,#1b4051,#102b3c);border-bottom:1px solid #638ca266}.combat-style-detail header small{font-size:9px;letter-spacing:1px;color:#84b6c8}.combat-style-detail h3{font:600 20px/1.25 Georgia,serif;margin:4px 0;color:#def3ff}.combat-style-detail header span{font-size:10px;color:#a8d1dc}
.combat-style-members{padding:5px 12px;max-height:380px;overflow:auto}.combat-style-members article{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid #426b7c66}.combat-style-members article:last-child{border-bottom:0}.combat-member-state{color:#7ecbd8;font-size:17px;padding-top:1px}.combat-style-members article.in-use .combat-member-state{color:#6de2ad}.combat-style-members article.locked{opacity:.55}.combat-style-members article b{display:block;font-size:12px;color:#d0ebf3}.combat-style-members article small{display:block;font-size:9px;color:#86b5c8;margin:3px 0}.combat-style-members article p{font-size:10px;line-height:1.5;color:#aac7d5;margin:5px 0 0}
.combat-style-detail>footer{padding:12px;border-top:1px solid #527f9366;background:#0d2939}.combat-style-detail footer p{font-size:11px;color:#a3c7d6;margin:0 0 10px}.combat-build-primary{width:100%;padding:10px!important;border:1px solid #7fe3eb!important;border-radius:22px!important;background:linear-gradient(#14788a,#0b4359)!important;color:#d7fcff!important;font-size:12px!important;box-shadow:0 0 12px #36d4e31c}.combat-build-primary:disabled{opacity:.5;box-shadow:none}
.combat-skill-intro{font-size:11px;line-height:1.6;color:#94b7c9;margin:10px 0 14px}.combat-skill-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.combat-skill-column{min-width:0;border:1px solid #6d91a7;border-radius:10px;background:linear-gradient(130deg,#123345,#081e2d);overflow:hidden;box-shadow:inset 0 1px #c1f4ff22}.combat-skill-column>header{text-align:center;padding:15px 12px;border-bottom:1px solid #5d899b77;background:radial-gradient(ellipse at top,#244f62,#0b2638 80%)}.combat-skill-column header>small{display:block;font-size:10px;letter-spacing:1.3px;color:#91d7e3}.combat-skill-column header>.combat-style-icon{width:78px!important;height:78px!important;margin:12px 0 6px;padding:6px;border:1px solid #78acbf;border-radius:14px;background:radial-gradient(#2b5f73,#0c2537)}.combat-skill-column header h3{font:600 20px/1.3 Georgia,serif;color:#e5f4ff;margin:4px 0 8px}.combat-skill-column header p{font-size:11px;line-height:1.6;color:#a9cad8;margin:0 0 10px}.combat-skill-column header span{font-size:10px;color:#7fd2dd}.combat-skill-options{padding:11px}.combat-skill-options h4{font-size:11px;color:#a3c7d8;margin:0 0 9px}.combat-skill-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px!important;margin:0 0 7px!important;min-height:68px;text-align:left;border:1px solid #557f94!important;border-radius:8px!important;background:linear-gradient(115deg,#173b4d,#0c2738)!important;color:#d1eaf0!important}.combat-skill-option>.combat-style-icon{width:43px!important;height:43px!important;flex-basis:43px!important}.combat-skill-option>span{min-width:0}.combat-skill-option b,.combat-skill-option small,.combat-skill-option em{display:block}.combat-skill-option b{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.combat-skill-option small{font:10px/1.4 'Segoe UI',sans-serif;color:#88c9d4;margin-top:3px}.combat-skill-option em{font:9px/1.4 'Segoe UI',sans-serif;color:#7fa6b9}.combat-skill-option.in-use{border-color:#63dbb8!important;background:linear-gradient(115deg,#19483f,#0b2b34)!important}.combat-skill-option:disabled{opacity:.55}.combat-skill-more summary{padding:9px;cursor:pointer;font-size:11px;color:#92ced9;border-bottom:1px solid #4b7b8e55;margin-bottom:8px}.combat-skill-disable{padding:7px!important;font-size:10px!important;width:100%;margin-top:6px!important;background:#0c2435!important;color:#94b8c9!important;border-radius:7px!important}
@media(max-width:1150px){.combat-build-layout{grid-template-columns:minmax(250px,1fr) minmax(300px,1fr)}.combat-build-profile{display:none}.combat-style-card{min-height:136px}.combat-style-card>.combat-style-icon{width:62px;height:62px;flex-basis:62px}}@media(max-width:760px){.combat-build-heading{flex-wrap:wrap;gap:10px!important}.combat-build-heading>div:first-child{flex-basis:100%}.combat-build-layout,.combat-skill-columns{grid-template-columns:minmax(0,1fr)}.combat-style-members{max-height:none}.combat-style-card{min-height:120px}}

/* Isolate build panels from the legacy fixed aside, header, footer and navigation styles. */
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-build-window{display:block!important;width:100%!important;min-width:0!important;position:relative!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-build-layout{display:grid!important;grid-template-columns:180px minmax(250px,1fr) minmax(300px,1fr)!important;gap:12px!important;position:relative!important;align-items:start!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-build-profile{position:static!important;inset:auto!important;width:auto!important;min-width:0!important;display:block!important;grid-column:1!important;grid-row:1!important;padding:11px!important;margin:0!important;z-index:auto!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-style-list{position:static!important;width:auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;grid-column:2!important;grid-row:1!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-style-detail{position:static!important;width:auto!important;min-width:0!important;display:block!important;grid-column:3!important;grid-row:1!important;margin:0!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-style-card{display:flex!important;align-items:center!important;flex-direction:row!important;width:100%!important;min-width:0!important;max-width:none!important;text-align:left!important;padding:14px!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-style-card>div{width:auto!important;min-width:0!important;flex:1!important}.combat-style-card small{width:auto!important}.combat-style-card span{width:auto!important;font-size:10px!important;white-space:normal!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-build-window header{position:static!important;inset:auto!important;float:none!important;margin-bottom:0!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-build-window footer{position:static!important;inset:auto!important;display:block!important;margin:0!important;font-size:11px!important;letter-spacing:0!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-build-tabs{display:flex!important;margin:12px 0!important;gap:7px!important}.combat-build-tabs button{flex:0 1 auto!important;white-space:normal!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-style-detail>header{display:flex!important;justify-content:flex-start!important;gap:10px!important}.combat-style-detail header>div{min-width:0;flex:1}.combat-style-detail header span{width:auto!important}
.defeat-countdown{font:600 12px/1.5 'Segoe UI',sans-serif!important;color:#8bdce6!important;text-align:center;margin:12px 0 0!important}
@media(max-width:1150px){body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-build-layout{grid-template-columns:minmax(240px,1fr) minmax(280px,1fr)!important}body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-build-profile{display:none!important}body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-style-list{grid-column:1!important}body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-style-detail{grid-column:2!important}}
@media(max-width:760px){body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-build-layout{grid-template-columns:minmax(0,1fr)!important}body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-style-detail{grid-column:1!important;grid-row:2!important}}

body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-build-window .skill-damage-line{display:block!important;font:700 12px/1.5 'Segoe UI',sans-serif!important;color:#8ce4d0!important;margin:7px 0 4px!important;width:auto!important;white-space:normal!important}.skill-damage-note{font-size:9px!important;color:#87aebf!important;margin:4px 0 9px!important}.combat-skill-option em{white-space:normal!important;font-size:10px!important;line-height:1.5!important}.combat-skill-option{align-items:flex-start!important}.combat-skill-option>.combat-style-icon{margin-top:3px}

/* Skill summaries must not inherit the page header's horizontal flex layout. */
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-skill-column>header{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;justify-content:stretch!important;gap:7px 12px!important;text-align:left!important;padding:14px!important;min-width:0!important;width:100%!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-skill-column>header>.combat-style-icon{grid-column:1!important;grid-row:1/span 2!important;width:62px!important;height:62px!important;min-width:62px!important;margin:0!important;padding:5px!important;box-sizing:border-box!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-skill-column>header>small:first-child{grid-column:2!important;grid-row:1!important;margin:0!important;font-size:10px!important;letter-spacing:.5px!important;width:auto!important;white-space:normal!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-skill-column>header>h3{grid-column:2!important;grid-row:2!important;width:auto!important;min-width:0!important;margin:0!important;font:600 19px/1.25 Georgia,serif!important;word-break:normal!important;overflow-wrap:break-word!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-skill-column>header>:is(p,strong,.skill-damage-note,span){grid-column:1/-1!important;width:auto!important;max-width:100%!important;white-space:normal!important;margin:3px 0!important}
body.arcane-layout #arcane-shell #game-overlay #overlay-body .combat-skill-column>header>p{font:11px/1.6 'Segoe UI',sans-serif!important;color:#b2cedb!important}.combat-skill-options>.combat-skill-option>span{flex:1;min-width:0}

/* Cumulative talent training: five compact, equally sized stages. */
.training-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:8px 0}.training-card{min-width:0;border:1px solid #476778;border-radius:12px;padding:14px;background:linear-gradient(145deg,#163345,#091d2a);display:flex;flex-direction:column;gap:12px}.training-card.current{border-color:#58dce8;box-shadow:inset 0 0 22px #30cbd316,0 0 12px #30cbd319}.training-card.complete{border-color:#5db996}.training-card.locked{opacity:.7}.training-title{display:flex;align-items:center;gap:9px}.training-title .combat-style-icon{width:48px!important;height:48px!important;flex:none}.training-title h3{font-size:16px;margin:4px 0;overflow-wrap:normal!important;word-break:normal!important}.training-title small{font-size:10px;color:#9cc3d4}.training-card progress{width:100%;height:8px;accent-color:#44d6dd}.training-effects{flex:1;font-size:12px;line-height:1.5}.training-effects p{margin:0 0 10px}.training-card button{width:100%;min-height:36px;white-space:normal}@media(max-width:1150px){.training-path{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.training-path{grid-template-columns:1fr}}

.pet-combat-hud{display:flex;align-items:center;gap:7px;margin:5px 9px 7px;padding:5px 8px;background:linear-gradient(100deg,#153443,#091b29);border:1px solid #416878;border-radius:8px;min-width:0}.pet-combat-hud img{width:29px;height:29px;object-fit:contain}.pet-combat-hud span{display:grid;flex:1;min-width:0}.pet-combat-hud b{font-size:11px;color:#c5e5f3}.pet-combat-hud small{font-size:10px;color:#8fbacb}.pet-combat-hud progress{width:62px;height:6px;accent-color:#65d2e0}

/* Compact per-piece market action, isolated from generic menu button styles. */
body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-grid{grid-auto-rows:66px!important;height:136px!important;min-height:136px!important;max-height:136px!important;overflow-y:auto!important;overflow-x:hidden!important;flex:none!important}body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-actions{display:grid!important;grid-template-rows:46px 18px!important;gap:2px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:66px!important;margin:0!important;padding:0!important;overflow:visible!important}body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-actions>.codex-market-piece{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;border-radius:4px!important;transform:none!important}body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-actions>.codex-market-piece img{display:block!important;width:13px!important;height:13px!important;min-width:13px!important;max-width:13px!important;max-height:13px!important;margin:0!important;object-fit:contain!important}.codex-market-return{display:flex;align-items:center;gap:10px;margin:0 0 8px;flex-wrap:wrap}.codex-market-return small{color:#9bc6cc;font-size:11px}

body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-entry{display:grid!important;grid-template: 'heading' minmax(42px,auto) 'bonus' minmax(76px,auto) 'origin' 15px 'pieces' 136px 'action' auto / minmax(0,1fr)!important;align-content:start!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .set-codex-entry>header{grid-area:heading}body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-completion-reward{grid-area:bonus}body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-drop-locations{grid-area:origin}body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-grid{grid-area:pieces}body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-register-set{grid-area:action;margin:0!important;min-height:26px!important}

body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-actions>.codex-piece{opacity:1!important;filter:none!important;transform:none!important;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--rarity) 55%,transparent),transparent 85%),linear-gradient(145deg,#193142,#081522)!important;border:1px solid var(--rarity)!important;box-shadow:inset 0 0 0 1px #ffffff15,inset 0 -5px 10px color-mix(in srgb,var(--rarity) 25%,transparent)!important}body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-actions>.codex-piece img{opacity:1!important;filter:saturate(1.16) drop-shadow(0 2px 2px #0008)!important}body.arcane-layout #arcane-shell #game-overlay[data-view=codex] #overlay-body .codex-piece-actions>.codex-piece.registered{border-color:#75e9aa!important;box-shadow:inset 0 0 0 1px #75e9aa77,0 0 5px #43d18a44!important}