:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;color:#f7ead4;background:#0e090d;font-size:14px;--gold:#e5c28a;--wine:#160f12}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid #f7d99c;outline-offset:3px}button{min-height:44px}a{color:inherit}img{max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-family:"Songti SC","STSong",serif;font-size:clamp(27px,8vw,38px);line-height:1.35;letter-spacing:2px}h2{font-size:18px;line-height:1.5}h3{font-size:15px;line-height:1.6}p{line-height:1.9}button{border:0}#app-shell{width:100%;max-width:540px;margin:auto;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--wine);box-shadow:0 0 90px #000}#pages{position:relative;flex:1;min-height:0}.pane{height:100%;width:100%}.eyebrow{color:#c9a66d;font-size:10px;letter-spacing:2px;line-height:1.7}.small-note{margin-top:16px;color:#b29d91;font-size:12px;line-height:1.8}.notice{margin-top:15px;padding:12px 14px;color:#d3b988;background:#30221c;border-radius:8px;font-size:12px;line-height:1.8}.primary-button,.secondary-button{display:block;width:100%;margin-top:18px;padding:13px 16px;border-radius:9px;line-height:1.5;font-weight:600}.primary-button{background:var(--gold);color:#251619}.secondary-button{background:transparent;color:var(--gold);border:1px solid #806140}.card{margin-top:18px;padding:18px;border:1px solid #574033;border-radius:14px;background:#25191b}.card article{margin-top:16px}.card article p{margin-top:6px;color:#d6c1ad}
.intro-page{position:relative;display:flex;align-items:center;justify-content:center;background:#050405;overflow:hidden;padding-top:env(safe-area-inset-top)}#poster-frame{position:relative;max-width:100%;flex:none}#poster{display:block;width:100%;height:100%;object-fit:contain}#intro-next{position:absolute;background:transparent;border-radius:6px}#intro-next:disabled{opacity:1}#intro-next:focus-visible{outline-offset:-6px}.intro-progress{position:absolute;bottom:3px;left:0;right:0;text-align:center;color:#bca68c;font-size:10px;letter-spacing:3px;pointer-events:none}#poster-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:24px;background:#160f12;text-align:center;white-space:pre-line}#intro-next.poster-failed{background:#352028;color:var(--gold);inset:auto 20px 30px!important;width:calc(100% - 40px)!important;height:48px!important}#intro-retry{position:absolute;left:15%;right:15%;bottom:90px;width:70%;z-index:3;background:#160f12}
.map-page{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#27121b}.map-page::before{content:"";position:absolute;inset:-20px;background-image:var(--map-image);background-position:center;background-size:cover;filter:blur(16px) saturate(.6);opacity:.3;pointer-events:none}.map-scene{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,transparent,#210c17aa)}.map-viewport{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;user-select:none;cursor:grab}.map-viewport:active{cursor:grabbing}.map-canvas{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;box-shadow:0 12px 40px #080205aa,0 0 0 1px #caa06140}.map-image{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}.map-marker{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:58px;min-height:56px;padding:0;background:transparent;border-radius:5px;transform:translate(-50%,-65%) scale(var(--inverse-scale,1));transform-origin:50% 65%;line-height:1.2;touch-action:none;cursor:pointer}.map-marker img{display:block;width:27px;height:35px;filter:drop-shadow(0 2px 2px #19080a80);pointer-events:none}.map-marker span{display:block;white-space:nowrap;padding:3px 5px;border:1px solid #cda566aa;border-radius:3px;background:linear-gradient(#46252b,#25141b);box-shadow:0 2px 5px #11050866;color:#fff0d6;font-family:"Songti SC",serif;font-size:11px;line-height:1.3;pointer-events:none}.map-marker[aria-pressed=true]{z-index:3}.map-marker[aria-pressed=true] span{background:var(--gold);color:#251619}.map-frame{position:absolute;z-index:4;inset:10px 10px 63px;border:1px solid #b3844794;box-shadow:inset 0 0 20px #17040c66,0 0 0 4px #22081144;pointer-events:none}.map-frame:before{content:"";position:absolute;inset:4px;border:1px solid #ad7e4533}.map-frame i{position:absolute;width:20px;height:20px;border-top:2px solid #b28b55;border-left:2px solid #b28b55}.map-frame i:nth-child(1){top:-3px;left:-3px}.map-frame i:nth-child(2){top:-3px;right:-3px;transform:rotate(90deg)}.map-frame i:nth-child(3){bottom:-3px;right:-3px;transform:rotate(180deg)}.map-frame i:nth-child(4){bottom:-3px;left:-3px;transform:rotate(270deg)}.map-frame>span{position:absolute;top:-11px;left:calc(50% - 16px);width:32px;border:1px solid #91683e;border-radius:50%;background:#3d1721;color:#d7ad70;font-size:14px;text-align:center;line-height:19px}.map-toolbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 16px 8px}.gesture-hint{font-size:11px;color:#cfb38c}.map-controls{display:flex;gap:4px}.map-controls button{width:44px;padding:0;background:#2b111ae0;color:#e1c18c;border:1px solid #b28b5580;border-radius:50%;font-size:20px}.map-controls .reset{width:52px;border-radius:24px;font-size:12px}.with-details .map-toolbar{position:absolute;bottom:12px;right:14px;padding:0;min-height:44px}.with-details .gesture-hint{display:none}.with-details .map-frame{bottom:10px}
.detail-panel{position:relative;z-index:6;display:flex;flex:none;flex-direction:column;height:clamp(240px,43%,360px);min-height:0;padding:7px 15px 0;border-radius:14px 14px 0 0;border-top:1px solid #a28151;background:linear-gradient(145deg,#321b24,#20131b 60%);box-shadow:0 -5px 20px #05020577}.detail-handle{width:34px;height:3px;flex:none;background:#735745;border-radius:3px;margin:0 auto 9px}.detail-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex:none}.detail-heading>div{min-width:0;flex:1}.detail-heading h2{font-size:17px;margin-top:4px;line-height:1.35}.close-button{width:44px;min-width:44px;height:44px;background:#35262a;color:#e8cfac;border:1px solid #6b4d3e;border-radius:50%;font-size:25px}.detail-navigation{display:flex;flex:none;gap:9px;align-items:center;margin-top:8px}.detail-navigation button{flex:1;padding:7px 4px;min-width:0;border:1px solid #674b38;border-radius:6px;background:#302124;color:var(--gold);font-size:12px}.detail-navigation span{color:#b79a81;font-size:11px;white-space:nowrap}.detail-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 0 20px;-webkit-overflow-scrolling:touch}.detail-summary{color:#d8c3b2;font-size:14px}.detail-facts{margin:15px 0 18px;padding:7px 12px;background:#302124;border-radius:9px}.detail-facts>div{display:flex;gap:12px;padding:7px 0;line-height:1.7}.detail-facts dt{flex:none;width:72px;color:#b79a81;font-size:12px}.detail-facts dd{margin:0;color:#f0ddbf;font-size:13px}.rules{list-style:none;counter-reset:rule;margin:10px 0;padding:0}.rules li{counter-increment:rule;position:relative;padding-left:30px;margin-top:12px;color:#dfcbbb;font-size:13px;line-height:1.85}.rules li:before{content:counter(rule);position:absolute;left:0;top:3px;width:20px;height:20px;background:#654333;border-radius:50%;text-align:center;color:#e7c895;font-size:11px;line-height:20px}
.content-page{overflow-y:auto;overscroll-behavior:contain;padding:20px 18px 28px;-webkit-overflow-scrolling:touch}.background-hero{position:relative;isolation:isolate;min-height:245px;padding:54px 20px 24px;margin:-20px -18px 24px;background-image:linear-gradient(180deg,#160f1233,#160f12),var(--hero-image);background-size:cover;background-position:center}.background-hero h1{font-size:38px;margin-top:10px}.hero-subtitle{margin-top:12px;font-size:14px;color:#e5d0b7}.hero-date{margin-top:18px;color:#c4a681;font-size:11px;letter-spacing:1px}.story-section{margin-top:26px}.story-section>p:not(.eyebrow){margin-top:12px;color:#e2cfbb;line-height:1.95}.faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.faction{padding:16px 12px;border:1px solid #604333;border-radius:12px;background:#21181b}.faction-symbol{font-size:29px;color:var(--gold)}.faction-red .faction-symbol{color:#ed8c83}.faction h3{margin-top:8px;font-size:14px}.faction p{margin-top:5px;color:#bda89b;font-size:12px}.theatre-header{text-align:center;border-bottom:1px solid #674638;padding:15px 0 22px}.theatre-symbol{display:block;font-size:46px;color:var(--gold)}.theatre-header h1{font-size:29px;margin-top:10px}.theatre-header>p:last-child{margin-top:12px;color:#bda89b;font-size:12px}.performance-description{margin-top:22px;color:#e2cfbb;font-size:14px}.performance-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px;color:#c9a66d;font-size:12px}.session-card{margin-top:12px;padding:16px;border:1px solid #6b4b35;border-radius:12px;background:linear-gradient(120deg,#392129,#23161d)}.session-card>div{display:flex;justify-content:space-between;align-items:center}.session-card>p{margin-top:14px;font-size:17px;color:#e8c98d}.session-card small{display:block;margin-top:7px;color:#bda89b;line-height:1.8}.tag{padding:4px 9px;color:#c9a66d;border:1px solid #6b4b35;border-radius:20px;font-size:10px}
.offline-bar{position:relative;z-index:8;display:flex;flex:none;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;min-height:32px;padding:5px 13px;background:#190f16;border-top:1px solid #65433344;color:#c5ac8a;font-size:10px}.offline-bar>div{display:flex;flex:1;min-width:120px;flex-direction:column;gap:2px}#offline-detail{font-size:9px;color:#9d8978}.offline-bar button{font-size:10px;max-width:100%;min-height:44px;padding:5px 9px;border:1px solid #806140;background:#302124;color:#e5c28a;border-radius:7px}.site-nav{position:relative;z-index:8;display:flex;flex:none;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #65433377;background:#160f12}.site-nav a{display:flex;flex:1;align-items:center;justify-content:center;gap:3px;flex-direction:column;min-height:48px;font-size:23px;color:#ab9990;text-decoration:none}.site-nav img{height:24px;width:24px;object-fit:contain}.site-nav span{font-size:11px}.site-nav a[aria-current=page]{color:#ebc885}body[data-page=intro] .offline-bar{padding-bottom:calc(5px + env(safe-area-inset-bottom))}#toast{position:fixed;z-index:20;bottom:130px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;background:#e5c28a;color:#251619;border-radius:9px;box-shadow:0 4px 25px #0008;font-size:13px}dialog{max-width:calc(100% - 36px);width:380px;border:1px solid #806140;border-radius:15px;padding:24px;background:#25191b;color:#f7ead4}dialog::backdrop{background:#000b}dialog p{margin-top:14px;font-size:13px;color:#d6c1ad}noscript{display:block;padding:24px}
@media(max-height:500px){.detail-panel{height:50%;min-height:145px}.detail-heading h2{font-size:14px}.detail-content{padding-top:6px}.detail-navigation{margin-top:4px}.detail-navigation button{min-height:36px}.offline-bar{min-height:24px;padding-top:3px;padding-bottom:3px}.site-nav a{min-height:40px}.site-nav img{width:19px;height:19px}.site-nav{padding-top:3px;padding-bottom:3px}.gesture-hint{display:none}.map-toolbar{justify-content:flex-end}.background-hero{min-height:180px;padding-top:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:0s!important;transition-duration:0s!important}}
#app-shell{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.intro-page{padding-top:0}
@media(max-height:500px){.site-nav a{min-height:44px}.detail-navigation button{min-height:44px}}
@media(min-width:600px) and (max-height:500px){#app-shell{max-width:none}.map-page.with-details{flex-direction:row}.with-details .map-scene{min-width:0}.detail-panel{width:43%;max-width:360px;height:100%;min-height:0;border-radius:14px 0 0 14px;border-top:0;border-left:1px solid #a28151}.detail-handle{display:none}.detail-navigation{margin-top:8px}.detail-content{padding-top:10px}}