@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{font-family:DM Sans,sans-serif;color:#253c31;background:#f3f2e9;font-synthesis:none;font-weight:400;--ink:#253c31;--muted:#858b7e;--line:#dcded1;--paper:#f3f2e9}*{box-sizing:border-box}body{margin:0;overflow:hidden}#app{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #649b72;outline-offset:5px}button{border:0;background:none}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#app{height:100svh;min-height:620px;display:flex;flex-direction:column;transition:background 1s,color 1s}.header{height:100px;flex-shrink:0;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{text-decoration:none;color:inherit;font-size:30px;font-weight:650;letter-spacing:-1.8px;display:flex;align-items:center;gap:14px}.brand-symbol{display:flex;gap:3px;transform:rotate(-23deg);margin-right:2px}.brand-symbol i{display:block;width:5px;height:27px;background:var(--ink)}.brand-symbol i:nth-child(2){height:35px;margin-top:-4px}.brand-dot{font-size:10px;align-self:flex-start;margin:4px 0 0 -9px;letter-spacing:0}.header-center{font-size:9px;font-weight:600;letter-spacing:2px;margin-left:24px}.about-button{font-size:11px;display:flex;align-items:center;gap:24px;padding:12px 0}.about-button span{font-size:20px}.about-button:hover{opacity:.6}main{position:relative;flex:1;min-height:0}#scene{position:absolute;inset:-15px 0 0;cursor:grab}#scene:active{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%;outline:0;touch-action:none}.intro{position:absolute;left:4.4%;top:42px;pointer-events:none;z-index:2}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.9px;display:flex;align-items:center;gap:9px}.tiny-star{font-size:19px;font-weight:400}h1{font-family:Playfair Display,Georgia,serif;font-weight:500;font-size:clamp(44px,4.5vw,73px);letter-spacing:-2.6px;line-height:1.12;margin:23px 0 21px}h1 em{font-weight:500;color:#648367}.intro p{font-size:12px;line-height:1.9;color:#788173;margin:0}.location{font-size:8px;letter-spacing:1.2px;font-weight:600;display:flex;align-items:center;gap:7px;margin-top:27px}.location-dot{height:5px;width:5px;background:#7e9b6d;border-radius:50%}.coordinates{color:#929789;font-size:8px;letter-spacing:.4px;margin-left:13px;font-weight:400}.field-note{position:absolute;left:4.4%;bottom:58px;pointer-events:none}.note-index{font-size:8px;letter-spacing:1.7px;font-weight:600;color:#86917d}.field-note p{font-family:Playfair Display,Georgia,serif;font-size:20px;line-height:1.5;margin:13px 0 18px;color:#4a5b47;letter-spacing:-.3px}.note-line{height:1px;background:#cbd0bd;width:36px;margin-bottom:15px}.live-caption{font-size:9px;color:#7e8976;display:flex;align-items:center;gap:7px}.live-caption i,.live-badge i{background:#7b976a;width:5px;height:5px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #849e6f12}.scene-tools{position:absolute;right:3.3%;bottom:72px;display:flex;flex-direction:column;background:#fafaf3cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e2e4d5;border-radius:9px;padding:5px;box-shadow:0 4px 15px #2f412308}.scene-tools button{width:32px;height:34px;display:grid;place-items:center;font-size:22px;font-weight:400;border-radius:5px}.scene-tools button:hover{background:#dfe5d6}.scene-tools button svg{width:17px;height:17px}.scene-tools>span{height:1px;background:var(--line);margin:3px 5px}.interaction-hint{position:absolute;left:55%;transform:translate(-50%);bottom:20px;font-size:9px;color:#8b9481;display:flex;align-items:center;gap:9px;white-space:nowrap;pointer-events:none}.interaction-hint svg{height:12px;width:12px;fill:none;stroke:currentColor;stroke-width:1}.interaction-hint span{margin:0 2px}.bottom-bar{height:100px;flex-shrink:0;margin:0 4.3%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.playback{display:flex;align-items:center;gap:15px;min-width:270px}.play-button{border-radius:50%;background:#2c4538;color:#f3f4e9;width:44px;height:44px;display:grid;place-items:center;transition:transform .2s}.play-button:hover{transform:scale(1.06)}.play-button svg{width:18px;height:18px;stroke-width:2}.time-line{display:flex;gap:13px;align-items:center}.time-line>span:first-child{font-size:19px;font-weight:500;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.live-badge{font-size:7px;letter-spacing:1.2px;color:#7f8b73;display:flex;gap:6px;align-items:center}.time-description{font-size:9px;color:#8b9282;margin-top:3px}.day-switch{display:flex;background:#e8eadd;padding:4px;border-radius:30px;gap:3px}.day-switch button{display:flex;align-items:center;gap:7px;font-size:10px;padding:10px 16px;border-radius:25px;color:#7d8775;transition:background .3s,box-shadow .3s}.day-switch button.selected{background:#fafbf3;box-shadow:0 2px 5px #334b2420;color:#3b5140}.day-switch button svg{height:15px;width:15px}.footer-right{font-size:10px;color:#8b9282;display:flex;gap:11px;align-items:center;min-width:240px;justify-content:flex-end}.mini-cross{font-size:23px;color:#9fa98d}.scene-label{position:absolute;z-index:1;display:flex;align-items:center;gap:7px;pointer-events:none;font-size:9px;white-space:nowrap;opacity:0;background:#f7f7eddf;padding:7px 10px;border-radius:4px;color:#556a4f;box-shadow:0 2px 10px #42543b08;transition:opacity .5s}.label-number{font-size:7px;letter-spacing:.4px;opacity:.6}.label-line{position:absolute;top:100%;left:50%;width:1px;height:20px;background:#869b7270}dialog{border:1px solid #d4dbca;border-radius:18px;background:#f6f5eb;color:#2c4538;max-width:460px;padding:48px;box-shadow:0 30px 150px #142a2a33}dialog::backdrop{background:#20362c50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#close-about{position:absolute;right:20px;top:14px;font-size:26px;color:#7c8977}dialog h2{font:500 36px/1.15 Playfair Display,Georgia,serif;letter-spacing:-1px;margin:25px 0}dialog p{font-size:13px;line-height:1.85;color:#74816c}dialog p.about-tip{font-size:11px;padding-top:15px;border-top:1px solid #d4dbca}#back-to-city{background:#2c4538;color:#f4f4e8;padding:13px 18px;border-radius:6px;margin-top:12px;font-size:11px}.night{--ink:#e0e5d0;--muted:#99a492;--line:#3c4b42;--paper:#202e2b;background:#202e2b;color:#e0e5d0}.night .intro p,.night .field-note p{color:#aebca6}.night h1 em{color:#a8bb85}.night .scene-tools{background:#33453ddd;border-color:#526249}.night .scene-tools button:hover{background:#53634b}.night .day-switch{background:#2f3e35}.night .day-switch button.selected{background:#4c5c45;color:#e5e7d7}.night .scene-label{background:#35463cee;color:#c5d0b4}.night .play-button{background:#b3c397;color:#26392d}.night .note-line{background:#53614a}@media(min-width:1500px){.intro{top:65px}.field-note{bottom:80px}}@media(max-width:1000px){.header{height:80px}.header-center{display:none}.intro{top:25px}h1{font-size:49px}.coordinates{display:none}.intro p{font-size:11px}.field-note{bottom:55px}.field-note p{font-size:17px}.footer-right{display:none}.bottom-bar{height:90px}.playback{min-width:200px}.scene-label{font-size:8px}.interaction-hint{left:57%;font-size:8px}}@media(max-width:600px){#app{min-height:580px}.header{height:72px;padding:0 6%}.brand{font-size:26px}.brand-symbol i{height:22px;width:4px}.brand-symbol i:nth-child(2){height:30px}.about-button{font-size:9px;gap:8px}.intro{left:6%;top:15px}.eyebrow{font-size:7px;letter-spacing:1.4px}h1{font-size:42px;margin:12px 0 10px;letter-spacing:-1.8px}.intro p{font-size:10px;line-height:1.6}.location{margin-top:14px;font-size:6px}.field-note{left:6%;bottom:38px}.note-index,.field-note p,.note-line{display:none}.live-caption{font-size:8px}.scene-tools{right:5%;bottom:41px}.scene-tools button{width:27px;height:30px}.bottom-bar{height:86px;margin:0 6%;gap:7px}.playback{min-width:0;gap:9px}.play-button{width:36px;height:36px}.time-line{gap:8px}.time-line>span:first-child{font-size:17px}.live-badge{font-size:5px;letter-spacing:.5px}.time-description{font-size:7px}.day-switch{padding:3px;gap:0}.day-switch button{padding:8px 9px;gap:4px;font-size:8px}.day-switch button svg{width:12px;height:12px}.interaction-hint{bottom:12px;left:50%;font-size:7px;gap:6px}.scene-label{font-size:7px;padding:5px 7px}.scene-label .label-number{font-size:6px}dialog{margin:20px;padding:32px}dialog h2{font-size:30px}}.about-button svg{width:15px;height:15px}#back-to-city{display:flex;align-items:center;gap:15px}#back-to-city svg{width:14px;height:14px}#app{min-height:0;height:100dvh}#scene canvas{overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.touch-hint{display:none}.scene-tools button{width:44px;height:44px}@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}button{min-height:44px}.play-button{width:44px;height:44px}.day-switch button{min-height:44px}.about-button{padding:8px 0}}@media(max-width:600px){.header{padding-left:max(6%,env(safe-area-inset-left));padding-right:max(6%,env(safe-area-inset-right))}.scene-tools{right:max(4%,env(safe-area-inset-right));bottom:42px;padding:3px}.scene-tools button{width:44px;height:44px}.interaction-hint{font-size:8px;bottom:12px;gap:0}.bottom-bar{height:calc(90px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);gap:5px}.day-switch button{padding:8px;min-height:44px}.play-button{width:44px;height:44px}.live-badge{display:none}dialog{max-height:calc(100dvh - 32px);overflow:auto}#close-about{width:44px;height:44px;right:8px;top:8px}}@media(max-height:550px)and (orientation:landscape){.header{height:48px}.brand{font-size:24px}.bottom-bar{height:64px}.intro{top:8px}.intro h1{font-size:28px;margin:8px 0}.intro p,.location,.eyebrow,.field-note,.scene-label{display:none}.scene-tools{bottom:32px;flex-direction:row;right:3%}.scene-tools>span{height:auto;width:1px;margin:5px 2px}.interaction-hint{bottom:8px;left:50%}}.world-options{position:absolute;right:3.3%;top:15px;display:flex;gap:6px;z-index:3}.world-options button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:#fafaf3df;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10px}.world-options svg{width:17px;height:17px}.world-options button[aria-pressed=true]{background:#dce5d6}.night .world-options button{background:#33453ddd;border-color:#526249}.night .world-options button[aria-pressed=true]{background:#4c5c45}@media(max-width:600px){.world-options{top:232px;right:5%;gap:5px}.world-options button{padding:7px 9px;font-size:9px}}@media(max-height:550px)and (orientation:landscape){.world-options{top:3px;right:3%}.world-options button{min-height:44px;font-size:9px}}