/* v22: fewer choices at the front door, full tools one step away. */
.topbar{gap:24px}.experience-nav{gap:9px}.experience-nav button{min-height:44px;padding:10px 16px;font-size:14px}.experience-nav .discover-header-button{font-size:14px;background:#1b2c34;border:1px solid #4a615e;color:#e8ddc7}.experience-nav .journeys-button{background:transparent;border-color:transparent;color:#c9d5df}.header-right{gap:0}.more-button{min-height:44px;padding:10px 16px;border:1px solid #394a5b;border-radius:9px;color:#c8d4df;font-size:14px;white-space:nowrap}.more-button:hover{background:#192736;color:#fff}.more-button span{padding-left:7px;color:var(--gold)}
#atlas-tools-dialog{width:min(680px,calc(100% - 28px));padding:26px;overscroll-behavior:contain}#atlas-tools-dialog .dialog-top button{width:44px;height:44px}#atlas-tools-heading{font-family:Georgia,serif;font-size:33px;margin:12px 0}.atlas-tools-intro{margin:0 0 24px;font-size:14px}.atlas-tool-group+.atlas-tool-group{margin-top:24px}.atlas-tool-group h3{font-size:11px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#9eb1bf;margin:0 0 10px}.atlas-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.atlas-tool{display:flex;align-items:flex-start;gap:12px;min-height:76px;padding:15px;text-align:left;border:1px solid #344853;border-radius:10px;background:#14232e;color:#dbe4eb}.atlas-tool:hover{background:#20323a;border-color:#718479;color:#f5e5c9}.atlas-tool>span:first-child{width:25px;flex-shrink:0;font-size:23px;color:var(--gold);line-height:1.2}.atlas-tool strong{display:block;font-size:14px;font-weight:500;line-height:1.4}.atlas-tool small{display:block;font-size:12px;color:#9fb3bf;line-height:1.5;margin-top:4px}.atlas-tools-grid .settings-button,.atlas-tools-grid .text-button{height:auto;width:auto;max-width:none;padding:15px}.atlas-tools-grid .text-button span{padding-left:0;color:inherit}.atlas-tools-footnote{margin:22px 0 0;font-size:12px!important;color:#9cb0bd!important}
.map-surprise{position:absolute;left:50%;transform:translateX(-50%);bottom:24px;display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;border:1px solid #6e6652;border-radius:24px;background:#182b2deb;color:#eed3a6;font-size:14px;box-shadow:0 4px 18px #0003;z-index:11}.map-surprise span{font-size:20px}.map-surprise:hover{background:#2d3b35;color:#fff1d6}.map-surprise:disabled{opacity:.65}.in-journey .map-surprise,.exploring-history .map-surprise,.presenting .map-surprise,.fullscreen-map .map-surprise,.has-story-spotlight .map-surprise{display:none}.hide-map-context .map-surprise{bottom:82px}.globe-note{bottom:60px}.names-status{bottom:55px;left:auto;right:80px}.simple-map-action{width:100%;border:1px solid #6d7059;border-radius:7px;padding:11px;margin:0 0 8px;color:#ead4a9;background:#26352f;font-size:13px}.display-menu-actions button{min-height:44px}.map-menu-links button{min-height:40px}
/* Short, stable community navigation; every section remains in the grouped picker. */
#community-tabs{flex-wrap:nowrap;gap:2px;overflow-x:auto;padding:5px 20px 0}#community-tabs button{min-height:44px;padding:10px 13px}.community-section-picker{display:block;padding:10px 24px;border-bottom:1px solid #2b3e49;background:#0d151f;flex-shrink:0}.community-section-picker label{display:flex;align-items:center;gap:14px;font-size:12px;color:#a6bac8}.community-section-picker label>span{display:block;white-space:nowrap}.community-section-picker select{width:auto;min-width:210px;max-width:100%;font-size:14px;min-height:44px;padding:9px 12px}
@media(min-width:701px){body:not(.fullscreen-map):not(.presenting) #workspace{min-height:390px}.first-detour{padding-top:10px;padding-bottom:10px}}
@media(max-width:1000px){.topbar{padding-left:20px;padding-right:20px;gap:15px}.experience-nav button{padding:10px 12px}.experience-nav button>span{display:inline}.map-surprise{left:50%}.atlas-tools-grid .settings-button{display:flex}.community-section-picker{padding-left:18px;padding-right:18px}}
@media(max-width:700px){
 .topbar{height:108px;align-items:flex-start;padding:12px 16px 0;gap:12px}.brand{height:36px}.brand strong{font-size:16px}.header-right{margin-left:auto;height:auto}.more-button{font-size:13px;min-height:40px;padding:8px 12px}.experience-nav{left:14px;right:14px;bottom:7px;gap:6px}.experience-nav button{min-height:44px;flex:1;font-size:13px;padding:9px 6px}.experience-nav button>span{font-size:15px;margin-right:4px}.experience-nav .journeys-button{border-color:#2c3f4c}.experience-nav #community-button{border-color:#2c3f4c}
 body:not(.fullscreen-map):not(.presenting):not(.in-journey):not(.exploring-history) #workspace,body.hide-map-sidebar:not(.fullscreen-map):not(.presenting) #workspace{height:calc(100svh - 310px);min-height:360px}.map-top{left:14px;right:14px;max-width:none;justify-content:flex-end;gap:6px}.map-top .view-switch{margin-right:auto}.map-top .pill{height:40px}.map-top #panel-toggle{width:auto;padding:8px 10px}.map-top .panel-toggle-label{display:inline;font-size:12px}.map-top #panel-toggle>span:first-child{display:none}.map-top #fullscreen-map{width:40px}.view-switch button{min-height:38px;font-size:12px;padding:8px 9px}.map-display-menu{top:65px}.map-surprise{left:18px;transform:none;bottom:94px;font-size:13px;padding:9px 13px}.hide-map-sidebar .map-surprise{bottom:60px}.hide-map-sidebar.hide-map-context .map-surprise{bottom:76px}.era-card{top:73px!important}.era-card .snapshot{display:none}.era-card h1{font-size:16px}.era-card .large-year{font-size:33px}.names-status{left:18px;right:auto;bottom:82px}.hide-map-sidebar .names-status{bottom:12px}.hide-map-sidebar .legend{bottom:12px;left:auto;right:14px}.hide-map-sidebar .legend>span{display:none}.hide-map-sidebar .map-controls{bottom:60px}.map-controls button{width:40px;height:40px}.map-top #map-view-button{font-size:12px;padding:8px 10px}.timeline{padding-top:12px}.play-controls>button{min-height:42px}.play-controls .play-button{height:42px}.year-form input{font-size:16px}.year-form{min-height:42px}.year-form button{min-width:42px}.timeline-track{margin-top:10px}#year-slider{height:28px}.era-band{top:11px}#year-slider::-webkit-slider-thumb{width:25px;height:25px;margin-top:-10px}.timeline-ticks{margin-top:0}.event-timeline{margin-top:8px}.era-jumps button{min-height:40px}.era-jumps{padding-bottom:8px}.map-dock button{min-height:40px}body.hide-map-timeline:not(.presenting):not(.fullscreen-map) #workspace{height:calc(100dvh - 108px)}
 #atlas-tools-dialog{padding:20px;max-height:90svh}#atlas-tools-heading{font-size:29px}.atlas-tools-intro{font-size:13px;margin-bottom:20px}.atlas-tools-grid{gap:8px}.atlas-tool{padding:12px;gap:8px;min-height:87px}.atlas-tool>span:first-child{font-size:20px;width:20px}.atlas-tool strong{font-size:13px}.atlas-tool small{font-size:11px}.atlas-tools-grid .settings-button,.atlas-tools-grid .text-button{padding:12px}#community-tabs{display:flex;gap:0;padding:0 12px}#community-tabs button{flex:1;font-size:12px;padding:9px 7px}#community-tabs [data-c-tab=progress]{display:none}.community-section-picker label>span{display:block}.community-section-picker{padding:8px 14px}.community-section-picker select{flex:1;min-width:0;font-size:16px}.first-detour{padding:12px 16px;gap:10px}.first-detour strong{font-size:18px}
}
@media(max-width:360px){.brand strong{font-size:14px;letter-spacing:1.5px}.topbar{padding-left:12px;padding-right:12px}.map-top{gap:4px;left:10px;right:10px}.view-switch button{padding:8px 7px}.map-top #panel-toggle{padding:8px}.atlas-tools-grid{grid-template-columns:1fr}.atlas-tool{min-height:68px}.experience-nav button{font-size:12px}}

@media(max-width:700px){body.hide-map-sidebar:not(.exploring-history):not(.in-journey):not(.presenting) .names-status{bottom:12px}body.hide-map-sidebar:not(.exploring-history):not(.in-journey):not(.presenting) .map-scale{bottom:108px}body.hide-map-sidebar:not(.exploring-history):not(.in-journey):not(.presenting) .close-view-note{bottom:155px}}
@media(max-width:700px){.explorer.has-detail,.explorer.expanded{z-index:32}.explorer.has-detail .detail-close{position:sticky;top:-18px;background:#101b27;z-index:1;min-height:44px}body:not(.hide-map-sidebar) .map-stage:has(+.explorer.has-detail) .map-surprise,body:not(.hide-map-sidebar) .map-stage:has(+.explorer.expanded) .map-surprise{display:none}}
#atlas-tools-dialog .dialog-top{position:sticky;top:-26px;background:#111d2a;z-index:1;padding:5px 0}
@media(max-width:700px){#atlas-tools-dialog .dialog-top{top:-20px}}

@media(max-width:360px){
 .map-top .view-switch button{white-space:nowrap;font-size:11px;padding:8px 6px}.map-top .panel-toggle-label{font-size:11px}.map-top #panel-toggle{padding:8px 6px}.map-top #map-view-button{font-size:11px;padding:8px 7px}.map-top #fullscreen-map{width:36px;flex-shrink:0}
 .timeline-top{gap:7px}.play-controls{gap:2px}.play-controls>button{min-width:26px;padding:4px;font-size:10px}.play-controls .play-button{min-width:36px;padding:8px}.play-controls select{width:34px}.year-form input{width:44px}.year-form button{min-width:36px;padding:0 6px;margin-left:4px}.year-form select{max-width:48px}.timeline-ticks{font-size:9px}
}

@media(max-height:500px) and (min-width:701px){body:not(.fullscreen-map):not(.presenting) #workspace{min-height:0}}