@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;color:#eae6dc;background:#111a2b}*{box-sizing:border-box}html,body,#app{padding:0;margin:0;width:100%;height:100%;min-height:100dvh;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d1bb83;outline-offset:4px}#world{position:fixed;inset:0;display:block;width:100%;height:100%;outline:none}.grain{pointer-events:none;position:fixed;inset:0;z-index:3;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox=%220 0 150 150%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.83%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22 opacity=%22.18%22/%3E%3C/svg%3E")}.vignette{pointer-events:none;position:fixed;inset:0;z-index:2;background:linear-gradient(90deg,rgba(11,18,31,.82) 0,rgba(12,18,31,.6) 16%,transparent 50%,rgba(11,18,29,.15) 100%),linear-gradient(0deg,rgba(11,16,28,.6),transparent 30%,transparent 75%,rgba(11,16,28,.4))}.topbar{position:fixed;left:5vw;right:5vw;top:30px;display:flex;justify-content:space-between;align-items:center;z-index:9;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-seal{height:41px;width:41px;display:grid;place-items:center;background:#b5a178;color:#1e2937;border:1px solid #d1ba88;font-family:"Noto Serif SC",serif;font-size:22px;box-shadow:0 5px 25px #0b152b99}.brand-words{display:flex;flex-direction:column;gap:3px}.brand-words strong{font:600 19px "Noto Serif SC",serif;letter-spacing:.28em}.brand-words small{font-size:9px;letter-spacing:.19em;color:#aeb8c2}.top-actions{display:flex;align-items:center;gap:12px}.world-state{color:#c8d3d7;display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.15em;margin-right:12px}.pulse{width:5px;height:5px;border-radius:50%;background:#d1b789;box-shadow:0 0 9px 3px #ffdb9970}.round-btn{height:37px;width:37px;border:1px solid #b7b9bf55;background:#ffffff0c;border-radius:50%;color:#e4e1d7;font-size:17px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.round-btn:hover,.round-btn.active{background:#d1b98636;border-color:#d1b986}.eyebrow{position:fixed;z-index:4;top:116px;left:50%;transform:translate(-50%);letter-spacing:.24em;font-size:9px;color:#c4c4c2;white-space:nowrap}.tiny-star{color:#b9a67e;padding:0 18px}.left-copy{position:fixed;z-index:5;left:5vw;top:50%;transform:translateY(-38%);pointer-events:none}.left-copy>*{pointer-events:auto}.vertical-bar{position:absolute;left:0;top:-26px;height:23px;width:1px;background:#c4b17e}.chapter{color:#bea982;font-size:10px;letter-spacing:.25em;font-weight:600}.chapter span{color:#67778c;margin:0 8px}.left-copy h1{font:500 clamp(27px,3.5vw,52px)/1.45 "Noto Serif SC",serif;letter-spacing:.11em;margin:24px 0 22px;text-shadow:0 2px 20px #111a2b}.left-copy h1 em{font-style:normal;color:#d7c7a2}.intro{font-size:12px;line-height:2.25;letter-spacing:.1em;color:#b1bdc7}.subtle-cta{margin-top:26px;display:flex;gap:33px;align-items:center;padding:11px 0;border:0;border-bottom:1px solid #b29d77;background:transparent;color:#e2d0a4;font-size:12px;letter-spacing:.18em}.subtle-cta span{font-size:18px}.subtle-cta:hover{gap:42px;transition:gap .2s ease}.bottom-controls{position:fixed;z-index:7;bottom:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;gap:14px}.control-hint{display:flex;align-items:center;gap:13px;color:#b2b9c4;font-size:11px;letter-spacing:.09em}.drag-icon{font-size:25px;color:#c2ad89}.quick-actions{display:flex;gap:8px}.quick-actions button{background:#17253abb;border:1px solid #8f9daa48;border-radius:4px;color:#e4e2d9;padding:12px 16px;font-size:15px;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.quick-actions button span{font-size:11px;margin-left:6px;letter-spacing:.06em}.quick-actions button:hover{background:#b9a37c38;border-color:#c3ad82}.hotspot{z-index:5;position:fixed;left:0;top:0;border:0;background:none;color:#eae9dd;display:flex;flex-direction:column;align-items:center;gap:5px;transition:opacity .15s;white-space:nowrap;text-shadow:0 2px 8px #121722}.hotspot-dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0d1e31c9;border:1px solid #d0bb8a91;box-shadow:0 0 0 5px #17294151,0 0 18px #d5b8783b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:17px;transition:transform .2s,background .2s}.hotspot-name{background:#101d2ba8;border:1px solid #c3b28b55;padding:5px 9px;font-size:10px;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hotspot:hover .hotspot-dot{transform:scale(1.18);background:#796b52}.hotspot:hover .hotspot-name{background:#5f533cdb}.story-panel{z-index:15;position:fixed;right:4vw;top:50%;width:min(355px,calc(100vw - 30px));max-height:calc(100dvh - 140px);overflow:auto;transform:translate(15px,-45%);opacity:0;transition:opacity .3s,transform .3s;background:linear-gradient(160deg,#1c2b3cef,#152336f7);border:1px solid #a08f7059;padding:29px 31px;color:#e8e5da;box-shadow:0 25px 75px #0008;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.story-panel.visible{opacity:1;transform:translateY(-50%)}.story-top{display:flex;align-items:center;justify-content:space-between;color:#c1ad83;font-size:10px;letter-spacing:.13em}.close-button{border:0;background:transparent;color:#d6d2c9;font-size:25px;line-height:1;padding:2px 6px}.story-art{margin:24px 0 16px;width:73px;height:73px;border:1px solid #c8b28470;background:#bca37318;display:grid;place-items:center;font-size:35px}.story-number{font-size:9px;letter-spacing:.22em;color:#b29c73}.story-panel h2{font:500 26px "Noto Serif SC",serif;letter-spacing:.08em;margin:11px 0 18px}.story-panel p#story-body{font-size:13px;line-height:2.2;letter-spacing:.065em;color:#c2c7c7;min-height:95px}.story-action{background:#b9a278;border:0;color:#182335;font-size:12px;padding:13px 17px;margin:12px 0 26px;width:100%;display:flex;justify-content:space-between}.story-action[hidden]{display:none}.story-action:hover{background:#dcc495}.panel-footer{border-top:1px solid #71818a52;padding-top:20px;font-size:10px;color:#9fa9ad;letter-spacing:.13em}.panel-footer span{margin:0 8px}.help-dialog{border:1px solid #9c8f73;padding:0;max-width:min(420px,calc(100vw - 30px));color:#eee7d8;background:#1a2938;box-shadow:0 22px 100px #000b}.help-dialog::backdrop{background:#0e1626c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-inner{padding:30px;position:relative}.modal-inner .close-button{position:absolute;right:18px;top:16px}.help-symbol{font-size:33px;color:#cbb485}.modal-inner h2{font:500 24px "Noto Serif SC",serif}.modal-inner p{font-size:13px;line-height:2;color:#c5c9ca}.help-line{display:flex;flex-direction:column;gap:3px;border-top:1px solid #69798255;padding:15px 0}.help-line strong{font-size:12px;color:#d8c393}.help-line span{font-size:12px;color:#bec5c6}.modal-okay{margin-top:16px;width:100%;background:#baa67b;border:0;padding:15px;color:#182333;font-size:12px}.loader{position:fixed;inset:0;z-index:30;background:#111b2b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .7s,visibility .7s}.loader-symbol{font:500 46px "Noto Serif SC",serif;color:#d9bd88;border:1px solid #c0ad80;width:89px;height:89px;display:grid;place-items:center}.loader p{letter-spacing:.19em;font-size:12px;color:#adb3b7}.loader.done{opacity:0;visibility:hidden}@media(max-width:860px){.vignette{background:linear-gradient(180deg,#0b1429b8 0%,transparent 24%,transparent 65%,#0b142ab9 100%)}.topbar{top:20px;left:20px;right:20px}.brand-words strong{font-size:17px}.brand-words small{font-size:8px}.world-state{display:none}.eyebrow{top:92px;font-size:8px}.tiny-star{padding:0 5px}.left-copy{top:124px;left:22px;transform:none}.left-copy h1{font-size:27px;line-height:1.4;margin:11px 0 0}.left-copy .chapter{font-size:9px}.left-copy .intro,.left-copy .subtle-cta,.left-copy .vertical-bar{display:none}.bottom-controls{bottom:max(16px,env(safe-area-inset-bottom));left:15px;right:15px;flex-direction:column;gap:10px}.control-hint{font-size:10px}.quick-actions{width:100%;justify-content:center}.quick-actions button{flex:1;max-width:140px;padding:11px 7px}.story-panel{inset:auto 0 0;width:100%;max-height:62dvh;border-left:0;border-right:0;border-bottom:0;transform:translateY(100%);padding:21px 26px max(23px,env(safe-area-inset-bottom));border-radius:17px 17px 0 0}.story-panel.visible{transform:translateY(0)}.story-panel .story-art{margin:10px 0;width:48px;height:48px;font-size:25px}.story-panel h2{margin:9px 0;font-size:22px}.story-panel p#story-body{margin:5px 0;min-height:0;font-size:12px;line-height:1.8}.story-action{margin:15px 0}.hotspot-dot{width:28px;height:28px;font-size:15px}.hotspot-name{font-size:9px;padding:4px 6px}}@media(max-width:380px){.brand-words small{letter-spacing:.07em}.top-actions{gap:6px}.round-btn{width:33px;height:33px}.quick-actions button span{font-size:10px}.left-copy h1{font-size:24px}}@media(prefers-reduced-motion:reduce){.story-panel,.hotspot-dot,.loader{transition:none!important}}.weather-panel{position:fixed;z-index:13;right:5vw;bottom:100px;width:min(435px,calc(100vw - 30px));max-height:min(690px,calc(100dvh - 135px));overflow:auto;padding:25px 27px 21px;background:linear-gradient(145deg,#1a2a36f7,#131f30fa);border:1px solid rgba(195,173,132,.5);box-shadow:0 25px 85px #081221b9,0 0 40px #94b6bb12;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#eee8dc;animation:weather-enter .2s ease-out}.weather-panel[hidden]{display:none}@keyframes weather-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.weather-header{display:flex;align-items:start;justify-content:space-between;gap:8px}.weather-header h2{font:500 25px/1.35 "Noto Serif SC",serif;letter-spacing:.12em;margin:8px 0 0}.weather-eyebrow,.weather-label{font-size:9px;letter-spacing:.19em;color:#cbb78c}.weather-subtitle{font:12px/1.9 "Noto Serif SC",serif;color:#b8c3c9;letter-spacing:.06em;margin:16px 0 22px}.weather-section{padding:15px 0 16px;border-top:1px solid #8299a43b}.weather-label{margin-bottom:12px;color:#bda983}.weather-options{display:flex;flex-wrap:wrap;gap:7px}.weather-options button{border:1px solid #8b9bab54;background:#263b4b82;color:#d4dbdc;border-radius:3px;min-height:36px;padding:8px 12px;font-size:11px;white-space:nowrap;letter-spacing:.07em;transition:background .18s,border-color .18s,color .18s}.weather-options button:hover{background:#64746b52;border-color:#bba983}.weather-options button.selected{background:#c0ab7d;color:#1b2936;border-color:#d6c18e;box-shadow:0 2px 12px #cdb68e29}.weather-detail{min-height:48px;margin:11px 0 5px;font:12px/1.9 "Noto Serif SC",serif;color:#d3d8d2;letter-spacing:.04em}.weather-foot{border-top:1px solid #84929845;margin-top:11px;padding-top:15px;font-size:10px;color:#a5aeb3;letter-spacing:.1em}#weather-btn[aria-expanded=true]{background:#b9a37c4f;border-color:#d3c08d}@media(max-width:860px){.weather-panel{left:10px;right:10px;bottom:83px;width:auto;max-height:calc(100dvh - 180px);padding:19px 19px 15px;border-radius:12px}.weather-subtitle{margin:12px 0 10px}.weather-section{padding:11px 0}.weather-options{gap:6px}.weather-options button{min-height:35px;padding:7px 9px}.weather-detail{min-height:30px;margin:7px 0}.weather-foot{margin-top:7px;padding-top:10px}}@media(prefers-reduced-motion:reduce){.weather-panel{animation:none}}