html,body,main{margin:0;width:100%;height:100%;overflow:hidden}#maksimir-atlas{width:100%;height:100dvh;border-radius:0}#maksimir-atlas .atlas-stage{height:100%;width:100%}
.sound-toggle{position:absolute;z-index:35;left:max(12px,env(safe-area-inset-left));bottom:max(138px,calc(env(safe-area-inset-bottom) + 120px));width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:10px;border:0;border-radius:50%;background:#203c30ed;color:#fff9dc;box-shadow:0 2px 10px #0002;cursor:pointer}
.sound-toggle svg{width:24px;height:24px}.sound-toggle[aria-pressed=false]{color:#d4d5c3}
.orchestra-notes{position:absolute;inset:0;pointer-events:none;overflow:visible}
.orchestra-notes i{position:absolute;left:45%;top:0;color:#8bd3ff;font:bold 20px Georgia,serif;text-shadow:0 1px 3px #164c6f;opacity:0;animation:orchestra-rise 3.6s ease-out infinite}
.orchestra-notes i:nth-child(2){left:25%;animation-delay:1.2s}.orchestra-notes i:nth-child(3){left:65%;animation-delay:2.4s}
@keyframes orchestra-rise{0%{opacity:0;transform:translate(0,0) scale(.65)}15%{opacity:.9}85%{opacity:.65}100%{opacity:0;transform:translate(10px,-65px) rotate(12deg) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.orchestra-notes i{animation:none}.orchestra-notes i:first-child{opacity:.8;transform:translateY(-22px)}}

.location-search{position:absolute;top:62px;left:18px;z-index:35;color:#f7f4df;font:14px system-ui}
.location-search .search-toggle{width:40px;height:40px;border:0;border-radius:50%;background:#203c30ed;color:#fff9dc;font-size:30px;cursor:pointer;box-shadow:0 2px 10px #0002}
.location-search section{margin-top:8px;width:min(300px,calc(100vw - 40px));padding:16px;border-radius:14px;background:#203c30f5;box-shadow:0 8px 28px #0003}
.location-search label{display:block;font-weight:600;margin-bottom:10px}
.location-search input{box-sizing:border-box;width:100%;padding:11px;border:1px solid #80927c;border-radius:8px;background:#f7f4df;color:#203c30;font:inherit}
.search-results{max-height:min(40vh,320px);overflow:auto;margin-top:8px}
.search-results button{display:block;width:100%;text-align:left;padding:11px 8px;border:0;border-bottom:1px solid #ffffff18;background:transparent;color:inherit;font:inherit;cursor:pointer}
.search-results button:hover,.search-results button:focus-visible{background:#ffffff18;border-radius:6px}
.search-count{font-size:12px;margin:10px 0 0;opacity:.8}
@media(max-width:800px){.location-search{left:14px;top:58px}.location-search:has(section:not([hidden])){z-index:65}}

.realtime-panel{position:absolute;right:18px;top:18px;width:284px;z-index:40;padding:18px 14px 14px;background:#193328f2;color:#f5f1dc;border-radius:12px;box-shadow:0 5px 20px #0003;box-sizing:border-box;max-height:calc(100dvh - 110px);overflow:auto}
#maksimir-atlas .realtime-panel .atlas-transit,#maksimir-atlas .realtime-panel .live-summary,#maksimir-atlas .realtime-panel .conditions-open{position:static!important;transform:none!important;width:100%!important;max-height:none!important;margin:0!important;box-shadow:none!important;box-sizing:border-box}
#maksimir-atlas .realtime-panel .atlas-transit{background:transparent;padding:0 24px 12px 0}
#maksimir-atlas .realtime-panel .live-summary{background:transparent;padding:12px 0;border-top:1px solid #ffffff26;border-radius:0}
#maksimir-atlas .realtime-panel .conditions-open{padding:10px;border-radius:7px}
.realtime-close{position:absolute;right:8px;top:8px;z-index:2}
#maksimir-atlas .realtime-panel .transit-close,#maksimir-atlas .realtime-panel .summary-close{display:none}
.discover-open{position:absolute;right:18px;bottom:28px;z-index:40;width:42px;height:42px;border:1px solid #e6e4bc55;border-radius:50%;background:#203c30ed;color:#fff4bf;font-size:30px;cursor:pointer;box-shadow:0 2px 10px #0002}
.atlas-welcome h3{margin:18px 0 5px;font-size:16px}.atlas-welcome small{display:block;line-height:1.5;opacity:.8}.atlas-discoveries .panel-x{position:absolute;right:12px;top:12px;width:32px;padding:4px}
@media(max-width:900px),(pointer:coarse){.realtime-panel{left:14px;right:auto;top:14px;width:min(284px,calc(100vw - 80px))}.discover-open{right:14px;bottom:108px}.atlas-footer-actions .transit-toggle{white-space:normal}}

@media(min-width:901px) and (pointer:fine){.location-search{top:auto;bottom:80px;left:18px}.location-search section{position:absolute;left:0;bottom:48px;margin:0}}
@media(max-width:900px),(pointer:coarse){
 #maksimir-atlas .sound-toggle{left:max(12px,env(safe-area-inset-left));right:auto;top:auto;bottom:max(138px,calc(env(safe-area-inset-bottom) + 120px))}
 #maksimir-atlas .location-search{left:max(12px,env(safe-area-inset-left));right:auto;top:auto;bottom:max(84px,calc(env(safe-area-inset-bottom) + 66px))}
 #maksimir-atlas .atlas-info-toggle{display:flex;z-index:35}
 .location-search section{position:absolute;left:0;right:auto;top:auto;bottom:54px;margin:0;width:min(300px,calc(100vw - 56px));box-sizing:border-box;max-height:calc(100dvh - 170px);overflow:auto}
}

#maksimir-atlas .atlas-environment{z-index:60}
#maksimir-atlas .environment-default{display:block;width:100%;min-height:36px;margin-top:8px;padding:8px;border:1px solid #ffffff40;border-radius:6px;background:#34523d;color:#fff;font:inherit;cursor:pointer}

#maksimir-atlas .realtime-panel .atlas-transit,#maksimir-atlas .realtime-panel .live-summary{border:0!important;outline:0;box-shadow:none!important;border-radius:0!important}
#maksimir-atlas .atlas-info-toggle,#maksimir-atlas .location-search .search-toggle{box-sizing:border-box;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#203c30ed;color:#fff9dc;box-shadow:0 2px 10px #0002;align-items:center;justify-content:center}
#maksimir-atlas .location-search .search-toggle{display:flex}
@media(min-width:901px) and (pointer:fine){#maksimir-atlas .location-search{left:max(12px,env(safe-area-inset-left));bottom:max(84px,calc(env(safe-area-inset-bottom) + 66px))}}

#maksimir-atlas .map-conditions-title{display:block;font:bold 14px/1.4 Arial,sans-serif;margin:0 0 7px}
#maksimir-atlas .environment-auto,#maksimir-atlas .environment-accept,#maksimir-atlas .environment-default{cursor:pointer}
#maksimir-atlas .discover-open{display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;line-height:1}
#maksimir-atlas .discover-open svg{display:block;flex:none;pointer-events:none}
@media(max-width:900px),(pointer:coarse){#maksimir-atlas .discover-open{bottom:max(38px,calc(env(safe-area-inset-bottom) + 18px));right:14px}}

#maksimir-atlas .realtime-panel{transition:opacity .12s ease}
#maksimir-atlas[data-conditions-dragging=true] .realtime-panel{opacity:.05}
@media(prefers-reduced-motion:reduce){#maksimir-atlas .realtime-panel{transition:none}}
.atlas-welcome #welcome-title:focus{outline:none}

/* One public entry for the existing map actions. */
#maksimir-atlas .atlas-options-toggle{min-height:44px;padding:10px 22px;border:1px solid #ffffff35;border-radius:10px;background:#14291fe8;color:#f4f0df;box-shadow:0 4px 18px #102a2930;font:14px Arial,sans-serif;cursor:pointer;pointer-events:auto}
#maksimir-atlas .atlas-options-toggle[aria-expanded=true]{background:#34523d}
#maksimir-atlas .atlas-footer-actions[hidden]{display:none!important}
#maksimir-atlas .atlas-footer-actions{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);display:grid;width:230px;padding:10px;gap:5px;background:#14291ff5;border:1px solid #ffffff35;border-radius:12px;box-shadow:0 12px 36px #102a2960}
#maksimir-atlas .atlas-footer .atlas-footer-actions button{box-sizing:border-box;position:static;display:block;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#f4f0df;box-shadow:none;text-align:left;text-decoration:none;font:14px Arial,sans-serif;cursor:pointer;animation:none}
#maksimir-atlas .atlas-footer .atlas-footer-actions button:hover,#maksimir-atlas .atlas-footer .atlas-footer-actions button:focus-visible{background:#34523d}
#maksimir-atlas .atlas-footer-actions .atlas-info-toggle,#maksimir-atlas .atlas-footer-actions .discover-open{position:static;display:block;width:100%;height:auto;line-height:normal;letter-spacing:normal}
#maksimir-atlas .atlas-chrome-toggle{font:600 13px Arial,sans-serif}
#maksimir-atlas .tools-close{position:sticky;float:right;top:0;z-index:2;border:0;background:transparent;color:#f4f0df;font-size:24px;cursor:pointer}
#maksimir-atlas .editor-walk{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #ffffff35;border-radius:7px;background:#34523d;color:#fff;font:14px Arial,sans-serif;cursor:pointer}
#maksimir-atlas .atlas-secret-entry{box-sizing:border-box;width:min(320px,calc(100vw - 32px));padding:30px 20px 20px;border:1px solid #a4b089;border-radius:12px;background:#f2f0db;color:#173425;box-shadow:0 18px 70px #102a2960}
#maksimir-atlas .atlas-secret-entry::backdrop{background:#102a296b}
#maksimir-atlas .atlas-secret-entry .secret-close{position:absolute;right:9px;top:7px;border:0;background:transparent;color:#173425;font-size:23px;cursor:pointer}
#maksimir-atlas .secret-form{display:grid;gap:10px}
#maksimir-atlas .secret-form input,#maksimir-atlas .secret-form button{box-sizing:border-box;width:100%;min-height:42px;border-radius:6px;font:15px Arial,sans-serif}
#maksimir-atlas .secret-form input{border:1px solid #9aab94;padding:8px;background:white;color:#173425}
#maksimir-atlas .secret-form input[aria-invalid=true]{border-color:#9a423d}
#maksimir-atlas .secret-form button{border:0;background:#234d3e;color:white;cursor:pointer}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px),(pointer:coarse){
 #maksimir-atlas .atlas-chrome-toggle{width:76px;height:44px}
 #maksimir-atlas .atlas-options-toggle{display:none}
 #maksimir-atlas .atlas-footer{padding:10px;top:64px;width:220px}
 #maksimir-atlas .atlas-footer-actions{position:static;transform:none;width:100%;padding:0;border:0;box-shadow:none;background:transparent}
}

#maksimir-atlas .air-quality{font:12px/1.45 Arial,sans-serif;margin:0 0 12px;color:#f4f0df}
#maksimir-atlas .air-quality summary{cursor:pointer;padding:8px 0;font-weight:bold}
#maksimir-atlas .air-quality dl{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin:10px 0}
#maksimir-atlas .air-quality dd{margin:0;text-align:right}.air-note{font-size:11px;opacity:.8}
#maksimir-atlas .air-quality a{font-size:11px;color:#d2dec8}.natural-status{display:block;font:11px/1.5 Arial,sans-serif;opacity:.85;margin-top:7px}
#maksimir-atlas .moon-status,#maksimir-atlas .wind-status{margin-top:8px}
#maksimir-atlas .wind-manual[hidden]{display:none}

.analytics-banner,.analytics-dialog{box-sizing:border-box;background:#f4f1dd;color:#193328;border:1px solid #b4bea4;border-radius:14px;padding:20px;font:14px/1.5 system-ui;box-shadow:0 8px 30px #0003}
.analytics-banner{position:fixed;z-index:90;left:14px;bottom:200px;width:min(350px,calc(100vw - 28px))}.analytics-banner[hidden]{display:none}.analytics-banner p{margin:8px 0 14px}
.analytics-dialog{width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto}.analytics-dialog::backdrop{background:#10241999}.analytics-dialog h2{padding-right:28px;margin-top:0}.analytics-dialog h2:focus{outline:none}.analytics-dialog a{color:inherit}
.analytics-actions{display:flex;flex-wrap:wrap;gap:8px}.analytics-actions button,[data-analytics-settings]{border:1px solid #61745c;border-radius:7px;padding:10px 12px;background:#203c30;color:#fff9dc;font:inherit;cursor:pointer}.analytics-actions button{flex:1}.analytics-actions button:focus-visible,[data-analytics-settings]:focus-visible{outline:2px solid #8e651e;outline-offset:3px}.analytics-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:inherit;font-size:25px;cursor:pointer}
@media(max-height:550px){.analytics-banner{bottom:12px;left:74px;width:min(350px,calc(100vw - 88px))}}