/* Mobile cleanup for the home artwork, mission cards, challenge header and chest controls. */
.reference-home .ref-next{
 left:58.2%!important;top:38.9%!important;width:41.2%!important;height:8.6%!important;
 display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;
 box-sizing:border-box;padding:2.1% 3.1%!important;overflow:hidden;z-index:5;
 color:#ffe0a6!important;text-align:left;font:inherit!important;line-height:1.15!important;
 background:linear-gradient(132deg,#a56525f5 0%,#73451beF 38%,#30190df8 100%),url('assets/panel-original.png') center 70%/cover!important;
 border:4px solid transparent!important;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch!important;
 box-shadow:inset 0 0 18px #160b04aa,0 2px 8px #000a;cursor:pointer;
}
.reference-home .ref-next strong{font:4.1cqw/1 Georgia;color:#ffe0a6;text-transform:uppercase;letter-spacing:.08em}
.reference-home .ref-next small{font:2.55cqw/1.2 Georgia;color:#f0d3a1;white-space:nowrap}
.reference-home .ref-next>span{position:absolute;right:5%;top:50%;transform:translateY(-50%);font:6cqw Georgia;color:#ffcc72}
.reference-home .ref-class-avatar{
 background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;
 isolation:auto!important;overflow:visible!important;
}
.reference-home .ref-class-avatar:before{display:none!important;content:none!important}
.reference-home .ref-class-avatar img{
 position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;
 filter:drop-shadow(0 7px 9px #080503aa);mix-blend-mode:normal;
}
.care-number{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;text-shadow:0 1px 3px #050403,0 0 5px #050403aa}
.epic-challenge-section>header{
 display:block!important;position:relative;height:auto!important;min-height:0!important;width:100%;
 margin:0!important;padding:0!important;border:0!important;background:none!important;
 text-align:left;letter-spacing:normal;color:inherit;overflow:visible;
}
.epic-challenge-section>header .eyebrow{display:block;margin:0 0 7px;text-align:left;line-height:1.4;letter-spacing:1.4px}
.epic-challenge-section>header h2{display:block;width:100%;margin:0 0 7px!important;font:27px/1.14 Georgia!important;color:#edc78e;text-align:left;letter-spacing:normal}
.epic-challenge-section>header p{display:block;max-width:100%;margin:0 0 15px!important;font:12px/1.55 Georgia;color:#bda887;letter-spacing:normal}
.epic-challenge-section{box-sizing:border-box;min-width:0;overflow:hidden}
.epic-challenge-section,.epic-challenge,.epic-challenge>summary,.epic-challenge-body{min-width:0}
.epic-summary-copy{overflow-wrap:anywhere}
.epic-grade{white-space:nowrap}
nav#nav a{min-width:0;text-align:center}
nav#nav .nav-symbol{display:grid;place-items:center;align-self:center;box-sizing:border-box;width:clamp(25px,5.6cqw,32px);height:clamp(25px,5.6cqw,32px);margin:0 auto;flex:0 0 clamp(25px,5.6cqw,32px);line-height:0}
nav#nav .nav-symbol svg{display:block;width:100%;height:100%;overflow:visible;transform:none}
.campaign-path .path-glyph,.epic-mark{display:grid;place-items:center;flex:none}
.campaign-path .path-glyph svg,.epic-mark svg{display:block;width:23px;height:23px;max-width:100%;max-height:100%;margin:0}
.achievement-gallery .achievement .medal,.achievement-preview .medal,.guild-message .medal{display:block;box-sizing:border-box;background-position:center;border-radius:50%;overflow:hidden}
.guild-avatar{display:grid;place-items:center;box-sizing:border-box;width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:50%;overflow:hidden}
.guild-avatar img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 16%!important;transform:none!important;border-radius:50%}
.home-chest-banner .banner-chest{position:relative;isolation:isolate}
.home-chest-banner .banner-chest .treasure-chest{filter:drop-shadow(0 0 8px #ec9b3277) drop-shadow(0 4px 5px #000c)}
.home-chest-banner .banner-chest .chest-aura{inset:-12%;opacity:1;background:radial-gradient(ellipse at 50% 57%,#ffd67b8c 0%,#ef9c3b55 32%,#a64e1922 52%,transparent 72%);filter:blur(2px);animation:homeChestAura 2.7s ease-in-out infinite}
.chest-purchase-art{display:block;position:relative;width:min(100%,330px);box-sizing:border-box;margin:10px auto 16px;padding:11px 14px 8px;border:1px solid color-mix(in srgb,var(--chest-color) 65%,#5c3d1c);background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--chest-color) 25%,transparent),#100b07 74%);color:#e8c58e;text-align:center;box-shadow:inset 0 0 15px #0008,0 4px 12px #0008}
.chest-purchase-art .treasure-chest{display:block;width:min(100%,255px);margin:0 auto}
.chest-purchase-art>span:not(.treasure-chest){display:block;margin-top:3px;font:12px/1.4 Georgia;color:#eac78c}
.chest-purchase-art:disabled{opacity:.62;cursor:not-allowed}
@keyframes homeChestAura{0%,100%{opacity:.58;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.home-chest-banner .banner-chest .chest-aura{animation:none;opacity:.78}}
@media(max-width:390px){
 .reference-home .ref-next{left:57.6%!important;width:41.8%!important;padding-left:2.5%!important}
 .reference-home .ref-next strong{font-size:3.8cqw}
 .reference-home .ref-next small{font-size:2.35cqw}
 .epic-challenge-section>header h2{font-size:25px!important}
 .epic-challenge-section{padding:15px 10px}
 .epic-summary-copy strong{font-size:15px}
 .epic-grade{font-size:7px;padding:5px 4px}
}
