.location-filter{overflow:hidden}.location-freshness{padding:.35rem .65rem;border:1px solid #36556c;border-radius:999px;color:#8faec3;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.location-account-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.65rem}.location-account-tab{display:flex;align-items:center;gap:.7rem;min-height:64px;padding:.7rem .8rem;border:1px solid #2c4256;border-radius:11px;background:#0e1a27;color:#d9e7f5}.location-account-tab:hover,.location-account-tab.active{border-color:#49c6d5;background:#15303c;color:#fff}.location-account-tab.active{box-shadow:inset 3px 0 #49c6d5}.location-account-tab>span:last-child{min-width:0}.location-account-tab strong,.location-account-tab small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-account-tab strong{font-size:.8rem}.location-account-tab small{margin-top:.18rem;color:#86a0b7;font-size:.65rem}.location-tab-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #385970;border-radius:10px;background:#172a3a;color:#75d5df;font-size:1.05rem}.location-map-stack{display:grid;gap:1rem}.location-zone-card{overflow:hidden}.location-zone-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.location-zone-head h2{margin:.25rem 0 0;font-size:1.35rem}.location-zone-meta{text-align:right}.location-zone-meta span,.location-zone-meta small{display:block}.location-zone-meta span{font-size:.78rem;color:#c7d9e8}.location-zone-meta small{margin-top:.2rem;color:#7992a8;font-size:.65rem}.location-map-frame{position:relative;width:100%;aspect-ratio:4/3;max-height:72vh;overflow:hidden;border:1px solid #385168;border-radius:13px;background:#0a1420;isolation:isolate}.location-map-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.location-map-tiles img{display:block;width:100%;height:100%;object-fit:fill}.location-map-frame.has-map-tiles:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#06111c18,#06111c42);box-shadow:inset 0 0 70px #03080d66}.location-map-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 52% 42%,#1d3a4b,#0d1b28 60%,#09131d);color:#66869d}.location-map-empty span{font-size:4rem;color:#4faeba}.location-map-empty strong{margin-top:.5rem;color:#9db4c5;font-size:1.1rem}.location-map-empty small{margin-top:.25rem;color:#617d92}.location-grid-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.22;background-image:linear-gradient(#9cd5df33 1px,transparent 1px),linear-gradient(90deg,#9cd5df33 1px,transparent 1px);background-size:10% 10%}.location-marker{position:absolute;z-index:5;left:var(--map-x);top:var(--map-y);width:38px;height:46px;transform:translate(calc(-50% + var(--marker-offset)),calc(-100% - var(--marker-offset)));filter:drop-shadow(0 4px 5px #0009)}.location-marker:after{content:"";position:absolute;left:50%;bottom:0;width:10px;height:10px;background:#50c7d3;border:2px solid #e8fbff;transform:translate(-50%,28%) rotate(45deg);z-index:-1}.location-avatar{position:relative;display:inline-block;width:38px;height:38px;flex:0 0 38px;border:2px solid #e8fbff;border-radius:50%;background:linear-gradient(145deg,#35788c,#17394c);box-shadow:0 0 0 3px #163848aa;overflow:hidden}.location-avatar:before{content:"";position:absolute;left:50%;top:7px;width:11px;height:11px;border-radius:50%;background:#d7ebf2;transform:translateX(-50%)}.location-avatar:after{content:"";position:absolute;left:50%;bottom:-5px;width:25px;height:21px;border-radius:50% 50% 25% 25%;background:#b6d2dd;transform:translateX(-50%)}.location-marker:hover,.location-marker:focus{z-index:20;filter:drop-shadow(0 5px 10px #000)}.location-marker:hover .location-avatar,.location-marker:focus .location-avatar{border-color:#fff;background:#2d91a4;box-shadow:0 0 0 4px #55d7e488}.location-marker-label{position:absolute;left:50%;bottom:calc(100% + 9px);display:none;min-width:135px;padding:.48rem .58rem;border:1px solid #4f7489;border-radius:8px;background:#08141fee;color:#eefaff;transform:translateX(-50%);text-align:center;white-space:nowrap}.location-marker:hover .location-marker-label,.location-marker:focus .location-marker-label{display:block}.location-marker-label strong,.location-marker-label small{display:block}.location-marker-label strong{font-size:.72rem}.location-marker-label small{margin-top:.15rem;color:#9db6c8;font-size:.62rem}.location-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.55rem;margin-top:.8rem}.location-character{display:flex;align-items:center;gap:.65rem;min-width:0;padding:.65rem .75rem;border:1px solid #293f52;border-radius:10px;background:#0d1925}.location-character>div{min-width:0}.location-character strong,.location-character small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-character strong{font-size:.76rem}.location-character small{margin-top:.15rem;color:#819bb1;font-size:.63rem}.location-character time{margin-left:auto;color:#71899e;font-size:.6rem;white-space:nowrap}.location-avatar-small{width:30px;height:30px;flex-basis:30px;border-width:1px}.location-avatar-small:before{top:5px;width:9px;height:9px}.location-avatar-small:after{width:21px;height:17px}.location-unknown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.6rem}.location-character-unknown>span:last-child{margin-left:auto;color:#738ba0;font-size:.65rem}.location-character-unknown .location-avatar{filter:grayscale(1);opacity:.65}@media(max-width:790px){.location-zone-head{align-items:flex-start}.location-map-frame{max-height:none}.location-zone-meta small{max-width:150px}.location-character time{display:none}}@media(max-width:520px){.location-account-tabs{grid-template-columns:1fr}.location-zone-head{display:block}.location-zone-meta{text-align:left;margin-top:.5rem}.location-map-frame{border-radius:9px}.location-marker{transform:translate(-50%,-100%) scale(.85)}.location-roster{grid-template-columns:1fr}}
