/* One viewport for the world. Long game windows scroll inside their dialog. */
html:has(body.static-characters){height:100%;overflow:hidden;overscroll-behavior:none}
body.static-characters{height:100svh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;overscroll-behavior:none}
body.hub-stage-v51.static-characters main.world-edge-actions{height:100svh!important;min-height:0!important;max-height:100svh!important;margin:0!important;overflow:hidden!important;
 --edge-step:clamp(44px,calc((100svh - 270px)/9),68px);
 --edge-width:clamp(44px,calc((100svh - 270px)/9),60px);
 --rail-icon:clamp(40px,calc((100svh - 306px)/9),58px);
}
body.static-characters>footer,body.static-characters>.city-reference,body.static-characters main.world-edge-actions>.stats{display:none!important}
body.static-characters main.world-edge-actions .world-static-scene-layer{bottom:120px!important}
body.static-characters .character-stats{
 position:absolute;z-index:7;left:50%;bottom:8px;transform:translateX(-50%);box-sizing:border-box;
 width:min(840px,calc(100% - 16px));height:104px;padding:12px 16px;
 border:1px solid transparent;border-radius:20px;
 background:linear-gradient(#061222f5,#071321f5) padding-box,linear-gradient(110deg,#53dfffc0,#415d98,#cb5bfcb0) border-box;
 box-shadow:0 0 14px #23cfff20,inset 0 1px #c4eaff19;color:#f3f8ff;
}
body.static-characters .character-stats h2{font-family:inherit;font-weight:600;font-size:10px;line-height:1.2;letter-spacing:1px;text-transform:uppercase;margin:0 0 12px;color:#92cbdc}
body.static-characters .character-stats dl{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0}
body.static-characters .character-stats dl>div{text-align:center;min-width:0}
body.static-characters .character-stats dt{font-size:11px;line-height:1.2;color:#a9c5d6;white-space:nowrap}
body.static-characters .character-stats dd{font-size:22px;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums;margin:3px 0 0;color:#f5e0aa}
body.static-characters #modal{max-height:calc(100svh - 24px)!important;overflow-y:auto!important;overscroll-behavior:contain}
@media(max-width:720px){
 body.static-characters main.world-edge-actions .world-static-scene-layer{top:134px!important}
 body.static-characters .character-stats{height:112px;padding:9px 10px;border-radius:16px}
 body.static-characters .character-stats h2{font-size:8px;letter-spacing:.6px;margin-bottom:7px}
 body.static-characters .character-stats dl{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:6px;column-gap:3px}
 body.static-characters .character-stats dt{font-size:9px}
 body.static-characters .character-stats dd{font-size:16px;line-height:1.1;margin-top:2px}
}