/* Fully opaque replacement of the level text and both bars baked into the artwork. */
.ref-level-panel{position:absolute;left:3.3%;top:11%;width:93.4%;height:5.05%;z-index:4;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:.6cqw;padding:.65cqw 1.5cqw;border:4px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;background:#100b07 url('assets/obsidian.svg') center/180px;box-shadow:0 2px 8px #0008}
.ref-level-row{display:flex;align-items:center;justify-content:space-between;gap:2cqw;min-width:0}.ref-level-panel .ref-level,.ref-level-panel .ref-xp{position:static;background:none;padding:0;width:auto;line-height:1;white-space:nowrap}.ref-level-panel .ref-level{font:4.2cqw/1 Georgia;color:#f1ca8a;text-shadow:0 1px 3px #000}.ref-level-panel .ref-xp{font:2.8cqw/1 Georgia;color:#d7b986;text-align:right}.ref-level-panel .ref-xpbar{position:relative;left:auto;top:auto;width:100%;height:1.4cqw;min-height:4px;flex-shrink:0;box-sizing:border-box;clip-path:none;border:1px solid #785021;background:#050403;box-shadow:inset 0 1px 3px #000;overflow:hidden;border-radius:2px}.ref-level-panel .ref-xpbar span{height:100%;background:linear-gradient(#ffe5a4,#ee9d29 55%,#ab5410);box-shadow:0 0 8px #e9a34477;border-radius:0}.ref-level-panel .ref-xpbar.is-empty span{box-shadow:none;opacity:0}
/* Every class, including Guerrero, uses its actual unlocked phase. Opaque world
   artwork below the cutout prevents the original endgame warrior showing through. */
.ref-class-avatar{left:0;top:20%;width:59.5%;height:28.5%;background:#15100b url('assets/castillo-sombrio.png') center 28%/auto 120%;z-index:1;isolation:isolate;box-shadow:inset 0 0 25px 8px #09060499}.ref-class-avatar:before{content:'';position:absolute;inset:0;background:linear-gradient(#0c09062b,#0c09060a 65%,#100b07aa);z-index:0}.ref-class-avatar img{position:relative;z-index:1;object-fit:contain;object-position:center bottom;width:100%;height:100%;filter:drop-shadow(0 5px 6px #000a)}