:root{--ink:#f4f1df;--muted:#b7bdb0;--lime:#e0f5a3;--border:rgba(224,238,203,.2);--panel:#172724;--sans:Arial,"PingFang SC","Microsoft Yahei",sans-serif;--tech:'Rajdhani',sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#263d3c;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer;background:transparent}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}a{color:var(--lime);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}#city-scene{position:absolute;inset:0}#city-scene canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:grab}#city-scene canvas:active{cursor:grabbing}.cinema-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,29,28,.75),rgba(11,29,28,.2) 44%,transparent 68%),linear-gradient(0deg,rgba(11,24,24,.63),transparent 27%,transparent 75%,rgba(11,24,24,.36));transition:background 1s}.is-exploring .cinema-shade{background:linear-gradient(0deg,rgba(11,24,24,.68),transparent 26%,transparent 82%,rgba(11,24,24,.48))}.film-grain{position:absolute;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.topbar{position:absolute;top:0;left:0;right:0;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:30px 4.4vw;gap:30px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px;text-align:left;padding:0}.brand svg{width:37px;height:44px;stroke-width:1.6}.brand>span{font-family:Impact,'Arial Narrow',sans-serif;font-size:23px;line-height:.89;letter-spacing:.6px;position:relative}.brand-dot{position:absolute;font:9px Arial;right:-12px;top:0}.main-nav{display:flex;gap:40px;margin-left:60px}.main-nav button{position:relative;display:flex;gap:7px;align-items:center;padding:10px 0;font-size:12px;letter-spacing:.5px}.main-nav span{font:600 11px var(--tech);letter-spacing:1px;opacity:.65}.main-nav button::after{content:'';position:absolute;height:2px;width:0;left:0;bottom:1px;background:var(--lime);transition:width .2s}.main-nav button:hover::after,.main-nav .nav-active::after{width:100%}.wallet{display:flex;align-items:center;gap:11px;padding:13px 19px;border:1px solid rgba(242,243,221,.4);background:rgba(25,43,39,.22);font-size:12px;backdrop-filter:blur(8px);transition:.2s}.wallet:hover{background:rgba(25,43,39,.55);border-color:var(--lime)}.wallet-indicator{width:6px;height:6px;border:1px solid var(--lime);transform:rotate(45deg)}.wallet.connected .wallet-indicator{background:var(--lime)}.intro{position:absolute;z-index:5;left:8.2vw;top:25.5%;transition:opacity .5s,transform .7s}.eyebrow{font:600 11px var(--tech);letter-spacing:3.8px;display:flex;align-items:center;gap:11px;margin:0 0 25px;color:#e0e8ce}.eyebrow span{width:21px;height:1px;background:var(--lime)}h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(85px,8.3vw,142px);line-height:.8;margin:0;letter-spacing:-2.5px;transform:skew(-5deg);text-shadow:0 5px 25px #12232155;font-weight:900}h1>span{display:block}h1>span+span{color:var(--lime);margin-top:6px}.title-period{color:var(--ink)}.intro-script{font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,2vw,29px);font-style:italic;color:#f4e5cb;margin:28px 0 20px;letter-spacing:-.5px}.intro-copy{font-size:12px;line-height:2.05;letter-spacing:1.8px;color:#d8dfcc;margin:0 0 26px}.primary{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--lime);color:#213a31;padding:16px 22px;font-size:13px;font-weight:600;letter-spacing:1px;min-height:51px;transition:background .2s,transform .2s}.primary:hover{background:#f1ffcc;transform:translateY(-2px)}.enter-city{min-width:192px}.primary svg{width:21px}.intro-meta{font:500 10px var(--tech);letter-spacing:1.65px;display:flex;align-items:center;gap:9px;margin-top:20px;color:#c7d1bd}.intro-meta i{width:3px;height:3px;background:#b8c7af;border-radius:50%}.scene-caption{position:absolute;right:11.5vw;bottom:14%;font-family:var(--tech);text-align:left}.caption-line{display:block;width:32px;height:2px;background:var(--lime);margin-bottom:13px}.scene-caption p{font-size:14px;letter-spacing:2.5px;margin:0 0 5px;font-weight:600}.scene-caption p span{margin-left:20px;color:var(--lime);font-size:12px}.scene-caption small{font-size:10px;letter-spacing:2.5px;color:#cdd6c3}.scene-weather{position:absolute;right:4.4vw;top:136px;display:flex;align-items:center;gap:12px;text-align:right;color:#f8e7c7}.scene-weather>span{font-size:27px}.scene-weather div{display:flex;flex-direction:column;gap:4px}.scene-weather b{font:500 21px var(--tech);letter-spacing:1px}.scene-weather div span{font:500 9px var(--tech);letter-spacing:2px}.scene-tools{position:absolute;z-index:12;right:4.4vw;bottom:55px;display:flex;gap:6px}.scene-tools button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ced9bd44;background:#1a312a77;backdrop-filter:blur(8px)}.scene-tools button:hover,.scene-tools button.active{background:var(--lime);color:#203a30}.corner-footer{position:absolute;left:4.4vw;right:4.4vw;bottom:24px;display:flex;gap:18px;align-items:center;font:500 10px var(--tech);letter-spacing:1.3px;color:#c3ceb8}.corner-footer button{padding:0;font-size:10px;letter-spacing:1px}.corner-footer button:hover{color:var(--lime)}.loading{position:absolute;z-index:30;bottom:24px;left:50%;transform:translateX(-50%);font:12px var(--tech);display:flex;align-items:center;gap:12px;letter-spacing:1px;background:#152b27db;padding:12px 18px;max-width:90vw}.loading-track{width:72px;height:2px;background:#637768}.loading-track i{display:block;width:10%;height:100%;background:var(--lime);transition:width .7s}.loading-dot,.live-dot{display:block;width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #cee89f66}.city-hud{position:absolute;left:4.4vw;bottom:91px;z-index:12}.location-tag{display:flex;gap:10px;align-items:center;padding-bottom:17px}.location-tag>div{display:flex;flex-direction:column;gap:5px}.location-tag span:not(.live-dot){font:500 10px var(--tech);letter-spacing:2px;color:var(--lime)}.location-tag b{font-size:16px;font-weight:500;letter-spacing:2px}.location-tag button{margin-left:20px;opacity:.65}.location-tag button:hover{opacity:1}.district-nav{display:flex;gap:0;border-top:1px solid var(--border);padding-top:12px}.district-nav button{font-size:11px;letter-spacing:1px;padding:7px 16px 7px 0;margin-right:15px;opacity:.75}.district-nav button span{font:11px var(--tech);color:var(--lime);margin-right:5px}.district-nav button:hover,.district-nav button.active{opacity:1;color:var(--lime)}.map-wrapper{position:absolute;left:4.4vw;bottom:53px;z-index:16}.map-wrapper>button{display:flex;gap:9px;align-items:center;font-size:11px;color:#dbe7cb}.map-wrapper>button svg{width:17px;height:17px}.map-wrapper kbd{font:11px var(--tech);border:1px solid var(--border);padding:1px 4px;margin-left:13px;opacity:.75}#map-panel{position:absolute;left:0;bottom:39px;width:272px;padding:10px;background:#122722ed;border:1px solid var(--border);box-shadow:0 20px 80px #09171066;backdrop-filter:blur(12px)}.map-heading{display:flex;justify-content:space-between;font:11px var(--tech);letter-spacing:1.2px;padding:1px 2px 10px}.mini-map{width:100%;display:block}.map-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:8px}.map-links button{text-align:left;font-size:11px;padding:8px;background:#324f3c55}.map-links button:hover{background:var(--lime);color:#20352c}.place-marker{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:8;filter:drop-shadow(0 3px 10px #0007);pointer-events:auto;padding:10px}.place-marker span{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e8f7c8;background:#1b342ccc;color:var(--lime);font:600 13px var(--tech);border-radius:50%}.place-marker b{font:600 10px var(--tech);letter-spacing:1.7px;padding:4px 7px;background:#112a27bb;border-radius:2px}.place-marker:hover span{background:var(--lime);color:#20372f;transform:scale(1.13)}.hotspots{pointer-events:none;position:absolute;inset:0}.controls-hint{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:10px;letter-spacing:1px;color:#d6dfc9;pointer-events:none}.controls-hint i{font-style:normal;opacity:.5}.tour-status{position:absolute;top:120px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:12px;background:#142e29d9;border:1px solid var(--border);padding:12px 17px;font-size:11px;letter-spacing:1px}.tour-status button{border-left:1px solid var(--border);margin-left:10px;padding-left:16px;color:var(--lime);font-size:11px}.drawer-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#10261b66);z-index:24;backdrop-filter:blur(2px)}.drawer{position:absolute;z-index:25;right:20px;top:20px;bottom:20px;width:min(440px,calc(100vw - 40px));background:#172923f5;border:1px solid #91aa8d4d;box-shadow:0 16px 90px #001f1877;padding:61px 35px 35px;overflow:auto;overscroll-behavior:contain;backdrop-filter:blur(20px);animation:drawer-in .3s ease-out}.drawer-close{position:absolute;right:21px;top:17px;font-size:30px;font-weight:200;line-height:1;width:30px;height:30px;color:#d8e3cc}.drawer-close:hover{color:var(--lime)}.drawer .eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--lime);margin-bottom:20px}.drawer h2{font:normal 51px/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:.2px;margin:0 0 18px;max-width:350px}.drawer .lead{color:#e0e3d0;font-size:16px;letter-spacing:1px;line-height:1.7;margin-bottom:30px}.drawer p{font-size:12px;line-height:1.95;color:#b5c2ad}.drawer .rule{font:500 64px/.95 var(--tech);color:var(--lime);margin:27px 0 8px}.drawer .rule small{font-size:22px}.drawer .rule-label{font-size:11px;letter-spacing:1px;color:var(--muted)}.drawer hr{border:0;border-top:1px solid var(--border);margin:26px 0}.balance-label{font:500 10px var(--tech);letter-spacing:2px;color:#b6c5ac}.balance{font:600 45px var(--tech);margin:5px 0 5px;color:#f1f1d9;overflow-wrap:anywhere}.balance small{font-size:20px;color:#c5d0b7;margin-left:6px}.data-list{margin-top:22px}.data-list div{display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.8;padding:12px 0;border-bottom:1px solid #d6e8c016}.data-list dt{color:#a8baa1;flex-shrink:0}.data-list dd{margin:0;text-align:right;overflow-wrap:anywhere;font-family:var(--tech);font-size:13px}.data-list button{padding:0;color:var(--lime);font-size:11px}.subtle{font-size:10px!important;color:#9eaf96!important;line-height:1.8!important}.status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);padding:6px 9px;font-size:10px;color:#cfdcb9}.status-pill::before{content:'';width:4px;height:4px;background:#c3b389;border-radius:50%}.status-pill.live::before{background:var(--lime)}.drawer .primary{width:100%;margin-top:25px}.secondary{display:block;width:100%;text-align:center;border:1px solid var(--border);padding:14px;font-size:12px;letter-spacing:1px;margin-top:12px}.secondary:hover{background:#b8da9330}.wallet-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px;border:1px solid var(--border);margin:12px 0;text-align:left}.wallet-option:hover{background:#b8da9320}.wallet-option span{font-size:10px;color:var(--lime)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--border);gap:16px;font-size:12px}.settings-row select{background:#243d32;color:var(--ink);padding:9px;border:1px solid var(--border);font:12px var(--sans)}.key-help{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0;font-size:11px;color:var(--muted)}.key-help kbd{color:var(--ink);font:12px var(--tech);display:block;margin-bottom:4px}.chapter-list{border-top:1px solid var(--border);margin-top:25px}.chapter-list div{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--border);padding:18px 0}.chapter-list b{font:400 25px var(--tech);color:var(--lime)}.chapter-list span{font-size:12px;letter-spacing:1px}.chapter-list small{display:block;color:var(--muted);font:11px var(--tech);margin-top:6px;letter-spacing:1px}.credits-list{padding-left:17px;font-size:12px;line-height:2.4;color:var(--muted)}.toast{position:absolute;z-index:60;bottom:110px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#e1eccb;color:#1e3a2c;font-size:12px;line-height:1.6;max-width:min(500px,90vw);box-shadow:0 8px 30px #132f244d}.scene-fallback{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 70% 30%,#ad927c,#345751 50%,#142925)}.scene-fallback span{font:50px Impact}.scene-fallback h2{font-size:18px}.scene-fallback p{font-size:12px}.scene-fallback button{margin-top:16px}.scene-failed .intro,.scene-failed .scene-caption,.scene-failed .cinema-shade{display:none}.scene-failed .city-hud{display:block!important}@keyframes drawer-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@media(min-width:1600px){.intro{top:27%}}@media(max-height:760px) and (min-width:721px){.intro{top:24%}h1{font-size:95px}.intro-script{font-size:23px;margin:22px 0 15px}.intro-copy{margin-bottom:20px}.eyebrow{margin-bottom:20px}.intro-meta{margin-top:15px}.scene-caption{bottom:19%}}@media(max-width:1000px){.main-nav{gap:25px;margin-left:0}.main-nav span{display:none}.intro{left:6vw}h1{font-size:105px}.scene-caption{right:7vw}.controls-hint{bottom:26px;left:auto;right:4vw;transform:none}.corner-footer{font-size:9px}}@media(max-width:720px){.topbar{padding:22px 6vw;gap:15px}.brand svg{width:29px;height:36px}.brand>span{font-size:20px}.main-nav{display:none}.wallet{font-size:11px;padding:11px 13px}.intro{left:8vw;top:auto;bottom:19%}.eyebrow{font-size:9px;letter-spacing:2.8px;margin-bottom:20px}h1{font-size:88px;letter-spacing:-1.4px}.intro-script{font-size:22px;margin:24px 0 17px}.intro-copy{font-size:11px;line-height:1.9;margin-bottom:22px;letter-spacing:1.2px}.primary{padding:15px 19px;font-size:12px;min-height:47px}.intro-meta{font-size:8px;letter-spacing:1.3px;margin-top:15px}.scene-caption{display:none}.scene-weather{right:6vw;top:107px;gap:8px}.scene-weather>span{font-size:22px}.scene-weather b{font-size:18px}.scene-weather div span{font-size:8px;letter-spacing:1.3px}.cinema-shade{background:linear-gradient(0deg,#142c2cec,transparent 90%),linear-gradient(90deg,#18353366,transparent)}.corner-footer{left:6vw;bottom:max(20px,env(safe-area-inset-bottom));gap:13px;font-size:8px;letter-spacing:.8px}.corner-footer button{font-size:9px}.scene-tools{right:6vw;bottom:55px;gap:6px}.scene-tools button{width:33px;height:33px}.scene-tools svg{width:17px;height:17px}.city-hud{left:6vw;bottom:109px}.location-tag{padding-bottom:12px}.location-tag b{font-size:15px}.district-nav button{font-size:10px;margin-right:12px;padding-right:6px}.district-nav button span{font-size:10px;margin-right:2px}.map-wrapper{left:6vw;bottom:63px}.map-wrapper kbd{display:none}.controls-hint{bottom:29px;font-size:8px;right:6vw;gap:5px}.controls-hint span:last-child,.controls-hint i:last-of-type{display:none}.is-exploring .corner-footer{display:none}.drawer{right:10px;top:10px;bottom:10px;width:calc(100vw - 20px);padding:57px 26px 28px}.drawer h2{font-size:47px}.drawer .lead{font-size:15px;margin-bottom:24px}.drawer-backdrop{background:#102b1e88}.tour-status{top:95px;min-width:270px;padding:12px;font-size:10px;gap:8px}.tour-status button{font-size:10px;white-space:nowrap;padding-left:12px;margin-left:0}.place-marker b{font-size:8px}.place-marker span{width:25px;height:25px;font-size:12px}.loading{bottom:100px;min-width:235px;font-size:10px;padding:12px;gap:9px}.loading-track{width:55px}.toast{bottom:165px;width:max-content;max-width:85vw}.film-grain{opacity:.03}}@media(max-width:400px){h1{font-size:76px}.intro{bottom:20%}.intro-copy{font-size:10px}.intro-script{font-size:20px}.intro-meta{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}