.stories-menu{position:relative}.menu-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.2rem;border-radius:999px;border:1px solid var(--card-border);background:var(--bg-panel);color:var(--text-main);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:inherit}.menu-toggle:hover,.menu-toggle.is-open{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-soft)}.menu-icon{font-size:1rem}.menu-label{font-size:.9rem}.menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:320px;max-height:70vh;overflow-y:auto;background:var(--bg-panel-solid);border:1px solid var(--card-border);border-radius:18px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-header{padding:1rem 1.2rem;border-bottom:1px solid var(--card-border);display:flex;flex-direction:column;gap:.25rem}.menu-header span{font-weight:600;color:var(--text-main)}.menu-header small{font-size:.75rem;color:var(--text-muted)}.menu-list{list-style:none;padding:.5rem;margin:0}.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-main);cursor:pointer;font:inherit;text-align:left;transition:all var(--transition-fast)}.menu-item:hover{background:var(--accent-soft);border-color:var(--card-border)}.menu-item.is-selected{background:var(--accent-soft-strong);border-color:var(--accent)}.menu-item-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.menu-item-name{flex:1;font-size:.9rem}.menu-item.is-selected .menu-item-name{color:var(--story-accent, var(--accent));font-weight:500}.menu-item-era{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--accent-soft);padding:.2rem .5rem;border-radius:999px}.menu-dropdown::-webkit-scrollbar{width:6px}.menu-dropdown::-webkit-scrollbar-track{background:transparent}.menu-dropdown::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}.menu-dropdown::-webkit-scrollbar-thumb:hover{background:var(--accent)}.audio-toggle{min-width:48px;font-size:1.2rem}@media(max-width:720px){.menu-dropdown{position:fixed;inset:auto 0 0;min-width:100%;max-height:60vh;border-radius:18px 18px 0 0;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.menu-label{display:none}}.fullscreen-reader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 50%,#0a0a1a,#000008);overflow:hidden}.reader-background{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,#0a0a1a,#000008);pointer-events:none}.reader-close{position:absolute;top:20px;right:20px;z-index:100;width:50px;height:50px;border:none;border-radius:50%;background:#ffffff1a;color:#ffffffb3;font-size:24px;cursor:pointer;transition:all .2s ease;display:none;align-items:center;justify-content:center}.fullscreen-reader:hover .reader-close{display:flex}.reader-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.reader-header{display:none}.reader-header h1{margin:0;font-size:1.5rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 20px rgba(0,0,0,.5)}.book-wrapper{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:80px 20px}.single-image-wrapper{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 20px}.single-image{max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.page{background:linear-gradient(145deg,#fff,#f8f5f0);box-shadow:0 4px 8px #0000001a}.page-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;overflow:hidden}.page-content img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.page-empty{background:linear-gradient(135deg,#f8f5f0,#e8e4da);color:#8b5a2b4d;font-size:2rem;font-style:italic;font-weight:300}.reader-nav{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:100}.nav-button{padding:12px 24px;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:#00000080;color:#fffc;font-size:.9rem;cursor:pointer;transition:all .2s ease}.nav-button:hover{background:#ffffff1a;border-color:#fff6;color:#fff}.reader-instruction{position:absolute;bottom:90px;left:50%;transform:translate(-50%);padding:10px 20px;background:#0006;color:#ffffff80;font-size:.8rem;border-radius:20px;pointer-events:none;animation:fadeOut 5s ease-in-out forwards}@keyframes fadeOut{0%,70%{opacity:1}to{opacity:0}}.reader-empty{text-align:center;color:#fff9}.reader-empty h2{margin:0 0 16px;font-size:2rem;font-weight:300}.reader-empty p{margin:0;opacity:.6}@media(max-width:768px){.reader-nav{bottom:20px;gap:10px}.nav-button{padding:10px 18px;font-size:.8rem}.reader-header h1{font-size:1.2rem}.reader-instruction{bottom:70px;font-size:.75rem}.book-wrapper{padding:60px 10px}}.home-layout{--panel-text: rgba(237, 241, 239, .98);--panel-muted: rgba(205, 216, 218, .88);--panel-faint: rgba(165, 178, 182, .62);--panel-edge: rgba(255, 255, 255, .14);--panel-inner: rgba(8, 10, 22, .42);--panel-hover: rgba(255, 255, 255, .06);--accent-default: #c2d3cd;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);box-sizing:border-box;display:grid;grid-template-columns:minmax(280px,360px) 1fr;height:100dvh;max-height:100dvh;min-height:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:radial-gradient(ellipse at 70% 50%,#0a0a1a,#000008);overflow:hidden}.info-panel{display:flex;flex-direction:column;min-height:0;padding:2.25rem 1.75rem;background:linear-gradient(160deg,#0e1020b8,#04060e80);border-right:1px solid var(--panel-edge);overflow-y:auto;overflow-x:hidden;position:relative;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.info-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.18),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.12),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.14),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.12),transparent);pointer-events:none;opacity:.9}.branding{margin-bottom:1.75rem;position:relative}.world-label{display:inline-block;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--panel-faint);margin-bottom:.45rem}.branding h1{margin:0;font-size:1.85rem;letter-spacing:-.03em;line-height:1.12;background:linear-gradient(135deg,#f4f7f6,#b8c8c9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-info{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.15rem 1.35rem;background:var(--panel-inner);border-radius:18px;border:1px solid var(--panel-edge);border-top:3px solid var(--story-accent, rgba(194, 211, 205, .45));margin-bottom:1rem;position:relative;box-shadow:0 1px #ffffff0a inset,0 18px 40px #00000047}.story-kicker{margin:0;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--panel-faint)}.story-header{display:flex;align-items:flex-start;gap:.65rem}.story-header-text{min-width:0;flex:1}.story-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;margin-top:.35rem;box-shadow:0 0 0 2px #00000059,0 0 16px color-mix(in srgb,currentColor 55%,transparent)}.story-era{margin:0;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--panel-faint)}.story-title{margin:.2rem 0 0;font-size:1.35rem;line-height:1.18;font-weight:600;letter-spacing:-.02em;color:var(--panel-text)}.story-location-sub{margin:.35rem 0 0;font-size:.78rem;color:var(--panel-muted);line-height:1.35}.story-tagline{margin:0;font-style:italic;color:var(--panel-muted);font-size:.88rem;line-height:1.45;padding-left:.15rem;border-left:2px solid color-mix(in srgb,var(--story-accent, var(--accent-default)) 45%,transparent)}.story-summary{margin:0;color:var(--panel-muted);font-size:.86rem;line-height:1.55}.story-themes{display:flex;flex-wrap:wrap;gap:.4rem}.theme-tag{padding:.28rem .65rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--story-accent, var(--accent-default)) 35%,transparent);background:color-mix(in srgb,var(--story-accent, var(--accent-default)) 14%,rgba(0,0,0,.2));color:var(--panel-muted);font-size:.68rem;letter-spacing:.03em}.open-story-btn{margin-top:.35rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:48px;padding:.72rem 1rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:12px;border:1px solid color-mix(in srgb,var(--story-accent, var(--accent-default)) 55%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--story-accent, var(--accent-default)) 28%,rgba(0,0,0,.15)),color-mix(in srgb,var(--story-accent, var(--accent-default)) 12%,rgba(0,0,0,.35)));color:var(--panel-text);font-weight:600;font-size:.88rem;letter-spacing:.02em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}.open-story-btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--story-accent, var(--accent-default)) 75%,white);box-shadow:0 14px 28px #00000059,0 0 0 1px color-mix(in srgb,var(--story-accent, var(--accent-default)) 25%,transparent);filter:brightness(1.05)}.open-story-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--story-accent, var(--accent-default)) 70%,white);outline-offset:2px}.open-story-btn-icon{font-size:1rem;opacity:.85;transition:transform .2s ease}.open-story-btn:hover .open-story-btn-icon{transform:translate(3px)}.no-selection{text-align:left;padding:.35rem .1rem .5rem}.no-selection-title{margin:0 0 .4rem;font-size:.95rem;font-weight:600;color:var(--panel-muted)}.no-selection-hint{margin:0;font-size:.82rem;line-height:1.45;color:var(--panel-faint)}.stories-nav{position:relative}.stories-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:.65rem .85rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid var(--panel-edge);border-radius:12px;background:#00000038;color:var(--panel-muted);font:inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.stories-toggle-label{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left}.stories-toggle-title{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--panel-text);font-weight:600}.stories-toggle-meta{font-size:.68rem;color:var(--panel-faint);letter-spacing:.04em}.stories-toggle:hover,.stories-toggle.is-open{background:var(--panel-hover);border-color:#fff3;color:var(--panel-text);box-shadow:0 12px 30px #0003}.stories-toggle:focus-visible{outline:2px solid rgba(194,211,205,.45);outline-offset:2px}.toggle-icon{font-size:1rem;opacity:.65;font-weight:300;line-height:1}.stories-list{list-style:none;padding:.35rem;margin:.55rem 0 0;border:1px solid var(--panel-edge);border-radius:12px;background:#00000052;max-height:min(42vh,300px);overflow-y:auto;box-shadow:inset 0 1px #ffffff0a}.story-item{display:flex;align-items:flex-start;gap:.45rem;width:100%;min-height:48px;padding:.55rem .55rem .55rem .45rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;border-left:3px solid transparent;background:transparent;color:var(--panel-muted);font:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;text-align:left}.story-item:hover{background:var(--panel-hover);color:var(--panel-text)}.story-item:focus-visible{outline:none;background:var(--panel-hover);box-shadow:inset 0 0 0 1px #ffffff1f}.story-item.is-selected{background:color-mix(in srgb,var(--story-accent) 16%,rgba(0,0,0,.15));border-left-color:var(--story-accent);color:var(--panel-text)}.item-index{flex-shrink:0;width:1.5rem;font-size:.62rem;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--panel-faint);padding-top:.2rem}.story-item.is-selected .item-index{color:color-mix(in srgb,var(--story-accent) 80%,white)}.item-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:.35rem;box-shadow:0 0 10px color-mix(in srgb,currentColor 50%,transparent)}.item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.item-name{font-size:.82rem;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-sub{font-size:.68rem;color:var(--panel-faint);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-item.is-selected .item-name{color:var(--panel-text)}.globe-panel{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.globe-panel .globe-interactive{width:100%!important;height:100%!important;min-height:auto!important;aspect-ratio:auto!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.globe-corner-controls{position:absolute;right:max(12px,var(--safe-right));bottom:max(12px,var(--safe-bottom));display:flex;flex-direction:column;align-items:stretch;gap:10px;z-index:20}.globe-control-btn{width:48px;height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#06081294;color:#f0f4f3d1;font-size:1.05rem;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000059}.globe-control-btn:hover:not(:disabled){background:#ffffff1a;color:#fffffff5;border-color:#ffffff47}.globe-control-btn:focus-visible{outline:2px solid rgba(194,211,205,.55);outline-offset:2px}.globe-control-btn:disabled{opacity:.35;cursor:default}.globe-control-btn[aria-pressed=true]{border-color:#c2d3cd73;background:#c2d3cd1f;color:#e8f0eef2}.globe-control-icon{display:flex;align-items:center;justify-content:center;font-size:1.1rem}.globe-volume-svg{display:block;flex-shrink:0}@media(max-width:900px){.home-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,min(38vh,320px)) minmax(0,1fr);gap:0}.info-panel{border-right:none;border-bottom:1px solid var(--panel-edge);padding:1rem 1rem 1.1rem;max-height:none}.branding{margin-bottom:1rem}.branding h1{font-size:clamp(1.35rem,4.5vw,1.55rem)}.story-info{flex:1 1 auto;min-height:0;padding:.95rem .9rem 1rem;margin-bottom:.75rem}.story-title{font-size:clamp(1.05rem,3.8vw,1.2rem)}.stories-list{max-height:min(28vh,200px)}.globe-panel{min-height:0}.globe-corner-controls{right:max(10px,var(--safe-right));bottom:max(10px,var(--safe-bottom));gap:8px}.globe-control-btn{width:50px;height:50px;font-size:1.12rem}}@media(max-width:480px){.home-layout{grid-template-rows:minmax(0,min(36vh,280px)) minmax(0,1fr)}.info-panel{padding:.85rem .85rem .95rem}.branding{margin-bottom:.75rem}.world-label{font-size:.58rem;letter-spacing:.22em}.story-info{margin-bottom:.6rem;gap:.5rem;padding:.85rem .8rem .9rem;border-radius:16px}.stories-list{max-height:min(26vh,180px)}.stories-toggle{min-height:52px;padding:.55rem .75rem}.story-item{min-height:52px;padding:.6rem .5rem .6rem .4rem}}@media(max-width:900px)and (max-height:500px){.home-layout{grid-template-rows:minmax(0,32vh) minmax(0,1fr)}.info-panel{padding:.65rem .85rem}.branding{margin-bottom:.5rem}.branding h1{font-size:1.2rem}.story-info{margin-bottom:.45rem}.stories-list{max-height:min(22vh,140px)}}.info-panel::-webkit-scrollbar,.stories-list::-webkit-scrollbar{width:5px}.info-panel::-webkit-scrollbar-track,.stories-list::-webkit-scrollbar-track{background:transparent}.info-panel::-webkit-scrollbar-thumb,.stories-list::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}.info-panel::-webkit-scrollbar-thumb:hover,.stories-list::-webkit-scrollbar-thumb:hover{background:#ffffff38}:root{--bg-main: #1a1618;--bg-panel: rgba(86, 73, 76, .78);--bg-panel-solid: #2a2326;--text-main: #e9edeb;--text-muted: #b7c3c5;--accent: #c2d3cd;--accent-strong: #afbfc0;--accent-soft: rgba(194, 211, 205, .2);--accent-soft-strong: rgba(194, 211, 205, .32);--card-border: rgba(159, 164, 169, .38);--shadow-soft: 0 25px 60px rgba(12, 8, 10, .55);--accent-shadow: rgba(86, 73, 76, .32);--button-active-text: #1a1618;--transition-fast: .18s ease;--font-sans: "Segoe UI", Tahoma, sans-serif;font-size:16px}body[data-theme=light]{--bg-main: #cfdad6;--bg-panel: rgba(194, 211, 205, .78);--bg-panel-solid: #eef3f0;--text-main: #56494c;--text-muted: #847e89;--accent: #847e89;--accent-strong: #56494c;--accent-soft: rgba(132, 126, 137, .18);--accent-soft-strong: rgba(132, 126, 137, .26);--card-border: rgba(132, 126, 137, .26);--shadow-soft: 0 20px 45px rgba(132, 126, 137, .18);--accent-shadow: rgba(132, 126, 137, .2);--button-active-text: #f5f7f6}*{box-sizing:border-box}html.home-viewport-lock{height:100%;overflow:hidden}html.home-viewport-lock body{height:100%;overflow:hidden;overscroll-behavior:none}html.home-viewport-lock #root{min-height:0}body{margin:0;min-height:100vh;font-family:var(--font-sans);background:radial-gradient(circle at 18% 12%,rgba(132,126,137,.22) 0%,transparent 45%),radial-gradient(circle at 75% 85%,rgba(194,211,205,.2) 0%,transparent 55%),var(--bg-main);color:var(--text-main);line-height:1.6;transition:color var(--transition-fast),background-color var(--transition-fast),background-image .4s ease}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:var(--text-muted)}.site-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(1.75rem,4vw,3rem) clamp(1.5rem,5vw,4rem);position:relative;isolation:isolate}.branding{max-width:560px}.world-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-strong);opacity:.85}.site-header h1{margin:.35rem 0 0;font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.02em}.tagline{margin:.75rem 0 0;color:var(--text-muted);font-size:1rem}.header-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{padding:.75rem 1.4rem;border-radius:999px;border:1px solid var(--card-border);background:var(--bg-panel);color:var(--text-main);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-toggle:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-soft)}.world-main{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(2.5rem,6vw,5rem);padding:0 clamp(1.5rem,5vw,4rem) clamp(3rem,6vw,5rem)}.globe-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,2.5rem)}.globe-copy{background:var(--bg-panel);border:1px solid var(--card-border);border-radius:28px;padding:clamp(1.8rem,3vw,2.8rem);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.globe-copy h2{margin:0 0 .8rem;font-size:clamp(1.6rem,4vw,2.2rem)}.globe-copy p{margin:0;color:var(--text-muted)}.globe-copy .hint{margin-top:1rem;font-size:.95rem;color:var(--accent-strong)}.globe-interactive{position:relative;aspect-ratio:1;width:min(640px,60vw);max-width:100%;min-height:500px;margin:0 auto;display:grid;place-items:center;border-radius:24px;background:radial-gradient(ellipse at center,#0a0a1a,#000008);overflow:hidden;box-shadow:inset 0 0 100px #4a9eff1a,0 25px 80px #00000080}.globe-interactive canvas{width:100%!important;height:100%!important;display:block;border-radius:24px}.globe-nav{background:var(--bg-panel);border:1px solid var(--card-border);border-radius:28px;padding:clamp(1.5rem,3vw,2.4rem);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.location-list{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}.location-button{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;width:100%;padding:.9rem 1.2rem;border-radius:18px;border:1px solid transparent;background:#56494c24;color:var(--text-main);cursor:pointer;font:inherit;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.location-button:hover,.location-button:focus-visible{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px);outline:none}.location-button[aria-current=true]{border-color:var(--accent);background:var(--accent-soft-strong);box-shadow:inset 0 0 12px var(--accent-shadow)}.location-button span:first-child{color:var(--story-accent, var(--text-main));transition:color var(--transition-fast)}.location-button[aria-current=true] span:first-child{color:var(--story-accent, var(--accent))}.location-era{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-strong)}.story-panel{position:sticky;top:clamp(1.5rem,5vw,3rem);align-self:flex-start;background:var(--bg-panel);border:1px solid var(--card-border);border-radius:32px;padding:clamp(2.2rem,4vw,3rem);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:1.4rem;min-height:480px}.panel-header{display:flex;flex-direction:column;gap:.75rem}.panel-era{margin:0;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong)}.panel-title{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.01em}.panel-tagline,.panel-summary{margin:0;color:var(--text-muted)}.panel-summary{font-size:1rem}.panel-themes{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.6rem}.panel-themes li{padding:.45rem .9rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.85rem;letter-spacing:.02em}.panel-actions{margin-top:auto}.panel-link{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1.6rem;border-radius:999px;background:var(--accent);color:var(--button-active-text);font-weight:600;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.panel-link[aria-disabled=true]{pointer-events:none;opacity:.45}.panel-link:not([aria-disabled=true]):hover{transform:translateY(-3px);box-shadow:0 18px 30px var(--accent-shadow);text-decoration:none}.site-footer{padding:clamp(2rem,4vw,3rem) clamp(1.5rem,5vw,4rem) clamp(3rem,6vw,4rem);text-align:center;color:var(--text-muted)}@media(max-width:1180px){.world-main{grid-template-columns:minmax(0,1fr)}.story-panel{position:static;min-height:auto}.globe-interactive{width:min(520px,70vw)}}@media(max-width:720px){.site-header{flex-direction:column;align-items:flex-start;gap:1.2rem}.header-actions{align-self:stretch;justify-content:flex-end}.globe-copy,.globe-nav,.story-panel{border-radius:22px}.globe-interactive{width:100%}.panel-title{font-size:clamp(1.6rem,8vw,2.1rem)}}.story-wrapper{display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,3rem);max-width:min(1200px,100%);margin:0 auto;padding:clamp(2rem,6vw,3.5rem) clamp(1.5rem,6vw,4rem) clamp(4rem,8vw,5rem)}.back-link{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;border-radius:999px;border:1px solid var(--card-border);background:var(--bg-panel);color:var(--text-main);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.back-link:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-soft);text-decoration:none}.story-header{display:flex;flex-direction:column;gap:clamp(.9rem,2.5vw,1.5rem)}.story-meta-line{margin:0;display:flex;flex-wrap:wrap;gap:1.1rem;color:var(--text-muted)}.audio-player{padding:clamp(.9rem,2.5vw,1.4rem);border-radius:18px;border:1px solid var(--card-border);background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(100%,580px)}.audio-player label{display:block;margin-bottom:.6rem;font-weight:600}.toggle-group{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem 1.2rem;border-radius:18px;border:1px solid var(--card-border);background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toggle-group-label{font-size:.9rem;color:var(--text-muted)}.toggle-buttons{display:flex;gap:.5rem}.toggle-button{padding:.55rem 1.1rem;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-main);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.toggle-button:hover,.toggle-button:focus-visible{border-color:var(--accent);color:var(--accent-strong)}.toggle-button.is-active{background:var(--accent);color:var(--button-active-text);box-shadow:0 12px 28px var(--accent-shadow);border-color:transparent}.story-gallery{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(1.6rem,3vw,2.8rem)}.story-gallery-vertical{display:flex;flex-direction:column;align-items:center;gap:clamp(1.6rem,3vw,2.6rem);width:100%}.story-gallery-vertical figure{margin:0;width:min(100%,1600px);padding:clamp(.9rem,2vw,1.6rem);border-radius:22px;border:1px solid var(--card-border);background:var(--bg-panel);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;gap:clamp(.6rem,1.5vw,1rem);position:relative;overflow:auto}.story-gallery-vertical img{width:auto;height:auto;max-width:100%;max-height:calc(100vh - 60px);object-fit:contain}.story-gallery-vertical figcaption{margin:0;text-align:center;color:var(--text-muted);font-size:.95rem;line-height:1.4}.story-image-container{position:relative;overflow:auto;display:flex;align-items:center;justify-content:center}.story-image-container img{transform-origin:center;-webkit-user-select:none;user-select:none;pointer-events:auto}.story-gallery{-webkit-user-select:none;user-select:none}.story-gallery-horizontal{position:relative;width:100%;min-height:clamp(320px,calc(100vh - 110px),920px);padding-inline:clamp(1rem,5vw,3rem);padding-block:clamp(1rem,3vw,2rem);display:grid;place-items:center;overflow:visible}.story-spread{--spread-padding: clamp(.9rem, 2vw, 1.6rem);--spread-max-offset: 70px;--spread-image-extra-offset: 0px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) perspective(1800px) rotateY(18deg);transform-origin:center;margin:0;width:min(99.5vw,1650px);max-height:calc(100vh - var(--spread-max-offset));padding:var(--spread-padding);border-radius:24px;border:1px solid var(--card-border);background:var(--bg-panel);box-shadow:var(--shadow-soft);display:flex;justify-content:center;align-items:stretch;gap:clamp(1rem,3vw,2.6rem);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .42s ease}.story-spread[data-active=true]{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) perspective(1800px) rotateY(0)}.story-spread[data-spread-type=double] .story-page{max-width:min(52vw,820px)}.story-spread[data-spread-type=single] .story-page{max-width:min(98vw,1260px)}.story-spread[data-story-single=true] .story-page{max-width:min(99vw,1450px)}.story-page{margin:0;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:clamp(.6rem,1.5vw,1rem)}.story-page img{width:100%;height:auto;max-height:calc(100vh - var(--spread-max-offset, 70px) - (var(--spread-padding, 1rem) * 2) - var(--spread-image-extra-offset, 0px));object-fit:contain;border-radius:16px;box-shadow:none}.story-page figcaption{margin:0;text-align:center;color:var(--text-muted);font-size:.9rem;line-height:1.4}.story-spread figcaption{display:none}.page-controls{display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,3vw,1.6rem);margin-top:clamp(.5rem,3vw,1.6rem);padding:.85rem 1.4rem;border-radius:18px;border:1px solid var(--card-border);background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-control{padding:.55rem 1.2rem;border-radius:999px;border:1px solid var(--card-border);background:var(--accent);color:var(--button-active-text);font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.page-control:hover:not([disabled]),.page-control:focus-visible:not([disabled]){transform:translateY(-2px);box-shadow:0 12px 24px var(--accent-shadow)}.page-control[disabled]{cursor:default;opacity:.4;box-shadow:none}.page-indicator{min-width:84px;text-align:center;font-variant-numeric:tabular-nums;color:var(--text-muted)}.viewer-controls{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.8rem)}.viewer-switches{display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.2rem)}.viewer-switches .toggle-group{flex:1 1 220px}@media(max-width:720px){.story-gallery-horizontal{min-height:clamp(360px,calc(100vh - 100px),980px);padding-inline:clamp(.75rem,7vw,1.8rem);padding-block:clamp(.75rem,5vw,1.6rem)}.story-spread{--spread-padding: clamp(.75rem, 5vw, 1.2rem);--spread-max-offset: 60px;--spread-image-extra-offset: 30px;width:min(99.5vw,1350px);gap:clamp(.75rem,5vw,1.6rem);padding:var(--spread-padding)}.story-spread[data-spread-type=double] .story-page{max-width:min(54vw,600px)}.story-spread[data-spread-type=single] .story-page,.story-spread[data-story-single=true] .story-page{max-width:min(92vw,580px)}.viewer-switches{flex-direction:column}.viewer-switches .toggle-group{width:100%}}body[data-viewport-mode=mobile] .story-wrapper{max-width:min(460px,100%);padding:clamp(1.4rem,6vw,2rem) clamp(1.2rem,6vw,2.2rem) clamp(3rem,8vw,3.6rem)}body[data-viewport-mode=mobile] .toggle-buttons{flex-wrap:wrap}body[data-viewport-mode=mobile] .story-gallery-vertical figure{width:100%;padding:clamp(.75rem,4vw,1.2rem)}body[data-viewport-mode=mobile] .story-gallery-vertical img{max-height:calc(100vh - 90px)}body[data-viewport-mode=mobile] .story-gallery-horizontal{min-height:clamp(400px,calc(100vh - 90px),1180px);padding-inline:clamp(.75rem,7vw,1.6rem);padding-block:clamp(.75rem,5vw,1.4rem)}body[data-viewport-mode=mobile] .story-spread{--spread-padding: clamp(.75rem, 4vw, 1.2rem);--spread-max-offset: 75px;--spread-image-extra-offset: 30px;width:min(94vw,720px);gap:clamp(.6rem,4vw,1.4rem);padding:var(--spread-padding)}body[data-viewport-mode=mobile] .story-spread[data-spread-type=double] .story-page{max-width:min(50vw,640px)}body[data-viewport-mode=mobile] .page-controls{flex-wrap:wrap;gap:clamp(.6rem,4vw,1.2rem)}body[data-viewport-mode=mobile] .page-control{flex:1 1 140px}body[data-viewport-mode=mobile] .page-indicator{min-width:100px}.audio-toggle{align-self:flex-start;padding:.65rem 1.4rem;border-radius:999px;border:1px solid var(--card-border);background:var(--accent);color:var(--button-active-text);font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.audio-toggle:hover,.audio-toggle:focus-visible{transform:translateY(-2px);box-shadow:0 14px 28px var(--accent-shadow)}.audio-toggle[disabled]{opacity:.5;cursor:default;transform:none;box-shadow:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pageFlipEnterForward{0%{transform:translate(-50%,-50%) perspective(1800px) rotateY(45deg);opacity:0}60%{transform:translate(-50%,-50%) perspective(1800px) rotateY(-8deg);opacity:1}to{transform:translate(-50%,-50%) perspective(1800px) rotateY(0);opacity:1}}@keyframes pageFlipExitForward{0%{transform:translate(-50%,-50%) perspective(1800px) rotateY(0);opacity:1}to{transform:translate(-50%,-50%) perspective(1800px) rotateY(-40deg);opacity:0}}@keyframes pageFlipEnterBackward{0%{transform:translate(-50%,-50%) perspective(1800px) rotateY(-45deg);opacity:0}60%{transform:translate(-50%,-50%) perspective(1800px) rotateY(10deg);opacity:1}to{transform:translate(-50%,-50%) perspective(1800px) rotateY(0);opacity:1}}@keyframes pageFlipExitBackward{0%{transform:translate(-50%,-50%) perspective(1800px) rotateY(0);opacity:1}to{transform:translate(-50%,-50%) perspective(1800px) rotateY(40deg);opacity:0}}.story-spread.flip-enter-forward{transform-origin:left center;animation:pageFlipEnterForward .42s ease both}.story-spread.flip-exit-forward{transform-origin:left center;animation:pageFlipExitForward .42s ease both}.story-spread.flip-enter-backward{transform-origin:right center;animation:pageFlipEnterBackward .42s ease both}.story-spread.flip-exit-backward{transform-origin:right center;animation:pageFlipExitBackward .42s ease both}