/* Azul Arcano reference palette. Shared by every player-facing surface. */
body.arcane-layout{--ui-ink:#06121f;--ui-base:#091b2c;--ui-panel:#102737;--ui-raised:#173246;--ui-field:#081b2b;--ui-silver:#a5bbca;--ui-line:#486477;--ui-text:#eff5fa;--ui-muted:#a9c6d9;--ui-cyan:#16dae9;--ui-blue:#98d6fa;--ui-shadow:0 9px 30px #01081180;color:var(--ui-text)!important;background:var(--ui-ink)!important;color-scheme:dark;accent-color:var(--ui-cyan)}
body.arcane-layout #arcane-shell{background:var(--ui-ink)!important}
body.arcane-layout #arcane-header{background:linear-gradient(90deg,#071626ee,#07162665 45%,#071626f2 73%),url('assets/ui/arcane/forest-backdrop.png') center 35%/cover!important;border-bottom:1px solid #83d7f5!important;box-shadow:0 1px 7px #41d4f51a!important}
body.arcane-layout #arcane-sidebar{background:linear-gradient(#081725f5 65%,#091c2dd9),url('assets/ui/arcane/forest-backdrop.png') 10% bottom/auto 55% no-repeat!important;border-right:1px solid #416b84!important}
body.arcane-layout #arcane-navigation #nav>button{color:var(--ui-text)!important;border-radius:24px!important}
body.arcane-layout #arcane-navigation #nav>button:hover{background:linear-gradient(90deg,#15415899,#0d283c)!important;border-color:#518d9e!important}
body.arcane-layout #arcane-navigation #nav>button.active{background:radial-gradient(ellipse at 50% 100%,#12d7e98c,transparent 80%),linear-gradient(#0c3b4c,#115367)!important;border:1px solid #b0faff!important;box-shadow:inset 0 0 0 1px #2fe2f8,inset 0 -4px 14px #16e4ef8a,0 0 8px #16e4ef8a!important;color:#fff!important}
body.arcane-layout .arcane-nav-heading{color:var(--ui-blue)!important}
body.arcane-layout #arcane-hero-panel,body.arcane-layout #arcane-missions,body.arcane-layout #arcane-chat-panel,body.arcane-layout #arcane-loot-panel{background:radial-gradient(ellipse at 15% 0,#25455666,transparent 70%),linear-gradient(135deg,#102737,#071726)!important;box-shadow:inset 0 0 20px #010a1750,0 3px 12px #0005!important}
body.arcane-layout #arcane-missions>header,body.arcane-layout #arcane-loot-panel>header{background:linear-gradient(90deg,#1c3c4b99,transparent)!important;border-bottom-color:#8aabb34d!important}
body.arcane-layout .arcane-mission{background:#06182777!important;border:0!important;border-bottom:1px solid #587d8d40!important;border-radius:8px!important}
body.arcane-layout .arcane-mission-track{height:8px!important;background:#3b4b5b!important;border:0!important;border-radius:6px!important;overflow:hidden}
body.arcane-layout .arcane-mission-track i{background:linear-gradient(#57fbff,#08bfcf)!important;box-shadow:inset 0 1px #d8ffff99,0 0 8px #10e7ee77!important;border-radius:6px}
body.arcane-layout #arcane-hero-panel .hp-gauge i{background:linear-gradient(#ffb0b4,#fa455d 45%,#b51535)!important;box-shadow:inset 0 1px #ffe6e699,0 0 6px #f6536644!important}
body.arcane-layout #arcane-hero-panel .mp-gauge i{background:linear-gradient(#bbebff,#2777ee 45%,#1545bd)!important;box-shadow:inset 0 1px #dbffffaa,0 0 6px #36bfff77!important}
body.arcane-layout #battlefield .expedition-flow-controls button{border-radius:27px!important;background:linear-gradient(#344252f2,#142333f5)!important;border:1px solid #b4c8d5!important;box-shadow:inset 0 1px #e1f5ff55,0 3px 8px #0007!important}
body.arcane-layout #battlefield .expedition-flow-controls button[data-flow=next]:not(:disabled){background:radial-gradient(ellipse at 50% 100%,#04e2e8a8,transparent 85%),linear-gradient(#135165,#056677)!important;border-color:#aeffff!important;box-shadow:inset 0 0 0 1px #1be8ee,inset 0 -3px 10px #14ffff88,0 0 10px #0ce9efaa!important;color:white!important}
/* Menus, submenus, item dialogs, settings and all shared actions. */
body.arcane-layout :is(#game-overlay,#modal,#live-stats){background:radial-gradient(ellipse at 25% 0,#23445655,transparent 70%),linear-gradient(135deg,#0e2536,#061422)!important;color:var(--ui-text)!important;border:1px solid var(--ui-silver)!important;border-radius:12px!important;box-shadow:inset 0 0 0 3px #081725,inset 0 0 0 4px #54748866,var(--ui-shadow)!important}
body.arcane-layout #game-overlay>header{background:linear-gradient(100deg,#1c3b4b99,#0a1d2d)!important;border-bottom:1px solid #7798ac88!important}
body.arcane-layout :is(#overlay-body,#modalbody){color:var(--ui-text)!important;font-family:ArcaneText,Georgia,serif!important}
body.arcane-layout :is(#overlay-body,#modalbody) :is(h1,h2,h3,h4){color:var(--ui-text)!important;text-shadow:0 1px 2px #000;font-family:ArcaneText,Georgia,serif!important}
body.arcane-layout :is(#overlay-body,#modalbody) :is(.subtle,.muted,.description){color:var(--ui-muted)!important}
body.arcane-layout :is(#overlay-body,#modalbody) :is(.panel,.card,.character-card,.talent-node,.mission-card,.workshop-preview,.workshop-cost,.material-chip,.gacha-heading,.gacha-machine,.gacha-guarantee,.gacha-grand-prizes,.gacha-grand-weapon,.gacha-grand-pet,.reward-set-bonus-highlight,.codex-card,.codex-entry,.inventory-bulk-tools,.owned-items,.paperdoll,.resource-card,.resources-grid>*,.material-grid>*,.settings-group,.setting-row){background:radial-gradient(ellipse at 15% 0,#294b5b40,transparent 75%),linear-gradient(135deg,#102a3b,#091d2d)!important;color:var(--ui-text)!important;border-color:#4e7087!important;border-radius:9px!important;box-shadow:inset 0 1px #b6dce51a,0 3px 9px #0003!important}
body.arcane-layout :is(#game-overlay,#modal,#live-stats) button,body.arcane-layout #close{background:linear-gradient(#284859,#112c3e)!important;color:var(--ui-text)!important;border:1px solid #8aabbc!important;border-radius:8px!important;box-shadow:inset 0 1px #d3f1ff33,0 2px 4px #0005!important;font-family:ArcaneText,Georgia,serif!important;text-shadow:0 1px 2px #000;transition:background .15s,box-shadow .15s,border-color .15s}
body.arcane-layout :is(#game-overlay,#modal,#live-stats) button:hover:not(:disabled),body.arcane-layout #close:hover{background:linear-gradient(#315d70,#164156)!important;border-color:#a6edff!important;box-shadow:inset 0 1px #e1fbff55,0 0 8px #25d9ec35!important}
body.arcane-layout :is(#game-overlay,#modal,#live-stats) button:is(.active,.selected,[aria-selected=true],[aria-pressed=true]),body.arcane-layout :is(#overlay-body,#modalbody) button:is(.primary,.buy,.craft-button){background:radial-gradient(ellipse at 50% 100%,#12d7e96b,transparent 90%),linear-gradient(#154b5c,#086174)!important;border-color:#a2f6ff!important;box-shadow:inset 0 1px #dfffff77,inset 0 -2px 8px #06e5ed55,0 0 9px #04cfd855!important;color:#fff!important}
body.arcane-layout :is(#game-overlay,#modal,#live-stats) button:disabled{background:linear-gradient(#263543,#152532)!important;color:#91a4b4!important;border-color:#435b6c!important;opacity:.55;box-shadow:none!important;cursor:not-allowed}
body.arcane-layout :is(#game-overlay,#modal,#live-stats) :is(input,select,textarea){background:var(--ui-field)!important;color:var(--ui-text)!important;border:1px solid #6e91a7!important;border-radius:7px!important;box-shadow:inset 0 2px 5px #010a1655!important;accent-color:var(--ui-cyan)}
body.arcane-layout :is(#game-overlay,#modal,#live-stats) :is(input,select,textarea):focus-visible{outline:1px solid #9af5ff!important;border-color:#6aeef7!important;box-shadow:0 0 7px #13d9ee44!important}
body.arcane-layout :is(#game-overlay,#modal,#live-stats) :is(input,textarea)::placeholder{color:#8aa9bf!important;opacity:1}
body.arcane-layout :is(#game-overlay,#modal,#live-stats) option{background:#0b2032!important;color:#e7f5ff!important}
body.arcane-layout :is(#overlay-body,#modalbody) :is(table,thead,tbody,tr,td,th){background-color:transparent!important;color:var(--ui-text);border-color:#456477!important}
body.arcane-layout :is(#overlay-body,#modalbody) th{background:#183647!important;color:#bcdfef!important}
body.arcane-layout :is(#overlay-body,#modalbody) tbody tr:nth-child(even){background:#19384a40!important}
body.arcane-layout :is(#overlay-body,#modalbody) :is(.bar,.progress,.progress-track){background:#334959!important;border-color:#5a778a!important;border-radius:6px;overflow:hidden}
body.arcane-layout :is(#overlay-body,#modalbody) :is(.bar,.progress,.progress-track)>i{background:linear-gradient(#54f3ff,#08b9ca)!important}
body.arcane-layout :is(#overlay-body,#modalbody) progress{accent-color:var(--ui-cyan);background:#334959;border:0;border-radius:6px}
body.arcane-layout :is(#overlay-body,#modalbody) progress::-webkit-progress-bar{background:#334959;border-radius:6px}
body.arcane-layout :is(#overlay-body,#modalbody) progress::-webkit-progress-value{background:linear-gradient(#54f3ff,#08b9ca);border-radius:6px}
body.arcane-layout :is(#overlay-body,#modalbody) progress::-moz-progress-bar{background:linear-gradient(#54f3ff,#08b9ca);border-radius:6px}
/* Rarity remains meaningful through colored edge accents, never light card fills. */
body.arcane-layout :is(#overlay-body,#modalbody) :is(.owned-item,.paper-slot,.gacha-prize,.workshop-catalog>button,.codex-item){background:radial-gradient(ellipse at 50% 80%,#2f53644d,transparent),linear-gradient(#142c40,#091a2b)!important;box-shadow:inset 0 0 0 2px #020c1744,0 2px 5px #0005!important;color:var(--ui-text)!important}
body.arcane-layout :is(#overlay-body,#modalbody) :is(.inventory-tabs,.workshop-tabs,.craft-type-menu,.bulk-tabs,.codex-tabs,.settings-tabs){background:transparent!important;border-bottom:1px solid #587c9270!important;padding-bottom:9px}
body.arcane-layout :is(#rich-tooltip,#item-tooltip){background:radial-gradient(ellipse at 20% 0,#2a4d6055,transparent 80%),linear-gradient(135deg,#102738fa,#061423fc)!important;border:1px solid #9cb9c9!important;border-left:3px solid var(--tip-color,#89daf5)!important;border-radius:9px!important;color:var(--ui-text)!important;box-shadow:inset 0 0 0 2px #07172666,0 10px 30px #000a!important;font-family:ArcaneText,Georgia,serif!important}
body.arcane-layout :is(#rich-tooltip,#item-tooltip) :is(strong,h2,h3,b){color:var(--ui-text)!important}body.arcane-layout :is(#rich-tooltip,#item-tooltip) :is(p,small){color:#bed4e1!important}
body.arcane-layout #toast{background:linear-gradient(#193a4c,#0a2133)!important;color:var(--ui-text)!important;border:1px solid #8cbacc!important;border-radius:8px!important;box-shadow:0 5px 20px #0008!important}
body.arcane-layout dialog::backdrop{background:#010814bc;backdrop-filter:blur(3px)}
body.arcane-layout .game-chat .chat-content>nav{gap:0!important;border-bottom:1px solid #6b8b9a77!important}
body.arcane-layout .game-chat [data-chat-channel]{border:0!important;border-radius:6px 6px 0 0!important;background:transparent!important;box-shadow:none!important;color:var(--ui-text)!important}
body.arcane-layout .game-chat [data-chat-channel].active{background:linear-gradient(#173d4b33,#08d4eb4d)!important;box-shadow:inset 0 -3px #57f5ff,0 4px 6px -4px #25f7ff!important;color:#fff!important}
body.arcane-layout .game-chat #chat-send button{background:linear-gradient(#285669,#0e3248)!important;border:1px solid #88c6d8!important;color:#bbf6ff!important;box-shadow:inset 0 1px #c0faff33!important}
body.arcane-layout #arcane-wallet .wallet>span,body.arcane-layout #arcane-wallet .wallet>button{background:linear-gradient(#102737,#071725)!important;border-color:#4b6c81!important;box-shadow:inset 0 1px #b6d7e817!important}
body.arcane-layout :is(button,input,select,textarea):focus-visible{outline:2px solid #8ef5ff!important;outline-offset:2px}
body.arcane-layout *{scrollbar-color:#456d85 #0a1a29;scrollbar-width:thin}
@media(prefers-reduced-motion:reduce){body.arcane-layout *{transition:none!important;animation:none!important}}
body.arcane-layout #battlefield .expedition-flow-controls button:not(.active){background:linear-gradient(#344252f2,#142333f5)!important;border-color:#7896ac!important;box-shadow:inset 0 1px #d9efff33,0 2px 6px #0005!important}
body.arcane-layout #battlefield .expedition-flow-controls button.active{background:radial-gradient(ellipse at 50% 100%,#04e2e8a8,transparent 85%),linear-gradient(#135165,#056677)!important;border-color:#aeffff!important;box-shadow:inset 0 0 0 1px #1be8ee,inset 0 -3px 10px #14ffff88,0 0 10px #0ce9ef88!important}
/* Explicit mutually exclusive automatic-mode skins. */
body.arcane-layout #arcane-main #battlefield .expedition-flow-controls button[aria-pressed=false]{background:linear-gradient(#344252f2,#142333f5)!important;border:1px solid #7896ac!important;box-shadow:inset 0 1px #d9efff33,0 2px 6px #0005!important;color:#b4c9d8!important}
body.arcane-layout #arcane-main #battlefield .expedition-flow-controls button[aria-pressed=true]{background:radial-gradient(ellipse at 50% 100%,#04e2e8a8,transparent 85%),linear-gradient(#135165,#056677)!important;border:1px solid #aeffff!important;box-shadow:inset 0 0 0 1px #1be8ee,inset 0 -3px 10px #14ffff88,0 0 10px #0ce9ef88!important;color:#fff!important}
/* Remove legacy centered-dialog transforms from the new viewport grid. */
body.arcane-layout #arcane-shell>#game-overlay{position:fixed!important;inset:82px 18px 18px 226px!important;translate:none!important;transform:none!important;scale:none!important;animation:none!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;margin:0!important;overflow:hidden!important;display:flex;flex-direction:column;isolation:isolate}
body.arcane-layout #arcane-shell>#game-overlay[hidden]{display:none!important}
body.arcane-layout #arcane-shell>#game-overlay>header{flex:0 0 auto!important;min-width:0!important;position:relative!important;inset:auto!important;transform:none!important;box-sizing:border-box!important}
body.arcane-layout #arcane-shell>#game-overlay #overlay-body{flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:auto!important;overscroll-behavior:contain}
body.arcane-layout #overlay-body>*{min-width:0;max-width:100%;box-sizing:border-box}body.arcane-layout #overlay-body img{max-width:100%}
body.arcane-layout #modal{position:fixed!important;translate:none!important;transform:none!important;animation:none!important;inset:0!important;margin:auto!important;width:min(650px,calc(100vw - 28px))!important;min-width:0!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 28px)!important;box-sizing:border-box!important;overflow:auto!important;padding:20px!important}
body.arcane-layout #modal.map-loot-modal{width:min(880px,calc(100vw - 28px))!important}
body.arcane-layout #overlay-body .inventory-bulk-tools{padding:10px 12px!important}
.inventory-main-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.inventory-organize{flex:1 1 220px;min-width:0}.inventory-organize>summary{list-style:none;cursor:pointer;padding:9px 14px;border:1px solid #779cad;border-radius:8px;background:linear-gradient(#284859,#102c3d);color:#e7f5ff;font:500 14px ArcaneText,serif}.inventory-organize>summary:after{content:' ▾';float:right;color:#9bdbea}.inventory-organize[open]>summary:after{content:' ▴'}.inventory-organize>summary:focus-visible{outline:2px solid #8ef5ff;outline-offset:2px}.inventory-organize-content{display:grid;gap:10px;padding:13px 0 3px}.inventory-organize-content>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inventory-organize-content .rarity-selection{display:flex;gap:5px;flex-wrap:wrap}.inventory-organize-content .rarity-selection button{border-left:3px solid var(--rarity)!important}
body.arcane-layout #overlay-body [data-inventory=equip-best]{padding:9px 16px!important;border-color:#a2f6ff!important;background:linear-gradient(#155264,#086174)!important;min-height:38px!important;white-space:nowrap}
@media(max-height:820px) and (min-width:901px){body.arcane-layout #arcane-shell>#game-overlay{inset:72px 12px 12px 206px!important}}
@media(min-width:1700px){body.arcane-layout #arcane-shell>#game-overlay{left:250px!important}}
@media(max-width:1250px) and (min-width:901px){body.arcane-layout #arcane-shell>#game-overlay{left:192px!important}}
@media(max-width:900px){body.arcane-layout #arcane-shell>#game-overlay{inset:72px 8px 8px!important}body.arcane-layout #modal{padding:14px!important}.inventory-main-actions{align-items:stretch}.inventory-organize{flex-basis:100%}}