:root{--bg-cream:#f4ead8;--bg-paper:#fbf6ea;--bg-card:#fffaefed;--bg-soft:#fffaef9e;--bg-deep:#eadcc6;--ink-900:#2e2722;--ink-700:#51463c;--ink-500:#776b5f;--ink-300:#afa69a;--accent:#2f7f8f;--accent-deep:#185b68;--plum:#8f3f2f;--rose:#b85f4d;--amber:#d7b46a;--sky:#2f7f8f;--border-soft:#463c5014;--border-strong:#463c502e;--shadow-soft:0 12px 32px -16px #463c502e, 0 2px 6px -2px #463c5014;--shadow-card:0 22px 60px -30px #463c5038, 0 4px 14px -4px #463c5014;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--font-sans:"Noto Sans SC", system-ui, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif:"Noto Serif SC", "STSong", "Songti SC", Georgia, serif;--font-hand:"Caveat", "Noto Serif SC", cursive;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink-700);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%, #2f7f8f2e, transparent 60%), radial-gradient(900px 600px at -10% 100%, #b85f4d29, transparent 60%), radial-gradient(900px 700px at 50% 50%, #d7b46a38, transparent 70%), linear-gradient(180deg, var(--bg-cream) 0%, var(--bg-paper) 100%);color:var(--ink-700);overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit}h1,h2,h3{color:var(--ink-900);font-family:var(--font-serif);margin:0;font-weight:600}p{margin:0}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#463c502e;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.app-shell{grid-template-rows:auto 1fr auto;gap:12px;width:100%;max-width:1640px;height:100vh;margin:0 auto;padding:14px 20px 10px;display:grid;overflow:hidden}@supports (height:100dvh){.app-shell{height:100dvh}}body{overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:4px 6px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:var(--bg-card);border:1px solid var(--border-soft);width:44px;height:44px;box-shadow:var(--shadow-soft);border-radius:14px;place-items:center;display:grid}.brand-title{letter-spacing:1px;font-size:26px;line-height:1.1}.brand-tagline{color:var(--ink-500);align-items:baseline;gap:8px;margin-top:4px;font-size:13px;display:flex}.brand-pen{font-family:var(--font-hand);color:var(--plum);letter-spacing:.5px;font-size:20px}.brand-sep{color:var(--ink-300)}.topbar-meta{color:var(--ink-500);align-items:center;gap:12px;font-size:13px;display:flex}.meta-pill{background:var(--bg-card);border:1px solid var(--border-soft);color:var(--ink-700);border-radius:999px;padding:4px 10px;font-size:12px}.tag-button{border:1px solid var(--border-soft);color:var(--ink-700);background:#fffaefd1;border-radius:999px;padding:6px 11px;font-size:12px;box-shadow:0 8px 20px -18px #463c503d}.tag-button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.layout{grid-template-rows:minmax(0,1fr);grid-template-columns:240px minmax(0,1fr) 320px;gap:14px;min-height:0;display:grid}.stage-stack{grid-template-rows:minmax(0,1fr) 198px;gap:12px;min-height:0;display:grid}.sidebar,.info-panel{overflow-y:auto}@media (max-width:1280px){.layout{grid-template-columns:220px minmax(0,1fr) 280px}}.sidebar{flex-direction:column;gap:16px;min-height:0;display:flex}.sidebar-section{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;flex:1;min-height:0;padding:16px 14px;display:flex}.sidebar-section .cell-list{flex:1;padding-right:4px;overflow-y:auto}.sidebar-header{text-transform:uppercase;letter-spacing:4px;color:var(--ink-700);border-bottom:1px dashed var(--border-soft);align-items:center;gap:8px;margin-bottom:12px;padding:2px 4px 12px;font-size:11px;font-weight:600;display:flex}.sidebar-header .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #2f7f8f33}.cell-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cell-item{border-radius:var(--radius-md);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:52px 1fr;align-items:center;gap:12px;width:100%;padding:8px 8px 8px 6px;transition:background .18s,border-color .18s,transform .18s;display:grid}.cell-item:hover{border-color:var(--border-soft);background:#2f7f8f14}.cell-item.active{background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#2f7f8f) 18%, white), #fffaefbd);border-color:color-mix(in srgb, var(--accent,#2f7f8f) 45%, transparent);box-shadow:0 10px 30px -18px color-mix(in srgb, var(--accent,#2f7f8f) 65%, transparent)}.cell-thumb{background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:14px;width:52px;height:52px;position:relative;overflow:hidden}.cell-thumb img{object-fit:cover;width:100%;height:100%;display:block}.building-placeholder{width:100%;height:100%;color:var(--ink-900);background:radial-gradient(circle at 78% 18%,#ffffff47,#0000 24%),linear-gradient(135deg,#2f7f8f33,#b85f4d2e 52%,#d7b46a33);grid-template-rows:1fr auto;place-items:center;padding:9px 8px 8px;display:grid}.building-placeholder.compact{grid-template-rows:1fr;padding:5px}.building-placeholder-icon{width:36px;height:26px;position:relative}.building-placeholder.compact .building-placeholder-icon{width:26px;height:18px}.icon-base,.icon-roof,.icon-detail{display:block;position:absolute}.icon-base{background:#fff8e8;border:2px solid #5f4a3dbf;border-radius:4px;height:12px;bottom:3px;left:7px;right:7px}.icon-roof{border-left:15px solid #0000;border-right:15px solid #0000;border-bottom:10px solid var(--rose);height:0;top:0;left:3px;right:3px}.icon-detail{background:#2f7f8feb;border-radius:2px;width:6px;height:6px;top:2px;right:2px}.church-tower .icon-base{left:9px;right:6px}.church-tower .icon-detail{background:#fff8e8;border:2px solid #5f4a3dbf;border-radius:3px 3px 1px 1px;width:7px;height:16px;top:2px;left:4px}.church-tower .icon-roof{border-bottom-width:10px;border-left-width:8px;border-right-width:8px;width:0;left:-1px;right:auto}.civic-hall .icon-base{height:13px;left:5px;right:5px}.civic-hall .icon-roof{border-left-width:12px;border-right-width:12px;left:6px;right:6px}.rail-station .icon-base{height:11px;left:6px;right:6px}.rail-station .icon-detail{background:#2f7f8feb;border-radius:999px;width:16px;height:2px;top:18px;left:10px}.post-house .icon-detail{background:linear-gradient(135deg,#f0d58a 48%,#2f7f8feb 49% 53%,#f0d58a 54%);border-radius:2px;width:12px;height:8px;top:10px;left:12px}.factory .icon-base{height:11px;left:4px;right:12px}.factory .icon-detail{background:#fff8e8;border:2px solid #5f4a3dbf;border-radius:2px 2px 0 0;width:8px;height:18px;top:1px;right:4px}.courtyard-home .icon-detail{background:#2f8f74eb;border-radius:4px;width:14px;height:6px;top:12px;left:11px}.coastal-villa .icon-detail,.roof-castle .icon-detail{background:#2f7f8feb;border-radius:2px;width:8px;height:8px;top:4px;left:6px}.building-placeholder-copy{text-align:center;flex-direction:column;gap:2px;width:100%;display:flex}.building-placeholder.compact .building-placeholder-copy{display:none}.building-placeholder-copy strong{font-size:10px;line-height:1.2}.building-placeholder-copy span{color:var(--ink-500);font-size:9px;line-height:1.15}.cell-thumb .badge{background:var(--accent);color:#fff;letter-spacing:.5px;border-radius:999px;padding:2px 5px;font-size:9px;position:absolute;top:4px;right:4px}.cell-meta{min-width:0}.cell-name{color:var(--ink-900);font-size:14px;font-weight:600}.cell-sub{color:var(--ink-500);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.cell-status{align-items:center;gap:6px;margin-top:6px;display:flex}.status-chip{letter-spacing:.3px;border-radius:999px;align-items:center;gap:5px;padding:2px 7px;font-size:10.5px;font-weight:500;display:inline-flex}.status-chip.ok{color:var(--accent-deep);background:#2f7f8f2e}.status-chip.idle{color:var(--ink-500);background:#463c5014}.status-chip.loading{color:#355978;background:#5b8db82e}.mini-bar{background:#5b8db840;border-radius:999px;width:36px;height:4px;overflow:hidden}.mini-fill{background:var(--sky);height:100%;transition:width .2s;display:block}.stage{border-radius:var(--radius-xl);background:radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--accent,#2f7f8f) 14%, #fbf6ea) 0%, #efe1c9 55%, #d8c5a8 100%);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);min-height:0;position:relative;overflow:hidden}.stage:before{content:"";background:radial-gradient(60% 60% at 30% 30%, color-mix(in srgb, var(--accent,#2f7f8f) 14%, transparent) 0%, transparent 70%), radial-gradient(50% 50% at 80% 70%, #ffffff59, transparent 70%);pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.viewer{width:100%;height:100%;position:relative}.archive-gallery-card{background:var(--bg-card);border:1px solid var(--border-soft);min-height:0;box-shadow:var(--shadow-soft);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.archive-gallery-head{border-bottom:1px dashed #5f4a3d1f;align-items:center;min-height:40px;padding:10px 16px 8px;display:flex}.archive-gallery-head h3{color:var(--ink-500);font-size:15px;font-family:var(--font-serif);font-size:12px;line-height:1.4}.archive-gallery-row{gap:10px;min-height:0;padding:14px 16px 16px;display:flex;overflow:auto hidden}.archive-card{text-align:left;background:#fffaefb8;border:1px solid #5f4a3d14;border-radius:18px;flex-direction:column;flex:0 0 200px;gap:10px;padding:10px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.archive-card:hover{border-color:#b85f4d38;transform:translateY(-2px);box-shadow:0 18px 26px -24px #463c5047}.archive-media{aspect-ratio:4/3;border-radius:14px;width:100%;overflow:hidden}.archive-media img{object-fit:cover;width:100%;height:100%;display:block}.archive-placeholder{text-align:center;background:linear-gradient(#f6e7cdfa,#e9dbc1f0),repeating-linear-gradient(90deg,#5f4a3d0a 0 1px,#0000 1px 8px);border:1px solid #5f4a3d1f;border-radius:14px;place-items:center;width:100%;height:100%;padding:14px;display:grid;position:relative}.archive-placeholder:after{content:"";border:1px solid #5f4a3d29;border-radius:10px;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.archive-type-tag{color:var(--plum);background:#b85f4d24;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.archive-placeholder strong,.archive-placeholder em,.archive-placeholder small{z-index:1;display:block;position:relative}.archive-placeholder strong{color:var(--ink-900);font-size:14px;font-family:var(--font-serif)}.archive-placeholder em{color:var(--ink-500);margin-top:4px;font-size:11px;font-style:normal}.archive-placeholder small{color:#5f4a3da8;margin-top:4px;font-size:9px}.archive-glyph{color:#5f4a3d57;font-size:28px;position:absolute;bottom:12px;right:14px}.archive-copy{flex-direction:column;gap:3px;display:flex}.archive-period{color:var(--accent-deep);font-size:11px;font-weight:700}.archive-copy strong{color:var(--ink-900);font-size:12px}.archive-copy p{color:var(--ink-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.archive-copy small{color:var(--plum);font-size:10px;font-weight:600}.archive-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2e27228f;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.archive-modal{width:min(760px,100vw - 40px);box-shadow:var(--shadow-card);background:#fffaeffa;border:1px solid #5f4a3d1f;border-radius:24px;padding:18px;position:relative}.archive-modal-close{color:var(--ink-700);background:#fffaefe0;border:1px solid #5f4a3d1f;border-radius:999px;padding:6px 10px;font-size:12px;position:absolute;top:16px;right:16px}.archive-modal-media{aspect-ratio:4/3;border-radius:18px;width:100%;overflow:hidden}.archive-modal-copy{margin-top:14px}.archive-modal-copy .archive-period,.archive-modal-copy strong,.archive-modal-copy p{display:block}.archive-modal-copy strong{color:var(--ink-900);font-size:18px;font-family:var(--font-serif);margin-top:4px}.archive-modal-copy p{color:var(--ink-700);margin-top:8px;font-size:13px;line-height:1.6}.timeline-card{position:relative}.timeline-scroll{gap:12px;min-height:0;padding:12px 16px 14px;display:flex;position:relative;overflow:auto hidden}.timeline-line{background:linear-gradient(90deg,#d7b46ad1,#b85f4d75);height:2px;position:absolute;top:58px;left:32px;right:32px}.timeline-item{background:0 0;border:0;flex-direction:column;flex:0 0 208px;align-items:center;padding:0;display:flex;position:relative}.timeline-node{background:var(--rose);z-index:2;border:3px solid #fffaeff5;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #f0d58a3d}.timeline-item.today .timeline-node{background:var(--accent);box-shadow:0 0 0 3px #2f7f8f38}.timeline-card-shell{text-align:left;background:#fffaefc2;border:1px solid #5f4a3d14;border-radius:16px;flex-direction:column;gap:8px;width:100%;margin-top:12px;padding:8px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.timeline-item:hover .timeline-card-shell{border-color:#b85f4d38;transform:translateY(-2px);box-shadow:0 18px 26px -24px #463c5047}.viewer canvas{display:block;width:100%!important;height:100%!important}.overlay-heading{z-index:4;pointer-events:none;max-width:60%;position:absolute;top:22px;left:26px}.overlay-title{letter-spacing:1.5px;color:var(--ink-900);text-shadow:0 2px 14px #fffcf48c;margin:0;font-size:44px;line-height:1.05}.overlay-sub{font-family:var(--font-hand);color:var(--plum);letter-spacing:.5px;text-shadow:0 2px 14px #fffcf480;margin-top:6px;font-size:22px}.overlay-mini-tip{color:#51463c9e;letter-spacing:.8px;text-shadow:0 2px 14px #fffcf4a6;margin-top:8px;font-size:12px}.overlay-status-pill{color:var(--plum);background:#fffaefe6;border:1px solid #5f4a3d1a;border-radius:999px;align-items:center;margin-top:8px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.overlay-tip{z-index:3;pointer-events:none;letter-spacing:1.2px;color:#463c506b;-webkit-user-select:none;user-select:none;margin:0;font-size:11px;position:absolute;bottom:32px;left:26px}.gallery-switcher{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaefdb;border:1px solid #5f4a3d1a;border-radius:999px;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;top:22px;right:22px;box-shadow:0 14px 32px -22px #463c5047}.gallery-switcher button{color:var(--ink-700);background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600}.gallery-switcher button:hover{background:var(--accent);color:#fff}.gallery-switcher span{color:var(--ink-500);padding:0 3px;font-size:12px}.overlay-toolbar{z-index:4;border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf4d9;border-radius:14px;gap:10px;padding:6px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px -16px #463c5040}.tool-btn{color:var(--ink-700);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.tool-btn:hover{color:var(--accent-deep);background:#2f7f8f24}.tool-btn.active{background:var(--accent);color:#fff}.progress-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#faf5ead9;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.progress-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);width:min(360px,86%);box-shadow:var(--shadow-card);text-align:center;padding:26px 28px 22px}.progress-spinner{place-items:center;margin-bottom:14px;display:grid}.progress-headline{font-family:var(--font-serif);color:var(--ink-900);margin-bottom:14px;font-size:16px}.progress-headline strong{color:var(--accent-deep)}.progress-bar{background:#463c5014;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-deep) 100%);border-radius:999px;height:100%;transition:width .18s}.progress-status{color:var(--ink-500);justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.progress-percent{font-family:var(--font-serif);color:var(--ink-900);letter-spacing:1px;font-size:22px}.progress-error{color:#b53b3b;margin-top:12px;font-size:12px}.info-panel{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:14px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.info-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:16px 18px;position:relative}.card-eyebrow{text-transform:uppercase;letter-spacing:4px;color:var(--ink-500);margin-bottom:10px;font-size:10.5px;display:inline-block}.hero-card h2{letter-spacing:.6px;font-size:22px}.info-tagline{font-family:var(--font-hand);color:var(--accent-deep);margin-top:2px;font-size:18px}.info-grid{grid-template-columns:1fr 1fr;gap:12px 16px;margin:14px 0 0;display:grid}.info-grid>div{flex-direction:column;gap:4px;display:flex}.info-grid dt{letter-spacing:.5px;color:var(--ink-500);font-size:11px}.info-grid dd{color:var(--ink-900);margin:0;font-size:13px;font-weight:500}.pill{border:1px solid var(--border-soft);border-radius:999px;align-items:center;padding:2px 10px;font-size:11px;display:inline-flex}.pill.on{color:var(--accent-deep);background:#2f7f8f2e;border-color:#2f7f8f66}.pill.off{color:#8b3a47;background:#c46b7a1f;border-color:#c46b7a52}.info-description{color:var(--ink-700);font-size:13.5px;line-height:1.7}.feature-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.feature-list li{grid-template-columns:10px 1fr;align-items:flex-start;gap:10px;display:grid}.feature-dot{background:var(--accent,#2f7f8f);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#2f7f8f) 25%, transparent);border-radius:50%;margin-top:7px}.feature-name{color:var(--ink-900);font-size:13px;font-weight:600}.feature-detail{color:var(--ink-500);margin-top:2px;font-size:12px;line-height:1.6}.fun-card{background:linear-gradient(135deg,#fffaeff5,#f6e7cdf5)}.fun-text{font-family:var(--font-hand);color:var(--plum);font-size:19px;line-height:1.45}.occur-card p{color:var(--ink-700);font-size:13px;line-height:1.65}.habitat{color:var(--accent-deep);letter-spacing:.3px;background:#2f7f8f26;border-radius:999px;margin-top:10px;padding:4px 10px;font-size:12px;display:inline-flex}.ai-guide-panel{flex-direction:column;gap:12px;display:flex}.ai-guide-top{grid-template-columns:minmax(0,1fr) 86px;align-items:start;gap:12px;display:grid}.ai-guide-copy{min-width:0}.qr-placeholder{aspect-ratio:1;width:86px;color:var(--accent-deep);text-align:center;background-color:#fff8e8;background-image:linear-gradient(90deg,#5f4a3d29 1px,#0000 1px),linear-gradient(#5f4a3d29 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #5f4a3d24;border-radius:16px;place-items:center;padding:10px;font-size:11px;font-weight:700;line-height:1.35;display:grid}.qr-placeholder small{color:var(--ink-500);margin-top:4px;font-size:10px;display:block}.qr-placeholder>span+span{color:var(--accent-deep);margin-top:4px;font-size:11px}.ai-guide-copy p{color:var(--ink-700);font-size:12.5px;line-height:1.6}.ai-guide-title{color:var(--ink-900);margin-bottom:4px;font-size:13px;font-weight:600}.checkin-note{color:var(--ink-500);margin-top:4px;font-size:11px;line-height:1.45}.encounter-card{background:linear-gradient(135deg,#2f7f8f1a,#f0d58a33);border:1px solid #2f7f8f24;border-radius:16px;margin-top:12px;padding:12px}.encounter-badge{color:var(--plum);background:#b85f4d24;border-radius:999px;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.encounter-meta{grid-template-columns:44px 1fr;align-items:start;gap:10px;margin-top:10px;display:grid}.encounter-avatar{background:linear-gradient(135deg, var(--amber), var(--rose));border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 14px 22px -18px #463c5066}.encounter-meta strong,.encounter-meta em,.encounter-meta p{display:block}.encounter-meta strong{color:var(--ink-900);font-size:13px}.encounter-meta em{color:var(--accent-deep);margin-top:2px;font-size:11px;font-style:normal}.encounter-meta p{color:var(--ink-500);margin-top:6px;font-size:11px;line-height:1.45}.guide-mode-title{color:var(--ink-900);margin-top:12px;font-size:12px;font-weight:700;display:block}.checkin-task-list{background:linear-gradient(135deg,#f0d58a42,#b85f4d14);border:1px solid #b85f4d24;border-radius:16px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.checkin-task{color:var(--ink-900);grid-template-columns:18px 1fr;align-items:center;gap:10px;display:grid}.checkin-task span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:grid}.checkin-task small{color:var(--ink-700);font-size:12px;font-weight:600;line-height:1.45}.ai-mode-buttons{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.ai-mode-buttons button{color:var(--accent-deep);background:#2f7f8f14;border:1px solid #2f7f8f29;border-radius:999px;padding:5px 8px;font-size:11px}.ai-mode-buttons button:hover,.ai-mode-buttons button.active{background:var(--accent);color:#fff}.guide-preview{background:#2f7f8f14;border:1px solid #2f7f8f1a;border-radius:14px;margin-top:12px;padding:10px 12px}.guide-preview strong{color:var(--accent-deep);font-size:12px;display:block}.guide-preview p{color:var(--ink-700);margin-top:6px;font-size:12px;line-height:1.55}.story-preview{color:var(--ink-700);font-size:12.5px;line-height:1.65}.related-people-list{flex-direction:column;gap:8px;display:flex}.related-person{background:#2f7f8f12;border-radius:16px;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.related-person>span{background:linear-gradient(135deg, var(--amber), var(--rose));color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.related-person strong{color:var(--ink-900);font-size:13px;display:block}.related-person em{color:var(--accent-deep);margin-top:2px;font-size:11px;font-style:normal;display:block}.related-person p{color:var(--ink-500);margin-top:2px;font-size:12px;line-height:1.45}.story-tags{flex-wrap:wrap;gap:6px;display:flex}.story-tags span{color:var(--ink-700);background:#f0d58a2e;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;display:inline-flex}.footer{color:var(--ink-500);justify-content:center;align-items:center;padding:4px 8px 2px;font-size:11.5px;display:flex}.time-map-shell{grid-template-rows:auto minmax(0,1fr) auto;gap:14px;width:100%;max-width:1760px;height:100vh;margin:0 auto;padding:18px 22px 12px;display:grid;overflow:hidden}@supports (height:100dvh){.time-map-shell{height:100dvh}}.time-map-topbar{justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex}.time-map-brand{align-items:center;gap:14px;min-width:0;display:flex}.time-map-logo{width:52px;height:52px;box-shadow:var(--shadow-soft);background:linear-gradient(#2f7f8f2e 0 46%,#0000 46%),linear-gradient(135deg,#fff8e8,#f0d58a);border:1px solid #5f4a3d24;border-radius:50%;flex:none;position:relative;overflow:hidden}.logo-roof{background:#fff8e8;border:2px solid #5f4a3d;border-radius:4px;width:26px;height:20px;position:absolute;top:17px;left:13px}.logo-roof:before{content:"";border-left:18px solid #0000;border-right:18px solid #0000;border-bottom:13px solid var(--rose);position:absolute;top:-10px;left:-5px}.logo-wave{background:repeating-linear-gradient(90deg,#2f7f8feb 0 14px,#2f8f74c2 14px 28px);border-radius:999px;height:8px;position:absolute;bottom:8px;left:7px;right:7px}.time-map-brand h1{letter-spacing:.8px;font-size:30px;line-height:1.08}.time-map-brand p{color:var(--ink-500);margin-top:5px;font-size:14px}.time-map-brand .time-map-intro{color:var(--accent-deep);font-size:12.5px}.time-map-tags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.time-map-tags span{border:1px solid var(--border-soft);color:var(--ink-700);background:#fffaefd1;border-radius:999px;padding:6px 11px;font-size:12px;box-shadow:0 8px 20px -18px #463c503d}.time-map-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:300px minmax(0,1fr) 330px;gap:16px;min-height:0;display:grid}.map-card{min-height:0;box-shadow:var(--shadow-soft);background:linear-gradient(#fffaeff5,#f9efdbeb),radial-gradient(900px 400px at 20% 0,#d7b46a29,#0000 60%);border:1px solid #5f4a3d1a;border-radius:24px}.map-card-head{border-bottom:1px dashed #5f4a3d1f;align-items:center;gap:8px;padding:16px 16px 12px;display:flex}.map-card-head h2{letter-spacing:.5px;font-size:16px}.map-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #2f7f8f24}.building-directory{flex-direction:column;display:flex}.directory-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.directory-item{text-align:left;background:#ffffff5c;border:1px solid #0000;border-radius:18px;grid-template-columns:34px 54px 1fr;align-items:center;gap:10px;width:100%;padding:9px;transition:background .18s,border-color .18s,transform .18s;display:grid}.directory-item:hover,.directory-item.active{background:#f0d58a38;border-color:#b85f4d7a;transform:translateY(-1px);box-shadow:0 14px 28px -24px #b85f4d6b}.directory-index{background:var(--accent,#2f7f8f);color:#fff;width:30px;height:30px;font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:13px;display:grid}.directory-item img{object-fit:cover;border:1px solid #5f4a3d1f;border-radius:14px;width:54px;height:54px}.directory-item .building-placeholder{border:1px solid #5f4a3d1f;border-radius:14px;width:54px;height:54px}.directory-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.directory-copy strong{color:var(--ink-900);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.directory-copy em{color:var(--ink-500);font-size:11px;font-style:normal}.directory-copy span{color:var(--accent-deep);background:#2f7f8f21;border-radius:999px;align-self:flex-start;padding:2px 7px;font-size:10px}.map-stage-card{grid-template-rows:auto minmax(0,1fr) auto auto;padding-bottom:14px;display:grid}.illustration-map{background:linear-gradient(135deg,#fffaefe6,#f0d58a38),repeating-linear-gradient(35deg,#5f4a3d09 0 1px,#0000 1px 26px);border:1px solid #5f4a3d1f;border-radius:26px;min-height:0;margin:14px 16px 10px;position:relative;overflow:visible}.illustration-map:before,.illustration-map:after{content:"";z-index:2;background:linear-gradient(135deg, transparent 0 32%, var(--rose) 32% 48%, transparent 48%), linear-gradient(180deg, #fff8e8 0 100%);border:2px solid #5f4a3d2e;border-radius:8px;width:54px;height:38px;position:absolute;box-shadow:0 14px 26px -22px #463c5061}.illustration-map:before{top:62%;left:17%;transform:rotate(-8deg)}.illustration-map:after{top:24%;right:17%;transform:rotate(10deg)}.sea-region{background:radial-gradient(circle at 18% 10%,#ffffff73,#0000 24%),linear-gradient(135deg,#76b8c8,#2f7f8f);border-radius:55% 45% 0 0;position:absolute;top:63%;bottom:-16%;left:18%;right:-8%}.sea-region span,.hill-region span{color:#ffffffd1;font-family:var(--font-serif);letter-spacing:2px;font-size:18px;position:absolute}.sea-region span{top:24%;left:54%}.hill-region{background:radial-gradient(circle at 55%,#ffffff2e,#0000 25%),linear-gradient(135deg,#8eac67,#2f8f74);border-radius:0 0 60% 40%;width:48%;height:48%;position:absolute;top:-10%;left:-6%}.hill-region span{bottom:24%;right:16%}.old-town-region{background:#fff8e6c7;border-radius:35% 38% 42% 34%;width:58%;height:55%;position:absolute;top:20%;left:19%;box-shadow:inset 0 0 0 1px #5f4a3d14}.main-road{background:#ffffffc7;border:1px solid #5f4a3d14;border-radius:999px;height:15px;position:absolute;box-shadow:0 7px 18px -16px #463c504d}.road-a{width:50%;top:45%;left:25%;transform:rotate(18deg)}.road-b{width:36%;top:58%;left:32%;transform:rotate(-28deg)}.road-c{width:42%;top:36%;left:22%;transform:rotate(55deg)}.route-line{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.route-line path{fill:none;stroke:#8f3f2f94;stroke-width:.55px;stroke-linecap:round;stroke-dasharray:2.2 2}.map-point{left:var(--x);top:var(--y);z-index:5;background:0 0;border:0;border-radius:50%;width:42px;height:42px;padding:0;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.map-point:before{content:"";background:color-mix(in srgb, var(--accent,#2f7f8f) 78%, #fff);border-radius:50%;position:absolute;top:5px;bottom:5px;left:5px;right:5px;box-shadow:0 0 0 5px #fffaefe6,0 14px 24px -16px #463c506b}.map-point.active:before,.map-point:hover:before{box-shadow:0 0 0 6px #d7b46aa6,0 0 0 12px #b85f4d2e,0 14px 24px -16px #463c506b}.map-point.route-active:after{content:"";border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 0 4px #d7b46a59}.roof-icon{z-index:2;background:#fff8e8;border-radius:3px;width:16px;height:14px;position:absolute;top:10px;left:13px}.roof-icon:before{content:"";border-left:11px solid #0000;border-right:11px solid #0000;border-bottom:8px solid var(--rose);position:absolute;top:-7px;left:-3px}.point-number{z-index:3;color:#fff;font-size:10px;font-weight:700;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.point-tooltip{width:190px;box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;text-align:left;background:#fffaeff5;border:1px solid #5f4a3d1f;border-radius:14px;padding:10px 12px;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(6px)}.map-point:hover .point-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.map-point:focus-visible .point-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.point-tooltip strong,.point-tooltip em,.point-tooltip small{display:block}.point-tooltip strong{color:var(--ink-900);font-size:13px}.point-tooltip em{color:var(--accent-deep);margin-top:2px;font-size:11px;font-style:normal}.point-tooltip small{color:var(--ink-500);margin-top:6px;font-size:11px;line-height:1.45}.point-tooltip b{background:var(--accent);color:#fff;border-radius:999px;margin-top:8px;padding:4px 8px;font-size:11px;display:inline-flex}.compass{width:54px;height:54px;box-shadow:var(--shadow-soft);background:#fffaefe0;border:1px solid #5f4a3d24;border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;right:22px}.compass:before{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:24px solid var(--rose);width:0;height:0;transform:translateY(-3px)}.compass span{color:var(--ink-700);font-family:var(--font-serif);font-size:11px;position:absolute;bottom:8px}.pocket-watch{width:54px;height:64px;position:absolute;bottom:22px;left:24px}.pocket-watch:before{content:"";border:3px solid #7f5732;border-bottom:0;border-radius:999px 999px 0 0;width:18px;height:12px;position:absolute;top:0;left:18px}.pocket-watch span{width:46px;height:46px;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#f5df9b,#d7b46a);border:3px solid #7f5732;border-radius:50%;position:absolute;bottom:0;left:4px}.pocket-watch span:before,.pocket-watch span:after{content:"";transform-origin:top;background:#5f4a3d;width:2px;height:14px;position:absolute;top:50%;left:50%}.pocket-watch span:before{transform:rotate(22deg)}.pocket-watch span:after{height:10px;transform:rotate(105deg)}.ai-guide-bubble{max-width:210px;box-shadow:var(--shadow-soft);background:#fffaeff0;border:1px solid #2f7f8f2e;border-radius:18px 18px 18px 6px;padding:12px 14px;position:absolute;bottom:26px;right:28px}.ai-guide-bubble strong,.ai-guide-bubble span{display:block}.ai-guide-bubble strong{color:var(--accent-deep);font-size:13px}.ai-guide-bubble span{color:var(--ink-500);margin-top:4px;font-size:12px;line-height:1.5}.map-mode-row{justify-content:center;gap:8px;padding:0 16px;display:flex}.map-mode-row button,.route-buttons button{color:var(--ink-700);background:#fffaefb8;border:1px solid #5f4a3d1f;border-radius:999px;padding:7px 13px;font-size:12px;transition:background .18s,color .18s,border-color .18s}.map-mode-row button.active,.map-mode-row button:hover,.route-buttons button.active,.route-buttons button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.map-hint{text-align:center;color:var(--ink-500);padding-top:9px;font-size:12px}.right-map-column{grid-template-rows:minmax(0,1.25fr) auto auto;gap:14px;min-height:0;display:grid}.people-card{flex-direction:column;min-height:0;display:flex}.people-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.person-item{text-align:left;background:#ffffff52;border:1px solid #5f4a3d14;border-radius:18px;grid-template-columns:46px 1fr;align-items:center;gap:10px;width:100%;padding:10px;transition:background .18s,transform .18s;display:grid}.person-item:hover{background:#2f7f8f14;transform:translateY(-1px)}.person-item:disabled{cursor:default}.person-avatar{background:linear-gradient(135deg, var(--amber), var(--rose));color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:grid;position:relative;box-shadow:0 12px 22px -18px #463c505c}.person-avatar:after{content:"";border:1px dashed #ffffff73;border-radius:50%;position:absolute;top:7px;bottom:7px;left:7px;right:7px}.person-item strong,.person-item em,.person-item small{display:block}.person-item strong{color:var(--ink-900);font-size:14px}.person-item em{color:var(--accent-deep);margin-top:2px;font-size:12px;font-style:normal}.person-item small{color:var(--ink-500);margin-top:5px;font-size:11px}.location-card,.route-card{padding-bottom:14px}.location-card p{color:var(--ink-900);padding:12px 16px 0;font-size:13px;font-weight:600}.nearby-list{flex-direction:column;gap:7px;padding:12px 16px 0;display:flex}.nearby-list span{color:var(--ink-500);font-size:12px}.nearby-list button{color:var(--accent-deep);text-align:left;background:#2f7f8f14;border:1px solid #2f7f8f1f;border-radius:12px;padding:7px 10px;font-size:12px}.nearby-list button:hover{background:#2f7f8f24}.start-guide-btn{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;border:0;border-radius:15px;width:calc(100% - 32px);margin:14px 16px 0;padding:11px 14px;font-weight:600;box-shadow:0 18px 34px -22px #2f7f8fbf}.route-buttons{flex-wrap:wrap;gap:8px;padding:14px 16px 0;display:flex}.route-description{color:var(--ink-700);background:#f0d58a2e;border-radius:14px;margin:12px 16px 0;padding:10px 12px;font-size:12.5px;line-height:1.55}.route-building-list{flex-wrap:wrap;gap:8px;padding:10px 16px 0;display:flex}.route-building-list button{color:var(--ink-700);background:#fffaefc2;border:1px solid #5f4a3d1a;border-radius:999px;padding:6px 10px;font-size:11px}.route-building-list button:hover,.route-building-list button.active{color:var(--plum);background:#b85f4d24;border-color:#b85f4d47}.time-map-footer{text-align:center;color:var(--ink-500);font-size:11.5px}.people-map-shell{max-width:1780px}.people-home-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;min-height:0;display:grid}.people-map-card,.people-detail-column{min-height:0}.people-detail-column{grid-template-rows:auto minmax(0,1fr);gap:14px;display:grid}.people-illustration-map{background:linear-gradient(#fffaefeb,#ecf4f7e0),repeating-linear-gradient(35deg,#5f4a3d08 0 1px,#0000 1px 28px);border:1px solid #5f4a3d1a;border-radius:28px;flex:1;min-height:0;margin:14px 16px;position:relative;overflow:hidden}.people-illustration-map .sea-region{top:60%;bottom:-12%;left:40%;right:-8%}.people-illustration-map .hill-region{width:40%;height:42%;top:-6%;left:-5%}.people-illustration-map .old-town-region{width:65%;height:58%;top:18%;left:16%}.people-district{z-index:2;color:var(--ink-700);box-shadow:var(--shadow-soft);background:#fffaefe6;border:1px solid #5f4a3d1a;border-radius:999px;padding:7px 10px;font-size:11px;position:absolute}.district-university{top:22%;left:18%}.district-oldtown{top:34%;left:48%}.district-seaside{bottom:18%;right:12%}.people-landmark{z-index:1;opacity:.9;border-radius:18px;position:absolute}.landmark-roof{background:linear-gradient(135deg, transparent 0 28%, var(--rose) 28% 42%, transparent 42%), linear-gradient(180deg, #fff8e8, #fffaeffa);border:2px solid #5f4a3d29;width:120px;height:84px;bottom:24%;left:22%}.landmark-book{background:linear-gradient(135deg,#2f7f8f38,#d7b46a38);border:2px solid #5f4a3d24;width:92px;height:60px;top:20%;right:16%}.landmark-tree{background:radial-gradient(circle at 45% 45%,#8fb067eb,#2f8f74b8);border-radius:50%;width:110px;height:110px;bottom:16%;left:54%}.people-map-point{left:var(--x);top:var(--y);z-index:5;background:0 0;border:0;width:54px;height:54px;padding:0;position:absolute;transform:translate(-50%,-50%)}.people-map-avatar{color:#fff;background:linear-gradient(135deg,#d7b46af2,#b85f4deb);border-radius:50%;place-items:center;width:54px;height:54px;font-size:24px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 0 0 6px #fffaefd1,0 20px 28px -22px #463c506b}.people-map-point.active .people-map-avatar,.people-map-point:hover .people-map-avatar{transform:scale(1.08);box-shadow:0 0 0 6px #f0d58a94,0 0 0 12px #2f7f8f1f,0 20px 28px -22px #463c506b}.people-map-name{white-space:nowrap;color:var(--ink-700);font-size:11px;font-weight:600;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.people-map-tooltip{width:218px;box-shadow:var(--shadow-soft);text-align:left;pointer-events:none;background:#fffaeff5;border:1px solid #5f4a3d1a;border-radius:16px;padding:12px 14px;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.people-map-tooltip strong,.people-map-tooltip em,.people-map-tooltip small,.people-map-tooltip p{display:block}.people-map-tooltip strong{color:var(--plum);font-size:14px}.people-map-tooltip em{color:var(--accent-deep);margin-top:2px;font-size:11px;font-style:normal}.people-map-tooltip small{color:var(--ink-500);margin-top:7px;font-size:11px}.people-map-tooltip p{color:var(--ink-700);margin-top:6px;font-size:12px;line-height:1.5}.current-person-card{min-height:0}.current-person-body{grid-template-columns:76px 1fr;align-items:start;gap:14px;display:grid}.current-person-avatar{color:#fff;background:linear-gradient(135deg,#d7b46af5,#b85f4de6);border-radius:50%;place-items:center;width:72px;height:72px;font-size:30px;display:grid;box-shadow:0 18px 28px -22px #463c5066}.current-person-copy strong,.current-person-copy em,.current-person-copy small,.current-person-copy p{display:block}.current-person-copy strong{color:var(--ink-900);font-size:22px;font-family:var(--font-serif)}.current-person-copy em{color:var(--accent-deep);margin-top:2px;font-size:13px;font-style:normal}.current-person-copy small{color:var(--ink-500);margin-top:8px;font-size:12px}.current-person-copy p{color:var(--ink-700);margin-top:10px;font-size:13px;line-height:1.65}.current-person-action{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;border:0;border-radius:14px;margin-top:14px;padding:10px 14px;font-weight:600}.current-person-action.disabled{color:var(--ink-500);background:#5f4a3d24}.current-person-tip{color:var(--ink-500);margin-top:10px;font-size:11px;line-height:1.45;display:block}.people-gallery-card{flex-direction:column;min-height:0;display:flex}.people-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;padding:12px 14px 14px;display:grid;overflow-y:auto}.people-grid-card{text-align:center;background:#fffaefb8;border:1px solid #5f4a3d14;border-radius:18px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 10px;display:flex}.people-grid-card:hover,.people-grid-card.active{background:#f0d58a38;border-color:#b85f4d52}.people-grid-avatar{color:#fff;background:linear-gradient(135deg,#d7b46af5,#b85f4deb);border-radius:50%;place-items:center;width:50px;height:50px;font-size:22px;display:grid}.people-grid-card strong,.people-grid-card em,.people-grid-card small{display:block}.people-grid-card strong{color:var(--ink-900);font-size:13px}.people-grid-card em{color:var(--accent-deep);font-size:11px;font-style:normal}.people-grid-card small{color:var(--ink-500);font-size:11px;line-height:1.45}.panorama-shell{grid-template-rows:auto minmax(0,1fr);gap:16px;width:100%;max-width:1760px;height:100vh;margin:0 auto;padding:18px 22px 12px;display:grid;overflow:hidden}@supports (height:100dvh){.panorama-shell{height:100dvh}}.panorama-topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.panorama-title{letter-spacing:.8px;font-size:30px}.panorama-subtitle{color:var(--ink-500);margin-top:5px;font-size:14px}.panorama-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.panorama-layout{grid-template-columns:minmax(0,1fr) 372px;gap:18px;min-height:0;display:grid}.panorama-stage{min-height:0;box-shadow:var(--shadow-card);background:radial-gradient(circle at 20% 16%,#ffffff3d,#0000 24%),linear-gradient(#dde7eb 0%,#d0dee4 100%);border:1px solid #5f4a3d1a;border-radius:28px;position:relative;overflow:hidden}.panorama-grid{z-index:0;background-color:#0000;background-image:linear-gradient(#2f7f8f0f 1px,#0000 1px),linear-gradient(90deg,#2f7f8f0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000d1,#0000 88%);mask-image:linear-gradient(#000000d1,#0000 88%)}.panorama-stage canvas{z-index:1;display:block;position:relative;width:100%!important;height:100%!important}.panorama-overlay{z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:18px;left:22px}.panorama-overlay p{color:#51463cb3;letter-spacing:.7px;margin:0;font-size:12px}.panorama-info{flex-direction:column;gap:14px;min-height:0;display:flex}.panorama-note-card{width:100%}.panorama-list-card{flex-direction:column;min-height:0;display:flex}.panorama-building-list{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.panorama-building-item{text-align:left;background:#fffaefad;border:1px solid #5f4a3d14;border-radius:16px;grid-template-columns:34px 1fr;align-items:center;gap:10px;width:100%;padding:9px 10px;display:grid}.panorama-building-item:hover,.panorama-building-item.active{background:#f0d58a33;border-color:#b85f4d52}.panorama-building-item span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.panorama-building-item strong,.panorama-building-item small{display:block}.panorama-building-item strong{color:var(--ink-900);font-size:13px}.panorama-building-item small{color:var(--ink-500);margin-top:2px;font-size:11px}.panorama-note-card p{color:var(--ink-700);font-size:13px;line-height:1.65}.panorama-current-meta{background:#2f7f8f14;border-radius:14px;margin-top:12px;padding:10px 12px}.panorama-current-meta strong,.panorama-current-meta em,.panorama-current-meta small{display:block}.panorama-current-meta strong{color:var(--ink-900);font-size:13px}.panorama-current-meta em{color:var(--accent-deep);margin-top:2px;font-size:11px;font-style:normal}.panorama-current-meta small{color:var(--ink-500);margin-top:6px;font-size:11px}.panorama-facts{flex-direction:column;gap:10px;margin:12px 0 0;display:flex}.panorama-facts div{flex-direction:column;gap:4px;display:flex}.panorama-facts dt{color:var(--ink-500);font-size:11px}.panorama-facts dd{color:var(--ink-900);margin:0;font-size:13px;font-weight:500;line-height:1.55}.panorama-marker-wrap{position:relative}.panorama-marker{background:var(--rose);color:#fff;border:0;border-radius:50%;width:28px;height:28px;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:0 0 0 7px #d7b46a29,0 16px 28px -20px #463c5085}.panorama-marker:after{content:"";border:1px solid #d7b46a8c;border-radius:50%;animation:2.4s ease-out infinite markerPulse;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.panorama-marker:hover,.panorama-marker.active{transform:scale(1.08);box-shadow:0 0 0 8px #d7b46a47,0 18px 30px -20px #463c5094}.panorama-marker span{font-size:11px;font-weight:700}.panorama-marker-card{width:210px;box-shadow:var(--shadow-soft);pointer-events:none;background:#fffaeff5;border:1px solid #5f4a3d1a;border-radius:16px;padding:10px 12px;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}.panorama-marker-card strong,.panorama-marker-card em,.panorama-marker-card p,.panorama-marker-card small,.panorama-marker-card b{display:block}.panorama-marker-card strong{color:var(--plum);font-size:13px}.panorama-marker-card em{color:var(--accent-deep);margin-top:2px;font-size:11px;font-style:normal}.panorama-marker-card p{color:var(--ink-700);margin-top:6px;font-size:12px;line-height:1.45}.panorama-marker-card small{color:var(--ink-500);margin-top:6px;font-size:11px}.panorama-marker-card b{color:var(--plum);margin-top:8px;font-size:11px}.drive-hud{z-index:5;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2e2722d1;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex;position:absolute;bottom:22px;left:22px;box-shadow:0 18px 30px -22px #0000006b}.drive-hud strong{font-size:12px}.drive-hud span{color:#ffffffe0;font-size:11px}@keyframes markerPulse{0%{opacity:.6;transform:scale(.84)}70%{opacity:0;transform:scale(1.24)}to{opacity:0;transform:scale(1.24)}}.back-map-btn{color:var(--accent-deep);background:#fffaefc7;border:1px solid #2f7f8f38;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600;transition:background .18s,color .18s}.back-map-btn:hover{background:var(--accent);color:#fff}@media (max-width:1280px){.time-map-layout{grid-template-columns:270px minmax(0,1fr) 300px;gap:12px}.time-map-brand h1{font-size:25px}.directory-item{grid-template-columns:30px 46px 1fr}.directory-item img{width:46px;height:46px}}@media (max-width:1040px) and (min-width:641px){.topbar{flex-direction:column;align-items:flex-start;gap:8px}.layout{grid-template-columns:180px minmax(0,1fr) 240px}}@media (max-width:640px){body{overflow:auto}.app-shell{gap:8px;padding:8px 10px}.topbar{justify-content:flex-start;align-items:center;gap:10px;padding:0}.brand-mark{border-radius:10px;width:32px;height:32px}.brand-mark svg{width:26px;height:26px}.brand-title{letter-spacing:.5px;font-size:17px}.brand-tagline,.topbar-meta{display:none}.layout{grid-template-rows:auto minmax(0,1.45fr) minmax(0,1fr);grid-template-columns:1fr;gap:8px}.sidebar{gap:0}.sidebar-section{border-radius:14px;flex:none;padding:6px 8px}.sidebar-header{display:none}.sidebar-section .cell-list{-webkit-overflow-scrolling:touch;flex-direction:row;gap:6px;padding:2px 2px 4px;overflow:auto hidden}.sidebar-section .cell-list::-webkit-scrollbar{height:0}.cell-item{border-radius:12px;flex:none;grid-template-columns:36px auto;gap:8px;padding:5px 10px 5px 5px}.cell-thumb{border-radius:10px;width:36px;height:36px}.cell-thumb .badge{display:none}.cell-name{white-space:nowrap;font-size:12px}.cell-sub,.cell-status{display:none}.stage{border-radius:18px;min-height:0}.viewer{height:100%}.overlay-heading{max-width:70%;top:12px;left:14px}.overlay-title{letter-spacing:.5px;font-size:22px}.overlay-sub{margin-top:2px;font-size:13px}.overlay-tip{letter-spacing:.6px;font-size:9px;bottom:14px;left:14px}.overlay-toolbar{border-radius:12px;gap:4px;padding:4px;bottom:10px}.tool-btn{gap:4px;padding:6px 10px;font-size:11.5px}.tool-btn svg{width:12px;height:12px}.info-panel{gap:8px;padding-right:4px}.info-card{border-radius:14px;padding:10px 12px}.card-eyebrow{letter-spacing:2.5px;margin-bottom:6px;font-size:9.5px}.hero-card h2{font-size:17px}.info-tagline{font-size:15px}.info-grid{grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:8px}.info-grid dt{font-size:10px}.info-grid dd{font-size:12px}.info-description{font-size:12.5px;line-height:1.6}.feature-name{font-size:12px}.feature-detail{font-size:11px;line-height:1.5}.fun-text{font-size:15px}.occur-card p{font-size:12px}.habitat{font-size:11px}.footer{display:none}.progress-card{width:min(280px,90%);padding:20px 22px 18px}}@media (max-width:380px){.overlay-title{font-size:19px}.brand-title{font-size:15px}}