/* Guards the location scene against card/text overflow on tighter viewports. */
.scr[data-s="location"] .lv{min-height:0}
.scr[data-s="location"] .er{bottom:clamp(112px,11vh,142px);row-gap:10px;align-content:flex-end;max-width:min(92%,980px);max-height:calc(100% - 190px);overflow:hidden}
.scr[data-s="location"] .ec{width:clamp(84px,7.4vw,105px);height:clamp(132px,17vh,150px);display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden}
.scr[data-s="location"] .ec.npc{height:clamp(154px,20vh,176px);justify-content:flex-start}
.scr[data-s="location"] .ep{width:100%;height:clamp(84px,12vh,110px);flex:0 0 auto}
.scr[data-s="location"] .en{width:100%;line-height:1.08;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}
.scr[data-s="location"] .ec.npc .erl{width:100%;min-height:22px;line-height:1.1;margin:0 0 4px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}
.scr[data-s="location"] .ec.npc .en{min-height:28px;margin-top:5px}
.scr[data-s="location"] .ec.mob .erl{width:100%;line-height:1.1;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scr[data-s="location"] .loc-nav{padding:12px 20px;max-height:min(112px,24%);overflow-y:auto;overflow-x:hidden;align-content:flex-start;background:rgba(6,7,10,.72)}
.scr[data-s="location"] .loc-nav::-webkit-scrollbar{width:6px}
.scr[data-s="location"] .loc-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}
.scr[data-s="location"] .loc-nav-btn{min-width:0;max-width:min(240px,24vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-height:780px){.scr[data-s="location"] .lh{top:20px}.scr[data-s="location"] .ln{font-size:clamp(26px,4vh,34px)}.scr[data-s="location"] .lr{font-size:10px;margin-top:6px}.scr[data-s="location"] .er{bottom:clamp(104px,13vh,128px);gap:10px;row-gap:8px;max-height:calc(100% - 156px)}.scr[data-s="location"] .ec{width:clamp(74px,8.8vh,92px);height:clamp(116px,18vh,132px)}.scr[data-s="location"] .ec.npc{height:clamp(132px,21vh,154px)}.scr[data-s="location"] .ep{height:clamp(74px,12vh,92px)}.scr[data-s="location"] .en{font-size:12px;margin-top:4px}.scr[data-s="location"] .erl{font-size:9px}.scr[data-s="location"] .ec.npc .erl{min-height:20px;line-height:1.05;margin:0 0 3px}.scr[data-s="location"] .ec.npc .en{min-height:24px;margin-top:4px}.scr[data-s="location"] .loc-nav{padding:10px 14px;max-height:min(104px,25%)}.scr[data-s="location"] .loc-nav-btn{max-width:min(210px,28vw);padding:7px 10px;font-size:11px}}
@media(max-height:680px){.scr[data-s="location"] .lh{top:14px}.scr[data-s="location"] .ln{font-size:26px}.scr[data-s="location"] .lr{font-size:9px;margin-top:4px}.scr[data-s="location"] .er{bottom:92px;max-height:calc(100% - 126px)}.scr[data-s="location"] .ec{width:74px;height:106px}.scr[data-s="location"] .ec.npc{height:124px}.scr[data-s="location"] .ep{height:70px}.scr[data-s="location"] .en{-webkit-line-clamp:1;font-size:11px}.scr[data-s="location"] .erl{font-size:8px}.scr[data-s="location"] .ec.npc .erl{min-height:16px;line-height:1.05;margin:0 0 2px}.scr[data-s="location"] .ec.npc .en{min-height:13px;margin-top:2px}.scr[data-s="location"] .loc-nav{padding:8px 12px;max-height:86px}.scr[data-s="location"] .loc-nav-btn{max-width:180px;padding:6px 9px;font-size:10px}}