/* Character card: identity, artwork, vitals and abilities each get their own space. */
body.arcane-layout #arcane-shell #arcane-hero-panel{padding:0!important;overflow:hidden!important;box-shadow:inset 0 1px #e1fbff19,0 5px 18px #0004!important}
body.arcane-layout #arcane-shell #arcane-hero-panel>.arcane-hero-title{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;min-height:37px!important;padding:7px 11px!important;margin:0!important;border:0!important;border-radius:0!important;border-bottom:1px solid #6a9bb14d!important;background:linear-gradient(110deg,#173a4d,#0b2234)!important;text-shadow:0 1px 2px #000!important}
body.arcane-layout #arcane-shell .arcane-hero-title>span{font:600 21px/1.1 ArcaneText,Georgia,serif!important;color:#eefaff!important}
body.arcane-layout #arcane-shell .arcane-hero-title>small{flex:0 0 auto!important;font:700 12px/1.1 'Segoe UI',sans-serif!important;padding:4px 7px!important;border:1px solid #74c3d165!important;border-radius:6px!important;background:#123548!important;color:#c9f2f8!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .arcane-hero-art{height:clamp(85px,13dvh,125px)!important;min-height:0!important;border-bottom:1px solid #638ba24d!important}
body.arcane-layout #arcane-shell #arcane-hero-panel #combat-hud{display:flex!important;flex-direction:column!important;position:static!important;width:100%!important;min-width:0!important;padding:18px 10px 9px!important;gap:5px!important;box-sizing:border-box!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .player-hud{display:block!important;width:100%!important;padding:0!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .hud-vitals{width:100%!important;min-width:0!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .hud-vitals>b,body.arcane-layout #arcane-shell #arcane-hero-panel .hud-portrait{display:none!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .gc-gauge{height:13px!important;margin:3px 0 6px 23px!important;border-radius:6px!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .gc-gauge span{font:700 10px/11px 'Segoe UI',sans-serif!important;text-shadow:0 1px 2px #000!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .gc-gauge:before{font-size:10px!important;left:-23px!important;width:20px!important}
/* A fixed three-column grid; old flex width:0 must never collapse text and timers. */
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:8px 0 0!important;margin:0!important;width:100%!important;min-width:0!important;border-top:1px solid #587d9355!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button{position:relative!important;display:flex!important;flex:initial!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:102px!important;min-height:102px!important;padding:6px 3px 5px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid #527e925c!important;border-radius:9px!important;background:linear-gradient(150deg,#18344799,#0a1c2cbf)!important;opacity:1!important;transition:border-color .16s,box-shadow .16s}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills :is(.arcane-skill-orb,img){position:relative!important;z-index:1!important;display:block!important;width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;object-fit:contain!important;border:1px solid #9fbdca!important;border-radius:50%!important;box-shadow:0 2px 7px #0007!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button small{position:static!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;text-align:center!important;white-space:normal!important;width:100%!important;min-height:27px!important;height:27px!important;max-height:27px!important;margin:0!important;font:600 11px/1.2 'Segoe UI',sans-serif!important;color:#deedf5!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button>b{display:block!important;position:static!important;width:100%!important;height:12px!important;min-height:12px!important;margin:0!important;font:600 10px/12px 'Segoe UI',sans-serif!important;color:#9fc8db!important;text-align:center!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button>em{position:absolute!important;z-index:4!important;top:20px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;display:block!important;min-width:33px!important;max-width:calc(100% - 6px)!important;height:21px!important;line-height:19px!important;padding:0 4px!important;box-sizing:border-box!important;border:1px solid #a0d7e288!important;border-radius:5px!important;background:#051422ee!important;color:#f2fcff!important;font-family:'Segoe UI',sans-serif!important;font-size:13px!important;font-weight:800!important;font-style:normal!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-shadow:0 1px 2px #000!important;pointer-events:none}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button>em:empty{display:none!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-state=cooldown]:before{content:'';position:absolute;z-index:2;top:6px;left:50%;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;background:conic-gradient(#02101dba var(--cooldown,0deg),transparent 0);pointer-events:none}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-state=ready]{border-color:#70d8d880!important;box-shadow:inset 0 0 12px #2ac4cf12,0 0 5px #34cad41c!important}
body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button:focus-visible{outline:2px solid #8df5f4;outline-offset:-2px}
body.arcane-layout #arcane-shell #arcane-missions{padding:0 10px 8px!important;min-height:90px!important;border-color:#668b9f!important}
body.arcane-layout #arcane-shell #arcane-missions>header{height:36px!important;min-height:36px!important;padding:6px 0!important;gap:7px!important}
body.arcane-layout #arcane-shell #arcane-missions h2{font-size:17px!important}
body.arcane-layout #arcane-shell .arcane-missions-done{padding:15px 3px!important;font:12px/1.4 'Segoe UI',sans-serif!important;text-align:center}
body.arcane-layout #arcane-shell #arcane-loot-panel>header{padding:9px 12px!important;min-height:36px!important}
body.arcane-layout #arcane-shell .arcane-loot-row{font-size:12px!important;gap:8px!important}
/* Equal weapon/pet frames, with a larger weapon illustration only in inventory. */
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-center{align-items:center!important;gap:12px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-center :is(.paper-weapon,.paper-pet){width:70px!important;max-width:100%!important;height:70px!important;min-height:70px!important;max-height:70px!important;aspect-ratio:1!important;padding:4px!important;border-radius:9px!important;flex:0 0 70px!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-center .paper-weapon img.item-faithful-redraw{width:60px!important;height:60px!important;min-width:0!important;max-height:60px!important;flex:0 0 60px!important;margin:0!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-center .paper-pet :is(img,img.item-faithful-redraw){width:44px!important;height:44px!important;max-height:44px!important;flex:0 0 44px!important;margin:0!important}
body.arcane-layout #arcane-shell #game-overlay .inventory-v2 .paper-center .paper-pet>small{font-size:10px!important;line-height:12px!important;margin:0!important}
@media(max-height:740px) and (min-width:901px){body.arcane-layout #arcane-shell #arcane-hero-panel .arcane-hero-art{height:82px!important}body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button{height:94px!important;min-height:94px!important}body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills :is(.arcane-skill-orb,img){width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important}body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button[data-state=cooldown]:before{width:36px;height:36px}body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button>em{top:16px!important}}
@media(max-width:900px){body.arcane-layout #arcane-shell #arcane-hero-panel .arcane-hero-art{display:none!important}body.arcane-layout #arcane-shell #arcane-hero-panel #combat-hud{display:grid!important;grid-template-columns:minmax(130px,.9fr) minmax(210px,1.1fr)!important;align-items:center!important;gap:10px!important;padding:12px 10px 8px!important}body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills{padding:0!important;border:0!important}body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button{height:98px!important;min-height:98px!important}}
@media(max-width:480px){body.arcane-layout #arcane-shell #arcane-hero-panel #combat-hud{grid-template-columns:minmax(0,1fr)!important;gap:4px!important;padding:17px 9px 9px!important}body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button{height:96px!important;min-height:96px!important}}
@media(prefers-reduced-motion:reduce){body.arcane-layout #arcane-shell #arcane-hero-panel .battle-skills>button{transition:none!important}}

/* Vitals stay clear; effects flow into additional rows as more buffs are added. */
body.arcane-layout #arcane-shell #arcane-hero-panel #hud-buffs{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;width:auto!important;max-width:100%!important;padding:5px 0!important;margin:2px 0 5px!important;border-top:1px solid #6a9bb133;border-bottom:1px solid #6a9bb133;background:linear-gradient(90deg,#12384a70,transparent);box-sizing:border-box}
body.arcane-layout #arcane-shell #arcane-hero-panel #hud-buffs::before{content:'Efeitos';font:600 9px/1.2 'Segoe UI',sans-serif;color:#8cb7c8;margin-right:3px}
body.arcane-layout #arcane-shell #arcane-hero-panel #hud-buffs[hidden]{display:none!important}
body.arcane-layout #arcane-shell #arcane-hero-panel #hud-buffs .hud-buff{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;padding:3px!important;border:1px solid #6caebd!important;border-radius:6px!important;background:linear-gradient(135deg,#245465,#102c3d)!important;box-shadow:inset 0 1px #b2f6ff20,0 0 7px #5bd5e31a!important;transition:box-shadow .15s,border-color .15s}
body.arcane-layout #arcane-shell #arcane-hero-panel #hud-buffs .hud-buff:hover,body.arcane-layout #arcane-shell #arcane-hero-panel #hud-buffs .hud-buff:focus-visible{border-color:#9beaf1!important;box-shadow:0 0 9px #5bd5e35c!important}
body.arcane-layout #arcane-shell #arcane-hero-panel #hud-buffs img{width:18px!important;height:18px!important}
body.arcane-layout #arcane-shell .arcane-hero-title>small{font-size:10px!important;white-space:nowrap!important;padding:4px 5px!important;font-variant-numeric:tabular-nums}
body.arcane-layout #arcane-shell .arcane-hero-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}