.town-stage{position:absolute;inset:0;z-index:6;background:#080d0f;container-type:size;overflow:hidden}
.town-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100cqw,calc(100cqh * var(--scene-ratio)));height:min(100cqh,calc(100cqw / var(--scene-ratio)))}
.town-panorama{width:100%;height:100%;object-fit:contain;display:block}
.town-hotspot{position:absolute;transform:translate(-50%,-50%);min-width:36px;min-height:36px;border:0;background:transparent;box-shadow:none;color:#f6e6c2;padding:3px;z-index:1;display:grid;place-items:center}
.hotspot-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid #c9a365;background:#152126b3;box-shadow:0 0 0 3px #1119;border-radius:50%;font:20px 'Source Sans 3',sans-serif;text-shadow:0 1px 2px #000;transition:background .15s}
.hotspot-label{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);padding:5px 10px;max-width:210px;width:max-content;font:600 clamp(14px,1.12vw,21px)/1.15 'Source Sans 3',sans-serif;letter-spacing:0;text-transform:none;color:#eee3ce;background:#111a1feb;border:1px solid #ae8a52;border-radius:2px;opacity:0;pointer-events:none;box-shadow:0 2px 8px #0008}
.town-hotspot:hover,.town-hotspot:focus-visible{z-index:3;background:transparent}
.town-hotspot:hover .hotspot-mark,.town-hotspot:focus-visible .hotspot-mark{background:#b78a4d;color:#111}
.town-hotspot:hover .hotspot-label,.town-hotspot:focus-visible .hotspot-label,.show-labels .hotspot-label{opacity:1}
.town-scene-tools{position:absolute;bottom:10px;right:12px;display:flex;gap:8px;z-index:4}
.town-scene-tools button{font-size:clamp(14px,1vw,20px);background:#10191fec;color:#e6ddc9;border:1px solid #987446;padding:8px 14px;text-shadow:1px 1px #000}
.town-deck-hint{font:clamp(15px,1.15vw,22px)/1.5 'Source Serif 4',serif;color:#b9aa91;margin:10px 0}
.navigation-pad[hidden]{display:none}
.shop-stage{z-index:8}
.map-modal{width:min(1180px,96vw)}
.atlas-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.atlas-tabs button{font:600 17px 'Source Sans 3',sans-serif;padding:7px 12px}
.atlas-tabs .active{background:#513e25;color:#f4e5c8}
.atlas-map{position:relative;width:100%;line-height:0;background:#142127;border:3px double #92764c}
.atlas-map img{width:100%;height:auto;display:block}
.party-map-marker{position:absolute;transform:translate(-50%,-50%);font:30px/1 'Source Sans 3';color:#fff2bc;text-shadow:0 0 2px #000,0 0 5px #000,0 0 13px #edab46;pointer-events:none}
.atlas-status{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px;font:18px 'Source Sans 3',sans-serif}
.route-selector{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0;font:18px 'Source Sans 3',sans-serif}
.route-selector select{padding:8px 12px;min-width:180px;max-width:100%;font:18px 'Source Sans 3',sans-serif;background:#ede2c9;color:#29231e;border:1px solid #8c7049}
.traveltrial-modal{max-width:740px}
.title-options{gap:7px;grid-template-rows:repeat(8,minmax(37px,1fr))}
.title-options .continue-game{grid-row:auto;margin-top:0}
.location-hud{z-index:9}
@media(max-width:530px){.title-options{inset:35% 12% 4%;gap:5px}.title-option{min-height:37px;padding:5px}}
@media(max-width:700px){.town-scene-tools{bottom:4px;right:4px;gap:4px}.town-scene-tools button{padding:5px 7px;font-size:13px}.town-hotspot{min-width:28px;min-height:28px}.hotspot-mark{width:23px;height:23px;font-size:16px}.hotspot-label{max-width:145px;font-size:13px}.town-deck-hint{margin:2px 0;font-size:14px}.atlas-tabs button{font-size:14px;padding:6px 8px}}

.local-map-frame{position:relative;background:#243f49;border:2px solid #967747;box-shadow:inset 0 0 20px #0009}.local-map-frame canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab!important}.local-map-frame canvas:active{cursor:grabbing!important}.map-tools{display:flex;align-items:center;gap:10px;justify-content:center;padding:10px;background:#151c1c}.map-tools button{min-width:48px;min-height:44px}.map-tools output{color:#e6ddc9;min-width:60px;text-align:center;font-variant-numeric:tabular-nums}.map-legend{display:flex;gap:20px;flex-wrap:wrap;font-family:var(--font-ui);color:#b9aa91;padding:10px}.local-map-frame canvas:focus-visible{outline:3px solid #75b9d4;outline-offset:-3px}
.inspect-modal{max-width:650px!important}.examine-copy{white-space:pre-line;line-height:1.45}.inventory-turn-notice{color:#e6ddc9;background:#3e3120;padding:12px;text-align:center}

.map-travel-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px;border:1px solid #816340;background:#171b19;color:#e6ddc9}.map-direction-pad{display:grid;grid-template-columns:repeat(3,54px);gap:5px;flex-shrink:0}.map-direction-pad button{font-size:26px;min-height:48px;touch-action:none;user-select:none}.map-travel-options{display:flex;gap:8px;flex-wrap:wrap;max-width:580px}.map-travel-options p{width:100%;font-size:18px;margin:4px 0;color:#b9aa91}.map-travel-controls button[aria-pressed="true"]{border-color:#c6a368;background:#364539;box-shadow:inset 0 0 12px #75b9d42b;color:#f2e3c6}.map-travel-controls button:disabled{opacity:.45}.map-direction-pad button:active{background:#435950}@media(max-width:600px){.map-travel-controls{flex-direction:column;gap:10px}.map-travel-options{justify-content:center}.map-travel-options p{text-align:center}}