/* Approved mobile HUD; retain original chapter, scenery and trail geometry. */
@media(max-width:820px){
 .center{padding-top:80px!important;padding-bottom:110px!important}
 .mobile-stats{height:62px!important;left:8px!important;right:8px!important;top:6px!important;width:auto!important;border-radius:24px!important;border:1px solid #fff!important;box-shadow:0 4px 12px #145c8920!important;background:#fffffff5!important;padding:0 5px!important;margin:0!important}
 .mobile-stats span{position:relative!important;min-width:0!important;min-height:48px!important;gap:6px!important;color:#173d79!important;font-size:15px!important;font-weight:1000!important}
 .mobile-stats span+span:before{content:"";position:absolute;left:-3px;top:12px;width:1px;height:24px;background:#e3ebf5}
 .mobile-stats img{box-sizing:border-box;width:34px!important;height:34px!important;margin:0!important;padding:2px!important;border-radius:10px!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 2px 1px #173d7920)!important;opacity:1}
 .mobile-stats img[src$="/labareda.png"],.mobile-stats img[src$="/dracma.png"]{padding:0!important}
 .mobile-stats span:nth-child(2) img,.mobile-stats span:nth-child(3) img,.mobile-stats span:nth-child(4) img{padding:2px!important;background:transparent!important}
 .mobile-stats span:nth-child(2) img[src$="/dracma.png"]{padding:0!important}
 .mobile-stats span.streak-inactive{color:#94a3b8!important}
 .mobile-stats span.streak-inactive img{filter:grayscale(1) brightness(.75)!important;opacity:.9!important}
 .sidebar{height:calc(82px + env(safe-area-inset-bottom,0px))!important;padding:7px 5px calc(7px + env(safe-area-inset-bottom,0px))!important;background:#fffffff7!important;border-radius:25px 25px 0 0!important;border:1px solid #fff!important;box-shadow:0 -4px 18px #4c73421c!important}
 .sidebar .nav button{height:64px!important;border:0!important;color:#8297b2!important;background:transparent!important;gap:4px!important}
 .sidebar .nav button.active{background:#2378ff!important;color:#fff!important;border-radius:18px!important;box-shadow:0 3px 0 #135fe2!important}
 .sidebar .nav button span{display:block!important;font-size:8px!important;line-height:11px!important;letter-spacing:-.2px!important}
 .sidebar .nav button .ico img{width:28px!important;height:28px!important}
 #trail-path .chest-row{height:72px!important;min-height:72px!important}
 #trail-path .chest-btn{display:flex!important;align-items:center!important;justify-content:center!important}
 #trail-path .chest-btn svg{width:58px!important;margin:0!important}
}
#trail-path .chest-label{display:none!important}
@media(min-width:821px){
 .stats img{width:30px!important;height:30px!important;object-fit:contain!important;margin-bottom:3px!important;filter:drop-shadow(0 2px 1px #173d7920)}
 .stats img[src$="/labareda.png"],.stats img[src$="/dracma.png"]{transform:scale(1.12)}
}
#trail-path .node-mark{font:1000 34px/1 Nunito,sans-serif}
#trail-path .node-mark-lock{display:block;width:20px;height:17px;border-radius:4px;background:#8794a5;position:relative}
#trail-path .node-mark-lock:before{content:"";position:absolute;left:3px;top:-12px;width:14px;height:15px;border:3px solid #8794a5;border-bottom:0;border-radius:9px 9px 0 0;box-sizing:border-box}
