/* Azul Arcano — approved desktop layout, built around the live game. */
body.arcane-layout{--arcane-bg:#081826;--arcane-panel:#10283b;--arcane-raised:#17394e;--arcane-line:#52748a;--arcane-text:#edf4f8;--arcane-muted:#9db7c8;--arcane-cyan:#6ae0ee;background:#071522!important;color:var(--arcane-text);display:block!important;width:100%;height:100dvh;min-height:100dvh;overflow:hidden!important;padding:0!important;margin:0!important;font-family:'Segoe UI',Arial,sans-serif}
body.arcane-layout>aside,body.arcane-layout>#legacy-game-shell{display:none!important}
#arcane-shell{display:grid;grid-template-columns:214px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr);height:100dvh;width:100%;overflow:hidden;background:radial-gradient(ellipse at 4% 100%,#12355170,transparent 40%),#081826}
#arcane-header{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #50748d;background:linear-gradient(100deg,#0c2237,#102c43 55%,#0a1c2d);min-width:0;z-index:40;box-shadow:0 4px 20px #020b1533}
.arcane-brand{border:0!important;background:none!important;box-shadow:none!important;display:flex;align-items:center;gap:10px;white-space:nowrap;padding:0!important;color:#dceffd!important;min-width:0;cursor:pointer}
.arcane-brand svg{width:44px;height:53px;flex:0 0 44px;filter:drop-shadow(0 2px 4px #6ec2f432)}
.arcane-brand span{font-family:Georgia,'Times New Roman',serif;font-size:29px;letter-spacing:.4px;font-weight:500;text-shadow:0 2px 2px #020910}
#arcane-mobile-toggle{display:none}
#arcane-wallet{margin-left:auto;min-width:0}
.arcane-layout #arcane-wallet .wallet{position:static!important;display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:nowrap!important;gap:9px;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.arcane-layout #arcane-wallet .wallet>span,.arcane-layout #arcane-wallet .wallet>button{height:46px!important;min-width:0!important;padding:5px 9px!important;gap:7px!important;border:1px solid #3e6177!important;border-radius:9px!important;background:linear-gradient(#102b40,#091d30)!important;box-shadow:inset 0 1px #8bb8cb12,0 2px 3px #0003!important}
.arcane-layout #arcane-wallet .wallet img{width:29px!important;height:29px!important;object-fit:contain}
.arcane-layout #arcane-wallet .wallet b{font-size:16px!important;color:#e9f4fc;letter-spacing:.1px;white-space:nowrap}
.arcane-layout #arcane-wallet .wallet small{font-size:9px!important;color:#bdd2df;white-space:nowrap}
.arcane-layout #arcane-wallet .wallet>button span{font-size:11px}
#arcane-header-tools{display:flex;align-items:center;gap:7px;flex-shrink:0}
#arcane-header-tools .journey-actions,#arcane-header-tools .journey-utilities{position:static;display:flex;gap:6px;margin:0;padding:0;background:none;border:0}
#arcane-header-tools .journey-live{display:none!important}
#arcane-header-tools button{height:35px!important;width:35px!important;min-width:35px!important;padding:7px!important;background:#122c40!important;border:1px solid #3d5e73!important;border-radius:9px!important;color:#c5d8e6}
#arcane-header-tools button img,#arcane-header-tools button svg{width:20px!important;height:20px!important}
#arcane-sidebar{position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;grid-column:1;grid-row:2;display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid #3c5a70;background:linear-gradient(150deg,#0c2235f5,#091c2e);padding:7px 10px 10px;overflow:hidden}
#arcane-navigation{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3c657c transparent}
.arcane-layout #arcane-navigation #nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;overflow:visible!important;width:100%!important;position:static!important;border:0!important;padding:0!important;margin:0!important;background:none!important}
.arcane-nav-heading{font:500 19px Georgia,serif;color:#a5cfeb!important;display:flex;align-items:center;gap:9px;letter-spacing:.1px;margin:17px 4px 8px!important;line-height:1.2}
.arcane-nav-heading:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#547e9c,transparent);opacity:.65}
.arcane-nav-heading:before{content:'◇';order:2;font-size:10px;color:#75bddd}
.arcane-layout #arcane-navigation #nav button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-width:0!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:3px 9px!important;position:relative!important;border-radius:11px!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;text-align:left!important;color:#e3edf5!important;transform:none!important}
.arcane-layout #arcane-navigation #nav button>span:first-child{height:37px!important;width:37px!important;flex:0 0 37px!important;display:grid!important;place-items:center;background:none!important;border:0!important;box-shadow:none!important}
.arcane-layout #arcane-navigation #nav button .arcade-cartoon-icon{width:36px!important;height:36px!important;opacity:1!important;filter:drop-shadow(0 2px 1px #020b1790)!important;object-fit:contain}
.arcane-layout #arcane-navigation #nav button em{display:none!important}
.arcane-layout #arcane-navigation #nav .arcade-nav-label{display:block!important;font:500 15px Georgia,'Times New Roman',serif!important;line-height:1.15!important;text-align:left!important;white-space:normal!important;max-width:none!important;margin:0!important;letter-spacing:0!important;overflow:visible!important;color:inherit!important;flex:1}
.arcane-layout #arcane-navigation #nav button:hover{background:#2042588c!important;border-color:#45728e!important}
.arcane-layout #arcane-navigation #nav button.active{background:linear-gradient(100deg,#146473,#174253)!important;border-color:#6fe2ef!important;box-shadow:inset 0 0 13px #41d3ed29,0 0 8px #39c2d423!important;color:#f1ffff!important}
.arcane-layout #arcane-navigation #nav button:focus-visible{outline:2px solid #91def0;outline-offset:1px}
.arcane-layout #arcane-navigation #nav button.has-notification>span:after{right:4px;top:4px;background:#98eccb;box-shadow:0 0 5px #98eccb88}
#arcane-account{font-size:10px;padding:10px 6px 0;border-top:1px solid #31546a;color:#8eafc4;min-height:24px}
#arcane-account .account-sync{display:block;position:static;max-width:100%;white-space:normal;background:none!important;border:0!important;padding:0!important;font-size:9px!important;line-height:1.4}
#arcane-main{grid-column:2;grid-row:2;display:grid!important;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr) 202px;grid-template-areas:'battle hero' 'bottom bottom';gap:12px;padding:12px!important;min-height:0;min-width:0;margin:0!important;max-width:none!important;width:auto!important;overflow:hidden}
.arcane-layout #battlefield{grid-area:battle;position:relative!important;min-width:0!important;min-height:0!important;height:100%!important;width:100%!important;max-width:none!important;margin:0!important;border:1px solid #5b8098!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 5px 18px #010b1555;background:#0c2234!important;transform:none!important;isolation:isolate}
.arcane-layout #battlefield>canvas{display:block!important;width:100%!important;height:100%!important;filter:saturate(1.06) contrast(1.02)}
.arcane-layout #battlefield .battle-brand{display:none!important}
.arcane-layout #battlefield .map-hud{top:12px!important;left:12px!important;max-width:calc(100% - 25px)!important;background:linear-gradient(100deg,#0a2035ed,#0b273cd9)!important;border:1px solid #5b829b!important;border-radius:10px!important;padding:10px 12px!important;box-shadow:0 2px 8px #0004}
.arcane-layout #battlefield .map-hud strong{font:500 19px Georgia,serif!important;line-height:1.25!important;color:#f2f7fc}
.arcane-layout #battlefield .map-hud span,.arcane-layout #battlefield .map-hud small{font-size:10px!important;color:#bad5e4}
.arcane-layout .expedition-flow-controls{gap:6px!important;z-index:25}
.arcane-layout .expedition-flow-controls button{background:linear-gradient(#183d52,#102a40)!important;border:1px solid #7ca7bf!important;box-shadow:inset 0 1px #c5e5ee15!important;border-radius:8px!important;padding:7px 10px!important;font-size:10px!important;min-height:29px!important}
.arcane-layout .expedition-flow-controls button[data-flow=next]:not(:disabled){background:linear-gradient(#276d7c,#17495c)!important;border-color:#84dbe7!important}
.arcane-layout .server-ticker{display:none!important}
.arcane-layout.arcane-has-notice #battlefield .server-ticker{display:flex!important;position:absolute;inset:auto 12px 10px 12px;width:auto!important;height:34px!important;min-height:0!important;max-width:none!important;padding:5px 10px!important;background:#0b263bdc!important;border:1px solid #527890!important;border-radius:8px!important;z-index:30}
.arcane-layout #battlefield .server-ticker small{font-size:8px;white-space:nowrap;max-width:120px}
.arcane-layout #battlefield .server-ticker strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#arcane-hero-column{grid-area:hero;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow:hidden}
#arcane-hero-panel,#arcane-missions,#arcane-chat-panel,#arcane-loot-panel{background:linear-gradient(145deg,#142e43,#0c2133);border:1px solid #638298;border-radius:12px;box-shadow:inset 0 1px #a2c9da12,0 3px 10px #010b1440;min-width:0;overflow:hidden}
#arcane-hero-panel{position:relative;flex:0 0 auto}
.arcane-hero-art{height:clamp(112px,17dvh,175px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#31516c,#10273b 70%);border-bottom:1px solid #507188}
.arcane-hero-fallback{position:absolute;width:170px;height:170px;right:-3px;top:-5px;object-fit:cover;opacity:.95;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%);mask-image:linear-gradient(90deg,transparent,#000 28%)}
.arcane-hero-paint{position:absolute;inset:0;background-image:url('assets/ui/arcane/hero-banners.png');background-repeat:no-repeat;background-size:300% auto;z-index:2;opacity:0}
.arcane-hero-art[data-hero='0'] .arcane-hero-paint{background-position:0 35%;opacity:1}.arcane-hero-art[data-hero='1'] .arcane-hero-paint{background-position:50% 35%;opacity:1}.arcane-hero-art[data-hero='2'] .arcane-hero-paint{background-position:100% 35%;opacity:1}
.arcane-hero-title{position:absolute;z-index:3;left:15px;right:12px;bottom:10px;display:flex;align-items:baseline;gap:10px;text-shadow:0 2px 5px #071322,0 0 15px #071322;background:linear-gradient(90deg,#0b2237c9,transparent);border-radius:6px;padding:4px 6px}
.arcane-hero-title>span{font:600 25px Georgia,serif;color:#eef6fb}.arcane-hero-title small{font-size:11px;color:#d3e8f2}
.arcane-layout #arcane-hero-panel #combat-hud{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:12px!important;gap:10px!important;display:grid!important}
.arcane-layout #arcane-hero-panel .player-hud{padding:0!important;margin:0!important;border:0!important;width:100%!important;max-width:none!important;background:none!important}
.arcane-layout #arcane-hero-panel .hud-portrait,.arcane-layout #arcane-hero-panel .hud-vitals>b{display:none!important}
.arcane-layout #arcane-hero-panel .hud-vitals{width:100%!important;flex:1}
.arcane-layout #arcane-hero-panel .gc-gauge{height:15px!important;border:1px solid #8293a3!important;box-shadow:inset 0 1px 3px #0007;border-radius:7px!important;background:#041221!important;margin:4px 0 9px!important;overflow:hidden}
.arcane-layout #arcane-hero-panel .gc-gauge span{font-size:10px!important;text-shadow:0 1px 2px #000}
.arcane-layout #arcane-hero-panel .hp-gauge i{background:linear-gradient(#f18c9a,#c74259)!important}.arcane-layout #arcane-hero-panel .mp-gauge i{background:linear-gradient(#8fddfa,#287cad)!important}
.arcane-layout #arcane-hero-panel .battle-skills{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:9px 0 0!important;border-top:1px solid #385e78!important;position:static!important;background:none!important;transform:none!important;width:100%!important}
.arcane-layout #arcane-hero-panel .battle-skills>button{width:100%!important;height:96px!important;min-width:0!important;padding:3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;border:0!important;border-radius:8px!important;background:none!important;opacity:1!important;position:relative!important;gap:3px}
.arcane-layout #arcane-hero-panel .battle-skills img{width:48px!important;height:48px!important;object-fit:contain;border-radius:50%;border:1px solid #7598ad;box-shadow:0 2px 5px #0006}
.arcane-layout #arcane-hero-panel .battle-skills kbd{display:none!important}
.arcane-layout #arcane-hero-panel .battle-skills small{font:11px Georgia,serif!important;color:#e1ebf4!important;white-space:normal!important;text-align:center;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;line-height:1.15!important;max-width:100%!important;min-height:25px}
.arcane-layout #arcane-hero-panel .battle-skills b{font-size:8px!important;color:#90b6ce!important}
.arcane-layout #arcane-hero-panel .battle-skills em{position:absolute;left:50%;top:17px;transform:translateX(-50%);font-size:10px!important;color:#fff!important;text-shadow:0 1px 3px #000;font-style:normal;background:#071b2977;border-radius:5px;padding:1px 3px;white-space:nowrap}
.arcane-layout #arcane-hero-panel .battle-skills em:empty{display:none}
#arcane-missions{flex:1;min-height:114px;padding:0 10px 8px;display:flex;flex-direction:column}
#arcane-missions>header,#arcane-loot-panel>header{height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:0 1px;border-bottom:1px solid #3c5e75}
#arcane-missions h2,#arcane-loot-panel h2{font:500 19px Georgia,serif;color:#e8eff5;margin:0}
#arcane-missions>header button,#arcane-loot-panel>header button{background:none!important;border:0!important;padding:4px!important;font-size:10px;color:#99c8df;white-space:nowrap}
#arcane-mission-list{display:flex;flex-direction:column;justify-content:space-around;flex:1;gap:5px;min-height:0;padding-top:6px;overflow:auto;scrollbar-width:thin}
.arcane-mission{width:100%;border:0!important;background:#0d2538!important;border-radius:7px!important;padding:8px 5px!important;display:grid;grid-template-columns:21px 1fr auto;align-items:center;gap:7px;color:#d9e8f1!important;text-align:left!important;min-height:43px;flex:0 0 auto}
.arcane-mission b{font-weight:400;font-size:10px;line-height:1.3;display:block;white-space:normal;overflow-wrap:anywhere}.arcane-mission small{font-size:8px;color:#acc6d5;white-space:nowrap;align-self:end;padding-bottom:1px}.arcane-quest-mark{font-size:17px;color:#b0e7d0;text-align:center}.arcane-mission-track{display:block;background:#425565;border-radius:5px;height:6px;margin-top:7px;overflow:hidden}.arcane-mission-track i{height:100%;display:block;background:linear-gradient(#a0f0f1,#3eb7cd);border-radius:5px}.arcane-missions-done{font-size:12px;color:#b8e2d0;padding:18px}
#arcane-bottom{grid-area:bottom;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:12px;min-width:0;min-height:0}
#arcane-chat-panel{height:100%;min-height:0}
.arcane-layout #arcane-chat-panel .game-chat{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;max-height:none!important;height:100%!important;margin:0!important;padding:8px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column;overflow:hidden!important}
.arcane-layout #arcane-chat-panel .game-chat>header{display:flex;align-items:center;justify-content:space-between;height:20px!important;min-height:20px!important;padding:0!important;margin:0 0 3px;border:0;background:none}
.arcane-layout #arcane-chat-panel .game-chat>header b{font:500 15px Georgia,serif;color:#d5e7f1}.arcane-layout #arcane-chat-panel .game-chat>header button{width:20px;height:20px;min-height:0;padding:0!important;background:none!important;border:0!important}
.arcane-layout #arcane-chat-panel .chat-content{display:flex!important;flex-direction:column;min-height:0;flex:1;overflow:hidden}
.arcane-layout #arcane-chat-panel .game-chat.collapsed .chat-content{display:none!important}
.arcane-layout #arcane-chat-panel .chat-content>nav{display:flex;gap:5px;border-bottom:1px solid #385c74;flex:0 0 27px;min-width:0;overflow:auto;margin:0 0 5px}
.arcane-layout #arcane-chat-panel [data-chat-channel]{flex:1;padding:3px 8px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;font:500 12px Georgia,serif!important;color:#d4e5ef;white-space:nowrap;min-height:0!important}
.arcane-layout #arcane-chat-panel [data-chat-channel].active{border-color:#7ae3ef!important;color:#eaffff!important;background:linear-gradient(transparent,#287d8e55)!important}
.arcane-layout #arcane-chat-panel .chat-messages{flex:1;min-height:0;max-height:none!important;height:auto!important;background:none!important;padding:0 2px!important;font-size:11px!important;overflow:auto;scrollbar-width:thin}
.arcane-layout #arcane-chat-panel .chat-messages p{margin:3px 0;line-height:1.35;overflow-wrap:anywhere}.arcane-layout #arcane-chat-panel .chat-messages b{color:#86d6e9;font-weight:500}
.arcane-layout #arcane-chat-panel #chat-send{display:flex!important;gap:5px;flex:0 0 29px;margin-top:6px!important}
.arcane-layout #arcane-chat-panel #chat-send[hidden]{display:none!important}.arcane-layout #arcane-chat-panel #chat-send input{min-width:0;flex:1;height:29px!important;border:1px solid #52798e!important;border-radius:7px!important;background:#0a1c2b!important;padding:5px 9px!important;font-size:10px!important;color:#dfedf5!important}
.arcane-layout #arcane-chat-panel #chat-send button{height:29px!important;min-width:50px;border:1px solid #5d8c9e!important;border-radius:7px!important;background:linear-gradient(#285b6a,#173b4e)!important;padding:3px 7px!important;font-size:10px!important}
.arcane-layout #arcane-chat-panel .chat-status{font-size:8px!important;line-height:1.1;max-height:16px;overflow:hidden;margin-top:2px;color:#809fb2}.arcane-layout #arcane-chat-panel .chat-status:empty{display:none}
.arcane-layout #arcane-chat-panel .chat-recipient{font-size:9px;display:flex;gap:7px;align-items:center;margin:0 0 5px}.arcane-layout #arcane-chat-panel .chat-recipient[hidden]{display:none!important}.arcane-layout #arcane-chat-panel .chat-recipient input{height:24px;font-size:10px;padding:3px 7px;width:180px;background:#0c263b;border:1px solid #446a82;color:#d9eaf4}
#arcane-loot-panel{padding:0 12px 10px;display:flex;flex-direction:column;min-height:0}
.arcane-loot-content{display:flex;gap:10px;flex:1;min-height:0;align-items:center;padding-top:8px}
#arcane-loot-rows{flex:1;min-width:0;overflow:auto;max-height:100%;scrollbar-width:thin}
.arcane-loot-row{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.4;margin:4px 0;min-width:0}.arcane-loot-row time{font-size:8px;color:#90a9bc;flex:0 0 29px}.arcane-loot-row img{width:21px;height:21px;object-fit:contain;flex:0 0 21px}.arcane-loot-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--loot-color,#d3e7f2)}.arcane-loot-row b{font-weight:400;color:#c2d6e4;white-space:nowrap}
#arcane-loot-thumbs{display:grid;grid-template-columns:repeat(2,48px);gap:7px;flex:0 0 auto}
#arcane-loot-thumbs:empty{display:none}
#arcane-loot-thumbs button{width:48px;height:48px;border:1px solid var(--loot-color,#6e91aa)!important;border-radius:8px;background:linear-gradient(#23465b,#122c40)!important;padding:5px!important;box-shadow:inset 0 0 9px #cee8ef10}
#arcane-loot-thumbs img{width:100%;height:100%;object-fit:contain}.arcane-empty-loot{font-size:12px;color:#8cabbf;line-height:1.6;text-align:center;padding:10px}
.arcane-menu-art{display:inline-block;background-image:url('assets/ui/arcane/menu-atlas.png');background-repeat:no-repeat;background-size:400% 300%;background-position:var(--atlas-x,0) var(--atlas-y,0);width:40px;height:40px;flex-shrink:0;vertical-align:middle}
.arcane-layout #game-overlay{position:fixed!important;inset:84px 20px 20px 232px!important;width:auto!important;max-width:1190px!important;height:auto!important;max-height:none!important;margin:0 auto!important;background:linear-gradient(130deg,#142e43fa,#0a1f32fc)!important;border:1px solid #6d91a9!important;border-radius:15px!important;z-index:100!important;box-shadow:0 12px 70px #010814be;display:flex;flex-direction:column;overflow:hidden}
.arcane-layout #game-overlay[hidden]{display:none!important}
.arcane-layout #game-overlay>header{border-bottom:1px solid #52748c;background:#122c41;padding:13px 19px!important;min-height:52px;flex-shrink:0}
.arcane-layout #overlay-title{font:500 24px Georgia,serif!important;letter-spacing:0;color:#e6f1f8!important;margin:0}
.arcane-layout #overlay-body{padding:19px!important;overflow:auto;scrollbar-width:thin;min-height:0;flex:1}
.arcane-layout #overlay-body .panel,.arcane-layout #overlay-body .card{background:linear-gradient(145deg,#17354a,#10283c)!important;border-color:#42657e!important;box-shadow:inset 0 1px #a6c6da08!important;color:#d9e9f3;border-radius:10px}
.arcane-layout #overlay-body h2,.arcane-layout #overlay-body h3{font-family:Georgia,'Times New Roman',serif;color:#e1edf5!important;letter-spacing:0}
.arcane-layout #overlay-body input,.arcane-layout #overlay-body select,.arcane-layout #overlay-body textarea{background:#0b2133!important;color:#dceaf4!important;border:1px solid #54788e!important;border-radius:7px}
.arcane-layout #overlay-body button{color:#dcecf6;border-color:#52758b;background:linear-gradient(#21465f,#15344b);box-shadow:inset 0 1px #cce9f312;border-radius:8px}
.arcane-layout #overlay-body button.active,.arcane-layout #overlay-body button.selected{background:linear-gradient(#236371,#164557)!important;border-color:#77c6d1!important}
.arcane-layout #modal{background:linear-gradient(145deg,#17364c,#0d2539)!important;color:#dcecf5;border-color:#6b95a8!important;border-radius:13px!important}
.arcane-layout #modal h2,.arcane-layout #modal h3{font-family:Georgia,serif}
.arcane-layout #live-stats{position:fixed!important;inset:86px 20px auto auto!important;max-height:calc(100dvh - 110px)!important;width:min(430px,calc(100vw - 40px))!important;background:#102b40f5!important;border:1px solid #6892aa!important;border-radius:12px!important;z-index:120;padding:15px!important;box-shadow:0 15px 45px #0008;transform:none!important;display:none!important}
.arcane-layout.journey-stats-open #live-stats{display:block!important}
.arcane-layout .journey-stats-close{position:fixed!important;right:28px!important;top:91px!important;z-index:125;display:none!important;width:27px;height:27px;padding:5px;border-radius:7px;background:#25475d;border:1px solid #60899f}
.arcane-layout.journey-stats-open .journey-stats-close{display:block!important}
.arcane-layout.journey-focus #arcane-shell{grid-template-columns:0 minmax(0,1fr)}
.arcane-layout.journey-focus #arcane-sidebar,.arcane-layout.journey-focus #arcane-hero-column,.arcane-layout.journey-focus #arcane-bottom{display:none!important}
.arcane-layout.journey-focus #arcane-main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:'battle'}
@media(min-width:1700px){#arcane-shell{grid-template-columns:236px minmax(0,1fr)}#arcane-main{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr) 218px;padding:14px!important;gap:14px}.arcane-layout #game-overlay{left:254px!important}.arcane-layout #arcane-navigation #nav button{height:49px!important;min-height:49px!important}.arcane-layout #arcane-navigation #nav button .arcade-cartoon-icon{width:41px!important;height:41px!important}.arcane-layout #arcane-navigation #nav .arcade-nav-label{font-size:17px!important}.arcane-brand span{font-size:34px}.arcane-nav-heading{font-size:21px}.arcane-mission b{font-size:12px}.arcane-loot-row{font-size:12px}#arcane-loot-thumbs{grid-template-columns:repeat(4,52px)}}
@media(max-height:820px) and (min-width:901px){#arcane-shell{grid-template-rows:62px minmax(0,1fr);grid-template-columns:194px minmax(0,1fr)}#arcane-main{grid-template-columns:minmax(0,1fr) 270px;grid-template-rows:minmax(0,1fr) 176px;gap:10px;padding:10px!important}.arcane-brand span{font-size:25px}.arcane-brand svg{width:36px;flex-basis:36px;height:45px}#arcane-header{gap:12px;padding:0 12px}.arcane-layout #arcane-navigation #nav button{height:37px!important;min-height:37px!important;padding:1px 7px!important;gap:7px!important}.arcane-layout #arcane-navigation #nav button>span:first-child{width:31px!important;height:31px!important;flex-basis:31px!important}.arcane-layout #arcane-navigation #nav button .arcade-cartoon-icon{width:30px!important;height:30px!important}.arcane-layout #arcane-navigation #nav .arcade-nav-label{font-size:14px!important}.arcane-nav-heading{margin:12px 4px 5px!important;font-size:17px}#arcane-account{padding-top:6px}.arcane-hero-art{height:107px}.arcane-hero-title>span{font-size:22px}.arcane-layout #arcane-hero-panel #combat-hud{padding:8px 11px!important;gap:3px!important}.arcane-layout #arcane-hero-panel .battle-skills>button{height:80px!important}.arcane-layout #arcane-hero-panel .battle-skills img{width:41px!important;height:41px!important}.arcane-layout #arcane-hero-panel .battle-skills small{font-size:10px!important;min-height:22px}.arcane-layout #arcane-hero-panel .gc-gauge{height:13px!important;margin:3px 0 6px!important}#arcane-missions>header{height:34px;flex-basis:34px}#arcane-missions h2{font-size:17px}.arcane-mission{padding:5px 3px!important;min-height:33px}.arcane-mission b{font-size:9px}.arcane-layout #game-overlay{inset:73px 15px 14px 208px!important}.arcane-layout #arcane-wallet .wallet>span,.arcane-layout #arcane-wallet .wallet>button{height:40px!important;padding:4px 7px!important}.arcane-layout #arcane-wallet .wallet b{font-size:14px!important}.arcane-layout #arcane-wallet .wallet img{width:25px!important;height:25px!important}}
@media(max-width:1250px) and (min-width:901px){#arcane-shell{grid-template-columns:180px minmax(0,1fr)}#arcane-main{grid-template-columns:minmax(0,1fr) 255px;gap:9px;padding:9px!important}.arcane-brand span{font-size:23px}.arcane-brand svg{width:32px;flex-basis:32px}.arcane-layout #arcane-wallet .wallet{gap:5px!important}.arcane-layout #arcane-wallet .wallet small{display:none!important}.arcane-layout #arcane-wallet .wallet b{font-size:13px!important}#arcane-header-tools button{width:29px!important;height:29px!important;min-width:29px!important;padding:5px!important}#arcane-header-tools{gap:4px}.arcane-layout #game-overlay{left:193px!important}.arcane-layout #arcane-navigation #nav .arcade-nav-label{font-size:14px!important}.arcane-hero-title>span{font-size:22px}#arcane-loot-thumbs{grid-template-columns:repeat(2,38px)}#arcane-loot-thumbs button{width:38px;height:38px}}
@media(max-width:900px){body.arcane-layout{overflow:auto!important}#arcane-shell{display:flex;height:auto;min-height:100dvh;flex-direction:column;overflow:visible}#arcane-header{height:60px;min-height:60px;position:sticky;top:0;padding:0 10px;gap:8px;z-index:90}.arcane-brand span{font-size:19px}.arcane-brand svg{width:27px;height:38px;flex-basis:27px}.arcane-brand{gap:5px}#arcane-mobile-toggle{display:block;flex:0 0 30px;background:none;border:0;color:#a3d8ed;font-size:20px;padding:0}#arcane-header-tools{display:none}#arcane-sidebar{display:none;position:fixed!important;inset:60px auto 0 0!important;width:220px!important;height:auto!important;z-index:89;box-shadow:20px 0 60px #000a}body.arcane-nav-open #arcane-sidebar{display:flex}#arcane-main{display:grid!important;width:100%!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 430px auto;grid-template-areas:'hero' 'battle' 'bottom';padding:8px!important;gap:8px;overflow:visible}#arcane-hero-column{display:block}#arcane-hero-panel{min-height:100px}.arcane-hero-art{display:none}#arcane-missions{display:none}.arcane-layout #arcane-hero-panel #combat-hud{grid-template-columns:minmax(120px,1fr) minmax(190px,1fr);align-items:center;gap:12px!important;padding:8px 12px!important}.arcane-layout #arcane-hero-panel .hud-vitals>b{display:block!important;font-size:14px}.arcane-layout #arcane-hero-panel .battle-skills{padding:0!important;border-top:0!important}.arcane-layout #arcane-hero-panel .battle-skills>button{height:77px!important}.arcane-layout #arcane-hero-panel .battle-skills img{width:37px!important;height:37px!important}.arcane-layout #arcane-hero-panel .battle-skills small{font-size:10px!important;min-height:21px}.arcane-layout #arcane-wallet .wallet{gap:5px!important}.arcane-layout #arcane-wallet .wallet>span,.arcane-layout #arcane-wallet .wallet>button{height:33px!important;padding:3px 6px!important}.arcane-layout #arcane-wallet .wallet b{font-size:11px!important}.arcane-layout #arcane-wallet .wallet small{display:none!important}.arcane-layout #arcane-wallet .wallet img{width:21px!important;height:21px!important}.arcane-layout #arcane-wallet #workshop-material-wallet,.arcane-layout #arcane-wallet .gacha-wallet{display:none!important}#arcane-bottom{grid-template-columns:1fr;grid-template-rows:205px 185px;gap:8px}.arcane-layout #game-overlay{inset:68px 8px 8px!important;max-width:none!important}.arcane-layout #overlay-title{font-size:21px!important}.arcane-layout #overlay-body{padding:12px!important}.arcane-layout #battlefield .map-hud strong{font-size:16px!important}}
@media(max-width:540px){.arcane-brand span{font-size:14px}.arcane-brand svg{display:none}.arcane-layout #arcane-wallet .wallet>span,.arcane-layout #arcane-wallet .wallet>button{padding:3px 4px!important;gap:3px!important}.arcane-layout #arcane-wallet .wallet img{width:18px!important;height:18px!important}.arcane-layout #arcane-wallet .wallet b{font-size:10px!important}#arcane-main{grid-template-rows:auto 370px auto}.arcane-layout #arcane-hero-panel #combat-hud{gap:8px!important;grid-template-columns:minmax(100px,1fr) minmax(168px,1.1fr);padding:7px!important}.arcane-layout #arcane-hero-panel .battle-skills img{width:33px!important;height:33px!important}.arcane-layout #arcane-hero-panel .battle-skills small{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.arcane-layout *{scroll-behavior:auto!important}.arcane-layout #nav button,.arcane-layout #nav .arcade-cartoon-icon{transition:none!important}}

.arcane-layout #arcane-hero-panel .gc-gauge{position:relative;transform:none!important}.arcane-layout #arcane-hero-panel .gc-gauge i{position:absolute;inset:0 auto 0 0;height:100%;margin:0;border-radius:7px;box-shadow:inset 0 1px #fff4}.arcane-layout #arcane-hero-panel .gc-gauge span{position:absolute;inset:0;text-align:center;line-height:13px;transform:none!important;color:#fff}.arcane-layout #arcane-main{min-height:0!important;height:auto!important;max-height:none!important}.arcane-layout #hud-buffs{z-index:10}

.arcane-account-actions{display:flex;gap:8px;justify-content:space-between;margin-top:7px}.arcane-account-actions button{border:0;background:none;color:#9ac4db;padding:2px 0;font-size:9px}.arcane-layout #arcane-header-tools #logout-account{display:none!important}

/* Fit the complete navigation to the available height without a sidebar scroller. */
body.arcane-layout #arcane-sidebar{--nav-row:clamp(23px,calc((100dvh - 258px)/13),43px);padding:5px 8px 6px!important}
body.arcane-layout #arcane-navigation{overflow:hidden!important;flex:1;min-height:0}
body.arcane-layout #arcane-navigation #nav{gap:1px!important}
body.arcane-layout #arcane-navigation #nav .arcane-nav-heading{font-size:clamp(13px,1.9dvh,18px)!important;line-height:20px!important;height:20px;flex:none;margin:5px 5px 2px!important}
body.arcane-layout #arcane-navigation #nav button{box-sizing:border-box!important;position:relative!important;transform:none!important;width:100%!important;max-width:100%!important;height:var(--nav-row)!important;min-height:var(--nav-row)!important;flex:0 0 var(--nav-row)!important;gap:7px!important;padding:1px 8px!important;border-radius:16px!important;overflow:hidden!important}
body.arcane-layout #arcane-navigation #nav button>span:first-child{width:calc(var(--nav-row) - 5px)!important;height:calc(var(--nav-row) - 5px)!important;flex:0 0 calc(var(--nav-row) - 5px)!important}
body.arcane-layout #arcane-navigation #nav button img,body.arcane-layout #arcane-navigation #nav button .arcade-cartoon-icon,body.arcane-layout #arcane-navigation #nav button .arcane-menu-art{max-width:100%!important;width:calc(var(--nav-row) - 7px)!important;height:calc(var(--nav-row) - 7px)!important}
body.arcane-layout #arcane-navigation #nav button .arcade-nav-label,body.arcane-layout #arcane-navigation #nav button.arcane-signout small{position:static!important;flex:1;min-width:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;line-height:1.15!important;font-size:clamp(12px,1.8dvh,15px)!important;text-align:left!important}
body.arcane-layout #arcane-navigation #nav button:hover{transform:none!important;box-shadow:inset 0 0 12px #20c5dc35!important}
@media(max-width:900px){body.arcane-layout #arcane-sidebar{--nav-row:clamp(22px,calc((100dvh - 250px)/13),40px)}}

/* Keep all navigation entries reachable on shorter windows. */
body.arcane-layout #arcane-navigation{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#46798d transparent;overscroll-behavior:contain;padding-right:3px}
body.arcane-layout #arcane-navigation::-webkit-scrollbar{width:5px}
body.arcane-layout #arcane-navigation::-webkit-scrollbar-thumb{background:#46798d;border-radius:8px}
body.arcane-layout #arcane-navigation::-webkit-scrollbar-track{background:transparent}