/* Illustrated RPG atlas: the artwork is the main view; journal and details are on demand. */
#modal[data-mode="map"]{padding:0;background:#081425;align-items:stretch}
#modal[data-mode="map"] .rpg-panel{width:100%;height:100%;max-height:none;padding:0;border:0;box-shadow:none;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#193848,#071522 80%)}
#modal[data-mode="map"] .rpg-panel:before{inset:9px;border:1px solid #bda67666;z-index:8}
#modal[data-mode="map"] #panelContent,#worldAtlas{height:100%}
#worldAtlas{display:flex;flex-direction:column;padding:24px 30px 20px;box-sizing:border-box;color:#e8dec2}
.atlas-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4px 18px;flex-shrink:0}
.atlas-eyebrow{font:9px Georgia,serif;letter-spacing:4px;color:#c6b782}
.atlas-header h2{font:normal 26px/1.4 Tahoma,Thonburi,sans-serif;color:#f1dfb1;margin:3px 0 0}
.atlas-header nav{display:flex;gap:30px;margin-left:auto;margin-right:30px}
.atlas-header nav button{font:13px/1.5 Tahoma,Thonburi,sans-serif;border:0;border-bottom:1px solid transparent;color:#bfbda9;background:none;padding:10px 0;min-height:44px;cursor:pointer}
.atlas-header nav button:hover,.atlas-header nav button:focus-visible{color:#ffe3a2;border-bottom-color:#d6b777}
.atlas-close{background:none;border:1px solid #ac956166;color:#d8c491;width:40px;height:40px;font-size:26px;cursor:pointer}
.atlas-stage{position:relative;min-height:0;flex:1;border:1px solid #b9a16c88;box-shadow:0 0 0 4px #0c1c26,0 0 0 5px #7e704e66,0 8px 40px #0007;background:#072538}
.atlas-scroll{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-color:#947e51 #132a35;scrollbar-width:thin;display:grid;align-items:center}
.atlas-board{position:relative;aspect-ratio:1400/780;width:min(100%,calc((100dvh - 180px)*1.79487));min-width:850px;margin:auto;isolation:isolate}
.atlas-art{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:fill;user-select:none;-webkit-user-drag:none}
.atlas-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,#0719298c 110%);pointer-events:none}
.atlas-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.atlas-paths path{fill:none;stroke:#e8d191;stroke-width:2;stroke-dasharray:3 8;opacity:0;transition:opacity .2s}
.atlas-paths path.selected{opacity:.65}.atlas-paths path.locked{stroke:#d6e3df;stroke-dasharray:2 10;stroke-width:1.5}
.atlas-region{position:absolute;color:#ffeec6;text-shadow:0 2px 5px #021923,0 0 12px #021923;pointer-events:none;font:normal 23px Tahoma,Thonburi,sans-serif;text-align:center;letter-spacing:1px}
.atlas-region small{display:block;font-size:10px;letter-spacing:1px;color:#d1ddce;margin-top:5px}
.atlas-region.forest{left:15%;top:9%}.atlas-region.harbor{left:28%;top:85%}.atlas-region.highlands{left:70%;top:84%}
.atlas-pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;background:none;border:0;cursor:pointer;z-index:2;color:#f6e0a3}
.atlas-dot{display:grid;place-items:center;margin:auto;width:18px;height:18px;border:1px solid #e5c98d;background:#18291bbf;border-radius:50%;font-size:10px;box-shadow:0 2px 4px #0008}
.atlas-pin.locked .atlas-dot{width:10px;height:10px;background:#243b49a8;border-color:#d5d6c299;color:transparent;box-shadow:0 1px 3px #0009}
.atlas-pin.complete .atlas-dot{color:#def1b9;border-color:#cfe3a6;background:#24462acc}
.atlas-pin.pending .atlas-dot{border-style:dashed}
.atlas-pin[aria-pressed="true"] .atlas-dot{outline:1px solid #ffe7aa;outline-offset:5px;box-shadow:0 0 17px #ffdc7d66}
.atlas-pin.here .atlas-dot{width:25px;height:11px;color:transparent;transform:translateY(6px);border:1px solid #ffe5a3;background:#ffe19b22;box-shadow:0 0 12px #ffe4a477}
.atlas-avatar{position:absolute;width:40px;height:45px;left:2px;bottom:15px;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 1px 2px #0009)}
.atlas-place{position:absolute;left:50%;top:41px;transform:translateX(-50%);width:max-content;max-width:150px;font:12px/1.6 Tahoma,Thonburi,sans-serif;color:#fff0c8;padding:3px 10px;border:1px solid #bda36b66;background:#0d2634e8;box-shadow:0 3px 10px #0005;opacity:0;pointer-events:none;transition:opacity .15s}
.atlas-pin:hover .atlas-place,.atlas-pin:focus-visible .atlas-place,.atlas-pin[aria-pressed="true"] .atlas-place{opacity:1}
.atlas-pin:hover,.atlas-pin:focus-visible,.atlas-pin[aria-pressed="true"]{z-index:3}
.atlas-you{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);font:10px Tahoma,Thonburi,sans-serif;color:#ffe9ae;white-space:nowrap;text-shadow:0 1px 3px #00111b,0 0 6px #00111b}
.atlas-compass{position:absolute;left:4%;bottom:6%;text-align:center;color:#dfd2a6;text-shadow:0 2px 4px #001b2a;pointer-events:none}
.atlas-compass small{display:block;font:11px Georgia,serif;letter-spacing:2px}.atlas-compass span{display:block;font:64px/.9 Georgia,serif}
.atlas-load{position:absolute;top:45%;left:50%;transform:translateX(-50%);background:#0b2434ed;padding:18px 25px;border:1px solid #bba575;color:#eee0bc;font-size:13px}
.atlas-load button{display:block;margin:10px auto 0;background:#224257;color:inherit;border:1px solid #baa47a;padding:8px}
.atlas-details{position:absolute;left:22px;bottom:20px;width:min(430px,calc(100% - 44px));max-height:min(65%,420px);overflow:auto;background:linear-gradient(130deg,#132b4af5,#0b1831f7);border:1px solid #c2b58b;box-shadow:0 0 0 3px #101d32,0 0 0 4px #566479,0 8px 30px #0008;z-index:5;scrollbar-color:#8293a0 #132039;display:grid;grid-template-columns:100px minmax(0,1fr)}
.atlas-scene-preview{width:100%;height:100%;min-height:170px;object-fit:cover;object-position:center;border-right:1px solid #baa37e66}
.atlas-detail-copy{padding:18px;position:relative;min-width:0}
.atlas-detail-close{position:absolute;right:5px;top:3px;border:0;background:none;color:#d5cbae;font-size:22px;width:30px;height:30px;cursor:pointer}
.atlas-kicker{display:block;padding-right:14px;font-size:10px;color:#adbfcd;line-height:1.7}
.atlas-details h3{font-size:20px;font-weight:normal;line-height:1.5;color:#f8dea4;margin:8px 0 4px}
.atlas-details p{font-size:12px;line-height:1.8;color:#cfdbdf;margin:4px 0}
.atlas-status{font-size:11px;color:#c9dda3;line-height:1.8;margin:8px 0}.atlas-status.locked{color:#b9c4d1}.atlas-status.pending{color:#f2d496}
.atlas-lessons{font-size:11px;border-top:1px solid #8299ad44;margin-top:10px;padding-top:8px}.atlas-lessons summary{cursor:pointer;color:#e5d6b0;min-height:28px}
.atlas-lessons ul{list-style:none;padding:0;display:grid;gap:9px;margin:8px 0 0}
.atlas-lessons li{padding-left:8px;border-left:1px solid #7b8ea2}.atlas-lessons li.selected{border-color:#f7d990}.atlas-lessons li span,.atlas-lessons li small{display:block;font-size:10px;line-height:1.7;color:#b9c5d5}.atlas-lessons li strong{display:block;font-weight:normal;color:#f1e6c8;font-size:12px;line-height:1.8}
.atlas-details .atlas-condition{font-size:11px;color:#d9cba6;padding-top:8px;border-top:1px solid #8299ad44}
.atlas-footer{display:flex;gap:24px;align-items:center;flex-shrink:0;min-height:52px;padding-top:14px}
.atlas-footer button,.atlas-journal>summary{border:0;background:none;font:12px Tahoma,Thonburi,sans-serif;color:#d9cfb4;min-height:36px;cursor:pointer}
.atlas-locate span{color:#f0d395;font-size:20px;margin-right:6px}.atlas-hint{color:#7e9ba8;font-size:10px;margin-right:auto}
.atlas-return kbd{font:10px Tahoma,sans-serif;color:#8fa5b1;margin-left:8px}.atlas-journal{position:relative}.atlas-journal>summary{display:flex;align-items:center;gap:14px;list-style:none}.atlas-journal>summary::-webkit-details-marker{display:none}.atlas-journal>summary:before{content:'✧';color:#e0c384}.atlas-journal>summary>span{color:#91aaba;font-size:11px}
.atlas-journal-page{position:absolute;right:0;bottom:48px;width:min(480px,calc(100vw - 40px));padding:20px;background:linear-gradient(125deg,#18324ffb,#0d1933fc);border:1px solid #c3b68d;box-shadow:0 0 0 3px #0b1b2b,0 10px 30px #0009;z-index:7}
.atlas-journal-page h3{margin:0 0 16px;font-size:17px;font-weight:normal;color:#f2dca6}.atlas-journal-page p{font-size:10px;color:#adc0d0;margin:14px 0 0}
.atlas-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.atlas-day{min-height:54px!important;min-width:0;padding:5px!important;border:1px solid #70809588!important;background:#142941!important;color:#a3b8c8!important;cursor:pointer}
.atlas-day strong{font-size:14px;font-weight:normal}.atlas-day>span{display:block;font-size:10px;margin-top:3px}.atlas-day.complete{color:#d0e6ae!important;border-color:#a4b98488!important}.atlas-day.pending{color:#f4d69e!important;border-style:dashed!important}.atlas-day.active,.atlas-day[aria-pressed="true"]{color:#ffe5af!important;border-color:#ffe0a6!important;background:#30445b!important}
#worldAtlas button:focus-visible,#worldAtlas summary:focus-visible,.atlas-scroll:focus-visible{outline:2px solid #ffe0a6;outline-offset:3px}
@media(max-width:850px){
 #worldAtlas{padding:18px 18px 14px}.atlas-header{gap:10px;padding-bottom:13px;flex-wrap:wrap}.atlas-header h2{font-size:22px}.atlas-eyebrow{font-size:8px;letter-spacing:2px}.atlas-header nav{order:3;flex-basis:100%;justify-content:center;gap:25px;margin:0}.atlas-header nav button{font-size:11px;padding:3px 0;min-height:32px}
 .atlas-close{margin-left:auto}.atlas-board{width:850px;min-width:850px}.atlas-scroll{align-items:start}.atlas-region{font-size:18px}.atlas-region small{font-size:9px}.atlas-footer{gap:14px;flex-wrap:wrap;padding-top:12px}.atlas-hint{display:none}.atlas-journal{margin-left:auto}.atlas-return{display:none}.atlas-journal-page{right:0;bottom:45px}.atlas-details{left:12px;bottom:12px;width:calc(100% - 24px);max-height:60%;grid-template-columns:80px minmax(0,1fr)}.atlas-detail-copy{padding:13px}.atlas-details h3{font-size:17px}.atlas-scene-preview{min-height:140px}
}
@media(max-height:550px){#worldAtlas{padding:14px 18px 10px}.atlas-header{padding-bottom:8px;flex-wrap:nowrap}.atlas-header nav{order:0;flex-basis:auto;gap:16px;margin-left:auto}.atlas-eyebrow{display:none}.atlas-header h2{font-size:18px}.atlas-footer{min-height:40px;padding-top:6px}.atlas-board{width:850px}.atlas-details{max-height:85%}.atlas-journal-page{max-height:65dvh;overflow:auto}}
@media(prefers-reduced-motion:reduce){#worldAtlas *{transition:none!important}}

.atlas-journal:not([open])>.atlas-journal-page{display:none}