:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#f7e9e6;background:#1c1533;font-synthesis:none;font-weight:400;font-smooth:always;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #f4c6a3;outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#world,#world canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#world{touch-action:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 150px #1a103f55;z-index:1}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.028;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}.masthead{position:fixed;left:44px;right:44px;top:32px;display:flex;align-items:center;justify-content:space-between;z-index:5;text-shadow:0 2px 20px #29132d80}.wordmark{display:flex;gap:13px;align-items:center;font-size:12px;letter-spacing:3px;font-weight:500}.wordmark-cn{display:block;font-size:10px;letter-spacing:4px;color:#f2d7d2ac;margin-top:7px}.sun-mark{width:28px;height:28px;border:1px solid #f8dac17d;border-radius:50%;position:relative;background:linear-gradient(0deg,#ed9b9866,transparent);box-shadow:0 0 22px #e7909c22}.sun-mark:after{content:"";position:absolute;left:-5px;right:-5px;top:15px;border-top:1px solid #f8dac17d;background:#1c1533;height:3px}.world-status{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:1.2px;color:#fae5dfbd}.world-status i{height:10px;border-left:1px solid #ffe2d54d;margin:0 4px}.live-dot{width:5px;height:5px;background:#ffd5a9;border-radius:50%;box-shadow:0 0 10px #ffbc95}.intro{position:fixed;z-index:4;left:5.4vw;top:28%;max-width:460px;transition:opacity .6s,transform .6s;filter:drop-shadow(0 3px 18px #29173b88)}.eyebrow{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:2.6px;color:#ffe3d9c2}.eyebrow>span{height:1px;width:26px;background:#ffdfc2aa}h1{font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif;font-weight:400;font-size:clamp(40px,4.8vw,72px);line-height:1.3;letter-spacing:5px;margin:25px 0 22px}h1>span{color:#ffd4b5}.intro-copy{font-size:13px;letter-spacing:1.5px;line-height:2.1;color:#f9e5e1be;margin:0 0 31px}.enter-button{background:#fff0dfed;color:#493642;padding:0 9px 0 25px;height:53px;min-width:208px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:3px;letter-spacing:2px;font-size:12px;box-shadow:0 8px 34px #2413312b;transition:background .2s,transform .2s}.enter-button:hover{background:#fff8ee;transform:translateY(-2px)}.button-arrow{height:35px;width:35px;border:1px solid #67454e33;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1}.input-hint{display:flex;align-items:center;gap:4px;font-size:10px;color:#fff0e29c;margin-top:18px;letter-spacing:1px}.input-hint kbd{border:1px solid #ffe2d537;font-family:inherit;font-size:9px;min-width:17px;height:19px;display:grid;place-items:center;border-radius:2px}.input-hint>span{margin-left:6px}.input-hint .hint-divider{margin:0 6px;color:#f3d4d555}.scene-caption{position:fixed;bottom:38px;left:44px;z-index:3;color:#fce6dc90;transition:opacity .5s}.scene-caption>span:first-child{font-size:8px;letter-spacing:2.5px}.scene-caption p{font-size:11px;letter-spacing:3px;margin:11px 0 17px;color:#fae6debd}.caption-line{display:block;width:44px;height:1px;background:#f9dfce61}.tools{position:fixed;bottom:32px;right:38px;z-index:8;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:28px;border:1px solid #f6e6e122;background:#271e3f26;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tool{width:37px;height:37px;background:transparent;border-radius:50%;display:grid;place-items:center;color:#ffece0c9;transition:background .2s,color .2s}.tool:hover,.tool.active{background:#ffe4cf1c;color:#fff3e4}.tool svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.tool-separator{height:17px;width:1px;background:#ffe5db26;margin:0 6px}.settings{position:fixed;right:40px;bottom:95px;width:280px;padding:22px;z-index:10;background:#26203de8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #f5d8c12b;border-radius:9px;box-shadow:0 15px 80px #130b293d}.settings-heading{font-family:Songti SC,serif;font-size:23px;letter-spacing:3px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.settings-heading button{background:none;font:23px sans-serif;color:#ffdfc780}.settings label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#ffe4d7b3;margin:20px 0;gap:20px}.settings select{background:#ffffff0c;color:#f5e3da;border:1px solid #ffe6d52b;border-radius:4px;padding:7px;font-size:10px}.settings input{width:120px;accent-color:#e8b1a8}.settings-home{border:1px solid #ffe5d52b;background:transparent;width:100%;height:36px;border-radius:4px;font-size:11px;letter-spacing:2px}.settings p{font-size:10px;color:#ffe2cc60;text-align:center;margin:20px 0 0;letter-spacing:2px}.loading{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:12;text-align:center;font-size:10px;letter-spacing:2px;color:#ffe9d6b8;transition:opacity .5s}.loading-track{display:block;width:140px;height:1px;background:#ffebd82b;margin:12px auto}.loading-track i{display:block;width:10%;height:1px;background:#ffd3af;transition:width .5s}.crosshair{position:fixed;z-index:3;top:50%;left:50%;width:4px;height:4px;transform:translate(-50%,-50%);border:1px solid #fff3e5a6;border-radius:50%;display:none;pointer-events:none}.interaction{position:fixed;z-index:6;left:50%;bottom:120px;transform:translate(-50%);display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:12px;letter-spacing:1px;text-shadow:0 2px 10px #23122b}.interaction kbd{width:27px;height:27px;display:grid;place-items:center;background:#fff1dddb;color:#453143;border-radius:3px;font:12px inherit}.play-hint{position:fixed;bottom:42px;left:50%;transform:translate(-50%);z-index:4;display:flex;gap:22px;color:#ffe9dda0;font-size:10px;white-space:nowrap}.play-hint kbd{font:9px inherit;color:#fff1dfda;margin-right:6px}.toast{position:fixed;z-index:20;left:50%;bottom:95px;transform:translate(-50%,8px);padding:12px 22px;border:1px solid #f6deca2b;background:#241b3be8;border-radius:5px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12px;letter-spacing:1px;opacity:0;transition:.3s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%)}body.playing .intro{opacity:0;transform:translateY(15px);pointer-events:none}body.playing .scene-caption{opacity:0;pointer-events:none}body.playing .crosshair{display:block}.touch-only{display:none}.error-panel{position:fixed;inset:0;z-index:50;background:#241b38f5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.error-panel h2{font-family:Songti SC,serif;font-size:30px;font-weight:400}.error-panel p{color:#e4c8c4;font-size:13px;max-width:450px;line-height:1.8}.error-panel button{margin-top:20px;background:#f6dfc6;color:#493344;padding:13px 30px;border-radius:4px}@media(max-width:760px){.masthead{left:23px;right:23px;top:25px}.wordmark{font-size:10px;letter-spacing:2px;gap:10px}.wordmark-cn{font-size:9px;letter-spacing:3px}.sun-mark{width:23px;height:23px}.world-status{font-size:9px;gap:8px}.world-status i,.world-status span:last-child{display:none}.intro{left:30px;top:auto;bottom:160px}h1{font-size:45px;letter-spacing:3px;margin:20px 0}.eyebrow{font-size:8px;letter-spacing:1.8px}.intro-copy{font-size:11px;margin-bottom:25px}.enter-button{height:48px;min-width:190px;font-size:11px}.scene-caption{bottom:27px;left:25px}.scene-caption>span:first-child{font-size:7px;letter-spacing:1.5px}.scene-caption p{font-size:9px;letter-spacing:1px}.tools{right:20px;bottom:25px;padding:3px 5px;gap:1px}.tool{width:34px;height:34px}.tool-separator{margin:0 4px}.settings{right:20px;bottom:84px;width:265px}.play-hint{display:none!important}.loading{bottom:100px;width:100%}.toast{bottom:88px;font-size:10px;max-width:90%;white-space:normal;text-align:center}body.playing .tools{bottom:25px}body.playing .crosshair{display:none}.interaction{bottom:180px;font-size:11px}}@media(pointer:coarse){.desktop-only{display:none!important}.touch-only{display:flex}.input-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}body:before{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#170f325c,transparent 65%);transition:opacity .6s}body.playing:before{opacity:0}.control-switch{display:inline-flex;gap:4px;padding:4px;margin-top:18px;border:1px solid #ffe4d52b;border-radius:6px;background:#24193452;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.control-switch button{background:transparent;border-radius:3px;font-size:10px;letter-spacing:1px;padding:8px 12px;color:#f7dfd1a6;transition:background .2s,color .2s}.control-switch button[aria-pressed=true]{color:#fff0dd;background:#ffe3cd24;box-shadow:inset 0 0 0 1px #ffe9d626}.control-switch+.input-hint{margin-top:12px}body.screen-mode .crosshair{display:none}.screen-controls{position:fixed;inset:0;z-index:6;pointer-events:none;user-select:none;-webkit-user-select:none}.direction-cluster{position:absolute;left:max(34px,env(safe-area-inset-left));bottom:max(32px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:5px;filter:drop-shadow(0 4px 20px #1a102c66)}.direction-label{position:absolute;top:-23px;left:0;right:0;text-align:center;color:#ffe8d3a6;font-size:8px;letter-spacing:3px}.direction{display:grid;place-items:center;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:13px;border:1px solid #ffe5cf55;background:linear-gradient(145deg,#fff1dd21,#30203966);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffeedc;box-shadow:inset 0 1px #fff2df1a;transition:background .1s,transform .1s,border-color .1s}.direction svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.direction.pressed,.direction:active{background:#ffdcb267;border-color:#fff0dba6;transform:scale(.94)}.direction.up{grid-area:1/2}.direction.left{grid-area:2/1}.direction.right{grid-area:2/3}.direction.down{grid-area:3/2}.direction-center{grid-area:2/2;display:grid;place-items:center;color:#ffd5b480;font-size:15px}.look-hint{position:absolute;right:44px;bottom:98px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px;color:#ffe5d3a6;text-shadow:0 1px 10px #291136}.look-hint>span{font-size:26px;color:#ffe5d3bd;line-height:1}#touch-interact,#touch-pause{pointer-events:auto;position:absolute;border:1px solid #ffe6ce61;background:#3a264b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;touch-action:manipulation;box-shadow:0 3px 20px #22133133;color:#fff0df}#touch-interact{right:50px;bottom:155px;width:62px;height:62px;font-size:12px;letter-spacing:2px;display:none}#touch-pause{top:max(94px,calc(env(safe-area-inset-top) + 60px));right:max(42px,env(safe-area-inset-right));width:38px;height:38px;font-size:14px}#world canvas{touch-action:none}body.screen-mode.playing .interaction{bottom:232px}@media(max-width:760px){.control-switch{margin-top:15px}.control-switch button{padding:7px 11px;font-size:9px}.direction-cluster{left:max(22px,env(safe-area-inset-left));bottom:max(77px,calc(env(safe-area-inset-bottom) + 54px));grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:4px}.look-hint{right:24px;bottom:83px;font-size:8px;letter-spacing:1px;gap:7px}#touch-interact{right:max(30px,env(safe-area-inset-right));bottom:140px;width:60px;height:60px}#touch-pause{right:max(24px,env(safe-area-inset-right));top:max(82px,calc(env(safe-area-inset-top) + 48px))}.tools,body.playing .tools{bottom:max(23px,env(safe-area-inset-bottom))}.scene-caption{bottom:max(27px,env(safe-area-inset-bottom))}body.screen-mode.playing .interaction{bottom:258px;font-size:10px}.interaction kbd{width:24px;height:24px}body.screen-mode .interaction kbd{display:none}.settings{bottom:83px;max-height:calc(100dvh - 115px);overflow:auto}}@media(max-height:540px){.masthead{top:16px}.intro{top:auto;bottom:75px;left:32px;max-width:340px}h1{font-size:34px;line-height:1.15;margin:12px 0}.intro-copy{font-size:10px;line-height:1.65;margin-bottom:14px}.eyebrow{display:none}.enter-button{height:42px}.control-switch{margin-top:11px}.input-hint{display:none!important}.scene-caption{bottom:19px}.scene-caption p{margin:6px 0}.caption-line{display:none}.direction-cluster{left:max(22px,env(safe-area-inset-left));bottom:27px;grid-template-columns:repeat(3,41px);grid-template-rows:repeat(3,41px);gap:4px}.direction-label{top:-20px}.look-hint{bottom:82px}#touch-interact{bottom:114px;right:33px;width:52px;height:52px}#touch-pause{top:65px;width:33px;height:33px}.tools{bottom:20px;right:max(22px,env(safe-area-inset-right))}body.screen-mode.playing .interaction{bottom:90px}.toast{bottom:70px}}.audio-settings-title{border-top:1px solid #ffe2d522;padding-top:18px;margin-top:23px;font-size:10px;letter-spacing:2px;color:#f1cdb5b3}.settings label>span{font-size:9px;color:#f5d3ba80;margin-left:auto;margin-right:-12px}.settings{max-height:calc(100dvh - 130px);overflow:auto}.settings label input{width:100px;flex-shrink:0}.graphics-settings{border-top:1px solid #ffe2d522;padding-top:15px;font-size:11px}.graphics-settings summary{cursor:pointer;letter-spacing:1px;color:#f1d8c5}.settings .graphics-note{font-size:10px;line-height:1.8;letter-spacing:0;text-align:left;margin:14px 0;color:#e5d4cc99}.settings input[type=checkbox]{width:18px;height:18px}.performance-panel{position:fixed;left:20px;top:100px;z-index:9;padding:10px 13px;white-space:pre-line;font:10px/1.8 ui-monospace,monospace;color:#effff4;background:#122328d9;border:1px solid #c8e8d52b;border-radius:6px;pointer-events:none;font-variant-numeric:tabular-nums}.settings{width:315px}.settings label{gap:10px}.graphics-settings select{max-width:175px}@media(max-width:760px){.settings{width:min(315px,calc(100vw - 40px))}.performance-panel{top:125px;left:20px;max-width:calc(100vw - 40px);font-size:9px}}.location-label{position:fixed;left:50%;top:32px;transform:translate(-50%);z-index:5;text-align:center;pointer-events:none;text-shadow:0 2px 16px #243958aa;opacity:0;transition:opacity .5s;white-space:nowrap}.location-label>span{font-size:12px;letter-spacing:4px}.location-label small{display:block;font-size:9px;letter-spacing:1.5px;color:#f3fcffb8;margin-top:9px}body.playing .location-label{opacity:1}.room-transition{position:fixed;inset:0;z-index:40;background:#d9e7ed;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4e697a;opacity:0;pointer-events:none;transition:opacity .24s}.room-transition.visible{opacity:1;pointer-events:auto}.room-transition>span{font-size:9px;letter-spacing:5px}.room-transition p{font-family:Songti SC,serif;font-size:30px;letter-spacing:6px;margin-top:22px}@media(max-width:760px){.location-label{top:90px}.location-label>span{font-size:11px}.location-label small{font-size:8px;letter-spacing:1px}}@media(max-height:540px){.location-label{top:20px}.location-label>span{font-size:10px}.location-label small{margin-top:6px;font-size:8px}}body.daylight .masthead{color:#315c70;text-shadow:0 1px 15px #ffffff88}body.daylight .wordmark-cn,body.daylight .world-status{color:#3f687bbd}body.daylight .sun-mark{border-color:#426c8170;background:linear-gradient(0deg,#adddcfa0,transparent)}body.daylight .sun-mark:after{border-color:#426c8170;background:#d6eaf0}body.daylight .location-label{color:#315c70;text-shadow:0 1px 14px #ffffffbb}body.daylight .location-label small{color:#4b7182cc}body.daylight .tools{border-color:#6d91a04a;background:#e2f1f277}body.daylight .tool{color:#365b70}body.daylight .tool:hover,body.daylight .tool.active{color:#16435b;background:#a5cbd64d}body.daylight .tool-separator{background:#52748a40}body.daylight .direction{color:#315e75;border-color:#7499ad80;background:linear-gradient(145deg,#f5ffffaa,#d3e8ef66)}body.daylight .direction.pressed{background:#7cbad4aa;border-color:#416f88}body.daylight .direction-center,body.daylight .direction-label{color:#547e91}body.daylight .look-hint,body.daylight .look-hint>span{color:#456f83;text-shadow:0 1px 8px #fff9}body.daylight #touch-interact,body.daylight #touch-pause{color:#31596c;border-color:#7296a56b;background:#e7f6f7a6}body.daylight .interaction{color:#315b70;text-shadow:none;background:#effaf2c9;border:1px solid #8faebe66;border-radius:5px;padding:8px 13px}body.daylight .interaction kbd{background:#507a8f;color:#f5fffc}body.daylight .intro{filter:drop-shadow(0 2px 14px #e7f6f4aa);color:#36596d}body.daylight h1>span{color:#457e91}body.daylight .eyebrow,body.daylight .intro-copy,body.daylight .input-hint{color:#456b7dd9}body.daylight .control-switch{background:#e7f6f280;border-color:#7796a566}body.daylight .control-switch button{color:#4f7284}body.daylight .control-switch button[aria-pressed=true]{background:#94b9ca66;color:#244e64}body.daylight .scene-caption,body.daylight .scene-caption p{color:#3c697bd9}