/* EON SKYLINE • restrained teal / ivory / champagne. System fonts, no remote requests. */
.eon-ui {--panel:linear-gradient(125deg,#112b39ed,#0b1c2dec);--eon-secondary:#ead3aa}
.eon-ui .glass,.eon-ui #menu{box-shadow:inset 0 1px 0 #edfdf515,0 12px 36px #07131f30}
.eon-ui.compact-ui .stat{padding:7px 11px;min-width:106px;border-radius:9px}
.eon-ui.compact-ui .stat strong{font-size:22px;letter-spacing:-.5px}.eon-ui .stat small{letter-spacing:1.4px!important}
.eon-ui.compact-ui .side-nav button{width:49px;height:48px;min-height:44px;border-radius:10px}
.eon-ui .side-nav{gap:6px}.eon-ui.compact-ui .side-nav button span{font-size:8px!important}.eon-ui .side-nav button:hover,.eon-ui .btn.secondary:hover{border-color:#b4eed978;box-shadow:inset 0 0 0 1px #d4f9e811}
.eon-ui button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.eon-ui button:active{transform:translateY(1px)}
.eon-ui .world-label{border-radius:5px;background:#102b37df;border-color:#a2cec348;box-shadow:none;padding:5px 8px;max-width:161px;min-width:0;backdrop-filter:blur(5px)}
.eon-ui .world-label b{font-size:10px;font-weight:600;letter-spacing:1px;line-height:1.35}.eon-ui .world-label span{font-size:7px;letter-spacing:.45px;background:transparent;color:#bfd6cb;padding:2px 0 0}
.eon-ui .world-label.skyline-label{border-color:#e8d7a846;background:#1a3039df}.eon-ui .world-label.skyline-label b{color:#eee3c8}
.eon-ui .world-label.cloud-marker{padding:3px 6px;max-width:72px;border-radius:10px}
.eon-ui.compact-ui .quest-peek{width:185px;padding:12px 13px}.eon-ui .quest-peek strong{font-size:16px}.eon-ui .quest-peek p{font-size:10px}
.eon-ui .zone-badge{font-size:11px;border-radius:7px}.eon-ui .interact{font-size:11px!important;padding:9px 12px!important;border-radius:8px!important;min-height:44px;max-width:270px;line-height:1.35}
.eon-ui .train,.eon-ui.compact-ui .train{height:54px;border-radius:11px;min-width:172px;box-shadow:0 4px 25px #071b252b}.eon-ui .train>span:not(#train-fill){font-size:21px!important}.eon-ui .auto-train{border-radius:9px}
.eon-ui #eon-district{padding:10px 12px;border-radius:9px;gap:10px;box-shadow:inset 2px 0 0 var(--eon-accent);bottom:126px}
.eon-ui #eon-district strong{font-size:20px;letter-spacing:4px}.eon-ui #eon-district small{font-size:7px}.eon-ui #eon-district em{font-size:9px}
.eon-ui #menu{border:1px solid #a6d7cd39;border-radius:15px}.eon-ui #menu .modal-header{padding:18px 24px 15px;border-bottom-color:#beded11c}.eon-ui #menu .modal-header h1{font-size:28px;font-weight:500;letter-spacing:-.8px}
.eon-ui #menu-tabs button{font-size:11px;border-radius:7px;padding:7px 12px;min-height:40px}
.eon-ui .card,.eon-ui #menu-content .card{border-radius:11px;border-color:#bdddd328;background:linear-gradient(150deg,#8accbd0c,#152d3b12)}
.eon-ui .card h3{font-size:18px;letter-spacing:-.35px}.eon-ui .btn{font-size:12px;min-height:42px;letter-spacing:.1px;border-radius:8px}
.eon-ui .toast{border-radius:9px;border-left:2px solid var(--eon-accent);box-shadow:0 8px 25px #08132136}
.skyline-map{color:#dcece7}.skyline-intro{max-width:620px;margin-bottom:16px}.skyline-intro h2{font-size:32px;font-weight:400;letter-spacing:-1px;margin:9px 0 10px;line-height:1.15}.skyline-intro p{font-size:12px;line-height:1.7;color:#a8c4c5}
.skyline-map-layout{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(240px,1fr);gap:22px;align-items:start}.skyline-blueprint{display:block;width:100%;height:auto;border:1px solid #a2d7c527;border-radius:12px;background:radial-gradient(ellipse,#24544837,#0c202e 75%);color:#bce6d8}
.skyline-blueprint text{fill:#97bebf;font-size:7px;letter-spacing:1px;font-family:system-ui,sans-serif}.skyline-blueprint .map-heading{font-size:12px;letter-spacing:2px;fill:#d2e6de}.skyline-blueprint .map-level{font-size:7px;letter-spacing:0;text-anchor:middle;fill:#f2e6c6}.map-island{fill:#37665823;stroke:#7abaad6b;stroke-width:1}.map-orbit{fill:none;stroke:#96bbbe21;stroke-dasharray:2 6}.map-route{fill:none;stroke:#b7e9d7;stroke-width:4;stroke-linejoin:round}.map-route.lower{stroke:#e0c58d;stroke-dasharray:3 2}.map-ground{fill:none;stroke:#6a8d927a;stroke-width:3}.map-deck{fill:#345d64;stroke:#cfe5d7;stroke-width:1}.map-portal{fill:#eacb8730;stroke:#e6cea1;stroke-width:1}.map-station{fill:#89c0bc}.map-player{fill:#fff6d6;stroke:#122d39;stroke-width:2}.map-player-halo{stroke:#fff6d684;fill:none}
.skyline-route-list{display:flex;flex-direction:column;gap:10px}.skyline-route-list article{display:flex;gap:15px;padding:13px 14px;border:1px solid #a7d5ca21;border-radius:10px;background:#adcdb605}.route-number{font-size:21px;font-weight:300;color:#accaba6e;letter-spacing:-1px}.skyline-route-list small{font-size:8px;letter-spacing:1.6px;color:#d5c89f}.skyline-route-list h3{font-size:17px;font-weight:500;margin:4px 0}.skyline-route-list p{font-size:11px;line-height:1.6;color:#a3bcc5;margin:5px 0 11px}
.skyline-map-footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid #beded121}.skyline-map-footer>span{flex:1 0 100%;font-size:10px;color:#9bb7bd;line-height:1.7}.skyline-map-footer .btn{font-size:11px}
.skyline-settings{margin-bottom:25px;padding-bottom:24px;border-bottom:1px solid #c3dacf29}.skyline-settings>.btn{margin-top:15px}
.skyline-hub-link{display:flex;width:100%;align-items:center;gap:15px;margin-bottom:18px;padding:14px 17px;border:1px solid #a9d2b942;border-radius:10px;background:linear-gradient(105deg,#a3ebbc17,#122e4515);color:#dbebdf;text-align:left}.skyline-hub-link>span{font-size:28px;color:#a9e3c7}.skyline-hub-link div{flex:1}.skyline-hub-link small{display:block;font-size:8px;letter-spacing:2px;color:#baac8b;margin-bottom:4px}.skyline-hub-link strong{font-size:14px;font-weight:500}.skyline-hub-link>b{font-size:20px;font-weight:300}
#skyline-nav{position:absolute;left:28px;bottom:236px;max-width:228px;display:flex;align-items:center;gap:10px;background:#112735ec;border:1px solid #c6d7a732;border-radius:9px;padding:9px 10px;pointer-events:auto;box-shadow:0 8px 25px #0002}#skyline-nav[hidden]{display:none}#skyline-nav small{font-size:7px;letter-spacing:1.4px;display:block;color:#cbbd93}#skyline-nav strong{display:block;font-size:12px;font-weight:500;margin:3px 0;color:#e2efe8}#skyline-nav div>span{font-size:9px;color:#a5c0c4}#skyline-nav button{background:transparent;border:0;color:#c7ddd4;width:30px;min-height:36px;font-size:18px}.skyline-nav-dot{height:5px;width:5px;flex-shrink:0;background:#e6d098;border-radius:50%}
.eon-ui #world-transition{background:radial-gradient(ellipse at center,#244e52f5,#0b1c29fa 72%);backdrop-filter:none}.skyline-transition{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#b9dacd;pointer-events:none}.skyline-transition i{width:100px;height:100px;border:1px solid #a5ddd54d;border-radius:50%;margin-bottom:16px;box-shadow:0 0 0 13px #bde2ce0a,inset 0 0 0 13px #bde2ce0a}.skyline-transition strong{font-weight:300;font-size:40px;letter-spacing:11px;color:#eef6e8}.skyline-transition span{font-size:8px;letter-spacing:3px;color:#cabe99}.skyline-transition small{font-size:12px;letter-spacing:1px}
.eon-ui .hatch-pet{box-shadow:inset 0 1px 0 #ecfff51a,0 5px 20px #0001}.eon-ui .hatch-pet:after{content:'';position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--item-color),transparent);opacity:.7;pointer-events:none}
@media(max-width:700px){.skyline-map-layout{grid-template-columns:1fr;gap:15px}.skyline-blueprint{max-width:390px;margin:auto}.skyline-intro h2{font-size:26px}.skyline-route-list article{padding:12px}.skyline-map-footer .btn{flex:1 1 130px}.skyline-hub-link{padding:12px}.skyline-hub-link strong{font-size:12px}}
@media(max-width:650px) and (orientation:portrait){
 .eon-ui.compact-ui .stat{min-width:0}.eon-ui.compact-ui .side-nav button{width:44px;height:44px}
 .eon-ui.compact-ui #eon-district{bottom:auto;padding:4px 7px;top:91px}.eon-ui.compact-ui #eon-district strong{font-size:10px;letter-spacing:1.3px}
 .eon-ui #menu .modal-header{padding:15px 16px 12px}.eon-ui #menu .modal-header h1{font-size:24px}.eon-ui #menu-tabs button{min-height:44px}
 .eon-ui .btn{min-height:44px}.eon-ui .train,.eon-ui.compact-ui .train{min-width:150px;height:54px}.eon-ui .train>span:not(#train-fill){font-size:20px!important}
 #skyline-nav{left:auto;right:12px;top:188px;bottom:auto;max-width:200px;padding:7px 9px;gap:7px}#skyline-nav button{width:34px;min-height:44px}#skyline-nav strong{font-size:11px}#skyline-nav small{font-size:6px}
 .eon-ui .world-label{max-width:130px;padding:4px 6px}.eon-ui .world-label b{font-size:8px}.eon-ui .world-label span{font-size:6px}
}
@media(orientation:landscape) and (max-height:550px){
 .eon-ui.compact-ui .stat{min-width:83px;padding:5px 9px}.eon-ui.compact-ui .stat strong{font-size:19px}
 .eon-ui.compact-ui .side-nav button{width:45px;height:44px}.eon-ui #eon-district{bottom:98px;padding:6px 9px}.eon-ui #eon-district strong{font-size:13px}
 .eon-ui .train,.eon-ui.compact-ui .train{height:45px;min-width:155px}.eon-ui .train>span:not(#train-fill){font-size:19px!important}
 .eon-ui #menu .modal-header{padding:11px 17px}.eon-ui #menu .modal-header h1{font-size:23px}
 #skyline-nav{left:auto;right:75px;top:81px;bottom:auto;max-width:187px;padding:6px 9px}#skyline-nav strong{font-size:10px}#skyline-nav button{min-height:35px}
 .skyline-map-layout{grid-template-columns:1fr 1fr}.skyline-intro h2{font-size:23px}
}
@media(max-width:350px) and (orientation:portrait){.eon-ui.compact-ui .train{min-width:134px}.eon-ui .train>span:not(#train-fill){font-size:18px!important}#skyline-nav{max-width:174px}.skyline-intro h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.eon-ui button{transition:none!important}}