/* Reference fidelity pass: illustrated discs, accurate portrait proportions, compact chat. */
body.six-actions-active main.world-edge-actions .six-action{--disc:clamp(48px,15.8vw,88px);top:calc(34.3svh + var(--slot)*11.1svh)!important;height:calc(var(--disc) + 18px)!important}
body.six-actions-active main.world-edge-actions .six-action i{background-image:url('assets/evening-icons-v121.webp')!important;background-size:300% 200%!important;background-position:var(--concept-icon)!important}
.six-action[data-section=city]{--concept-icon:0% 0%}.six-action[data-section=tasks]{--concept-icon:50% 0%}.six-action[data-section=arena]{--concept-icon:100% 0%}.six-action[data-section=style]{--concept-icon:0% 100%}.six-action[data-section=home]{--concept-icon:50% 100%}.six-action[data-section=rewards]{--concept-icon:100% 100%}
body.six-actions-active .six-action span{width:calc(var(--disc)*.84);height:23px;margin-top:-12px;font-size:11px;font-weight:500}
body.static-characters .main-chat{left:clamp(115px,10vw,160px);bottom:166px;height:154px;width:285px;padding:7px;border-radius:10px}
body.static-characters .main-chat-head .main-chat-tabs{gap:5px}
body.static-characters .main-chat-head .main-chat-tabs button{min-height:28px;font-size:11px;border-radius:8px}
body.static-characters .main-chat-form button{width:30px;min-width:30px;font-size:0;padding:0;border:0;background:none}
body.static-characters .main-chat-form button::before{content:'➤';font-size:21px;color:#a8e9ff}
body.static-characters .main-chat-form button:disabled::before{opacity:.45}
body.static-characters .main-chat-form input{font-size:11px}
body.static-characters .main-chat-status{font-size:10px}
body.static-characters .main-chat-log{scrollbar-width:none}
body.static-characters .character-stats-upgrade{background:url('assets/selected-design-v120/upgrade.svg') center/100% 100% no-repeat;filter:drop-shadow(0 -2px 3px #e755ff80) drop-shadow(0 2px 4px #22dfff80);font-weight:500}
body.static-characters main.world-edge-actions>.intro{display:none!important}
@media(max-width:720px){
 body.six-actions-active main.world-edge-actions .six-action{--disc:clamp(46px,15.8vw,90px);top:calc(34.3svh + var(--slot)*11.1svh)!important}
 body.six-actions-active .six-action.six-left{left:clamp(6px,3.7vw,30px)!important}body.six-actions-active .six-action.six-right{right:clamp(6px,3.7vw,30px)!important}
 body.six-actions-active .six-action span{font-size:clamp(8px,2.2vw,13px);height:21px;margin-top:-10px}
 body.static-characters .character-stats{height:106px;grid-template-rows:58px 40px;gap:6px;bottom:7px}
 body.static-characters .character-stats dl>div{padding:3px 1px;gap:2px;border-radius:7px}
 body.static-characters .character-stats dl>div::before{height:18px;width:18px}
 body.static-characters .character-stats dd{font-size:16px}
 body.static-characters .character-stats-upgrade{min-height:40px;width:clamp(160px,33vw,260px);font-size:16px}
 body.static-characters .main-chat{left:10px;right:auto;bottom:122px;width:clamp(140px,36vw,300px);height:clamp(100px,11.3svh,170px);padding:5px;border-radius:8px}
 body.static-characters .main-chat-head .main-chat-tabs{padding-right:17px;gap:3px}
 body.static-characters .main-chat-head .main-chat-tabs button{font-size:8px;min-height:22px}
 body.static-characters .main-chat-head>button{width:16px;min-height:20px;font-size:15px}
 body.static-characters .main-chat-form{gap:2px;margin-top:2px}
 body.static-characters .main-chat-form input{font-size:9px;min-height:25px;padding:3px 5px}
 body.static-characters .main-chat-form button{min-height:25px;width:20px;min-width:20px}
 body.static-characters .main-chat-form button::before{font-size:17px}
 body.static-characters .main-chat-status{font-size:8px;line-height:1.1;margin:3px 0}
 body.static-characters .main-chat-login{min-height:25px;font-size:8px;padding:3px}
 body.static-characters .main-chat-message{font-size:9px;margin:2px 0}
 body.static-characters:has(main.world-edge-actions) header .currency-hud{top:clamp(14px,3.7vw,34px)!important}
 body.static-characters header .currency-hud button{height:clamp(24px,6.4vw,52px)!important}
}
@media(max-width:720px) and (max-height:700px){body.six-actions-active main.world-edge-actions .six-action{--disc:46px;top:calc(25svh + var(--slot)*10svh)!important}}
@media(min-width:721px) and (max-height:650px){body.six-actions-active main.world-edge-actions .six-action{--disc:54px;top:calc(140px + var(--slot)*78px)!important}body.static-characters .main-chat{left:95px;width:240px;height:140px;bottom:158px}}
@media(min-width:721px){body.six-actions-active main.world-edge-actions .six-action{top:calc(clamp(160px,28svh,260px) + var(--slot)*clamp(100px,16svh,140px))!important}}
body.static-characters.has-currency-hud main.world-edge-actions>.profile-top{background-image:url('assets/reference-v121/nameplate.svg')!important}
body.static-characters .reference-level{background-image:url('assets/reference-v121/level.svg')!important;width:clamp(28px,7.7vw,62px)!important;height:clamp(32px,9vw,70px)!important;top:clamp(3px,.7vw,8px)!important;font-size:clamp(14px,3vw,29px)!important}
@media(min-width:721px){body.static-characters:has(main.world-edge-actions) header .currency-hud{top:30px!important}body.static-characters header .currency-hud button{height:54px!important}body.static-characters header .currency-hud button::before{width:44px!important;height:44px!important}body.static-characters header .currency-hud button::after{width:32px!important;height:32px!important;font-size:29px!important}body.static-characters header .currency-hud strong{font-size:22px!important}}
body.static-characters header .currency-hud button,body.static-characters header .currency-hud .currency-hud__credit{background-image:url('assets/reference-v121/wallet.svg')!important}
/* Raise both navigation rails, keeping the existing rhythm and hit targets. */
@media(min-width:721px){body.six-actions-active main.world-edge-actions .six-action{top:calc(clamp(150px,21svh,220px) + var(--slot)*clamp(100px,16svh,140px))!important}}
@media(max-width:720px){body.six-actions-active main.world-edge-actions .six-action{top:calc(max(92px,23svh) + var(--slot)*11.1svh)!important}}
@media(max-width:720px) and (max-height:700px){body.six-actions-active main.world-edge-actions .six-action{top:calc(max(82px,18svh) + var(--slot)*10svh)!important}}
