:root{color:#f6f5ed;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;--paper:#f6f5ed;--quiet:#f6f5edb8;--panel:#162726ed;--line:#f6f5ed38;--edge:clamp(24px, 3.3vw, 56px);background:#203d43;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{min-width:280px}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait}button,input,a{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--paper);outline-offset:6px}[hidden]{display:none!important}#world{touch-action:none;outline:none;width:100%;height:100%;display:block}.space-ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.space-ui:before{content:"";background:linear-gradient(#091d2036,#0000 24% 56%,#071c1d6b);transition:opacity .7s;position:absolute;inset:0}.space-ui.has-entered:before{opacity:.44}.space-header{top:max(30px, env(safe-area-inset-top));left:var(--edge);right:var(--edge);justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute}.wordmark{letter-spacing:.2em;text-shadow:0 1px 16px #00000052;align-items:center;gap:15px;font-size:15px;display:flex}.wordmark-english{letter-spacing:.25em;opacity:.75;border-left:1px solid var(--line);padding-left:16px;font-family:Arial,sans-serif;font-size:9px;font-weight:400}.header-actions{align-items:center;gap:22px;display:flex}.quiet-button{letter-spacing:.09em;white-space:nowrap;text-shadow:0 1px 10px #00000070;background:0 0;border:0;padding:9px 0;font-size:12px;transition:opacity .2s}.quiet-button:hover{opacity:.72}.quiet-button[aria-expanded=true]{text-underline-offset:7px;text-decoration:underline}[data-sound-state]{opacity:.65;margin-left:3px;font-size:10px}.welcome{left:var(--edge);position:absolute;bottom:clamp(110px,17vh,188px)}.welcome h1{letter-spacing:.34em;text-shadow:0 3px 36px #14242129;margin:0 0 14px;font-size:clamp(54px,6.4vw,94px);font-weight:250;line-height:1.35}.welcome-description{letter-spacing:.37em;color:var(--paper);margin:0;font-size:14px}.welcome-bottom{margin-top:38px}.enter-button{pointer-events:auto;min-width:164px;color:var(--paper);letter-spacing:.13em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1023222b;border:1px solid #f6f5edcc;border-radius:2px;justify-content:space-between;align-items:center;gap:40px;padding:15px 20px;font-size:13px;transition:background .25s,color .25s,opacity .25s;display:flex}.enter-button:hover:not(:disabled){color:#163730;background:var(--paper)}.enter-button:disabled{opacity:.55}.enter-button>span:last-child{font-family:Arial,sans-serif;font-size:21px;line-height:1}.welcome-note{letter-spacing:.13em;color:#f6f5edd9;margin:18px 0 0;font-size:11px}.loading-status{left:var(--edge);width:min(310px, calc(100vw - 2 * var(--edge)));position:absolute;bottom:36px}.loading-copy{letter-spacing:.08em;color:var(--quiet);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;display:flex}.loading-progress{appearance:none;background:#f6f5ed33;border:0;width:100%;height:1px;display:block}.loading-progress::-webkit-progress-bar{background:#f6f5ed33}.loading-progress::-webkit-progress-value{background:var(--paper);transition:width .25s}.loading-progress::-moz-progress-bar{background:var(--paper)}.space-footer{bottom:max(30px, env(safe-area-inset-bottom));left:var(--edge);right:var(--edge);justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute}.explore-actions{align-items:center;gap:23px;display:flex}.mode-button{letter-spacing:.08em;text-shadow:0 1px 8px #0000005c;background:0 0;border:0;align-items:center;gap:14px;padding:10px 0;font-size:13px;display:flex}kbd{letter-spacing:.04em;font-family:Arial,PingFang SC,sans-serif;font-size:9px;font-weight:400}.mode-button kbd{opacity:.8;border:1px solid #f6f5ed5e;border-radius:3px;place-items:center;width:19px;height:19px;display:inline-grid}.toolbar-divider{background:var(--line);width:1px;height:15px}.movement-hint{color:#f6f5edc7;letter-spacing:.06em;text-shadow:0 1px 10px #00000080;margin:0;font-size:10px}.movement-hint kbd{color:var(--paper);margin-right:4px}.movement-hint>span{opacity:.65;margin:0 12px}.space-header button,.space-footer button,.scene-panel,.resume-hint,.touch-controls{pointer-events:auto}.scene-panel{left:var(--edge);background:var(--panel);border:1px solid #f6f5ed26;border-radius:3px;width:306px;padding:23px 24px 24px;position:absolute;bottom:96px;box-shadow:0 16px 60px #071a181f}.panel-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.panel-heading h2{letter-spacing:.06em;margin:0;font-size:13px;font-weight:500}.close-panel{color:var(--quiet);background:0 0;border:0;padding:3px 0;font-size:10px}.close-panel:hover{color:var(--paper)}.light-panel input{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;display:block}.light-panel input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#c2e3e6,#e7b780);border-radius:2px;height:2px}.light-panel input::-webkit-slider-thumb{appearance:none;background:var(--paper);border:0;border-radius:50%;width:12px;height:12px;margin-top:-5px;box-shadow:0 0 0 4px #f6f5ed1a}.light-panel input::-moz-range-track{background:linear-gradient(90deg,#c2e3e6,#e7b780);border-radius:2px;height:2px}.light-panel input::-moz-range-thumb{background:var(--paper);border:0;border-radius:50%;width:12px;height:12px}.range-labels{color:var(--quiet);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.help-panel{width:350px}.help-panel .panel-heading{margin-bottom:23px}.help-panel dl{margin:0;font-size:11px}.help-panel dl>div{justify-content:space-between;gap:18px;margin-top:17px;display:flex}.help-panel dt{color:var(--quiet)}.help-panel dd{text-align:right;margin:0}.touch-help{color:var(--quiet);margin:0;font-size:12px;line-height:2;display:none}.resume-hint{right:var(--edge);color:var(--quiet);text-shadow:0 1px 12px #00000080;flex-direction:column;align-items:flex-end;gap:10px;font-size:11px;display:flex;position:absolute;bottom:90px}.resume-hint>span{font-size:10px}.resume-hint button{color:var(--paper);background:#112421a3;border:0;border-radius:2px;padding:11px 14px;font-size:12px}.resume-hint button span{margin-left:14px}.toast{max-width:calc(100vw - 48px);color:var(--paper);text-align:center;white-space:nowrap;background:#112421d4;border-radius:2px;padding:10px 17px;font-size:11px;line-height:1.8;animation:.25s ease-out toast-in;position:absolute;top:93px;left:50%;transform:translate(-50%)}.error-panel{left:var(--edge);background:var(--panel);border:1px solid var(--line);border-radius:3px;max-width:400px;padding:26px;position:absolute;bottom:clamp(100px,17vh,180px)}.error-panel h2{margin:0 0 14px;font-size:21px;font-weight:400}.error-panel p{color:var(--quiet);overflow-wrap:anywhere;margin:0 0 25px;font-size:13px;line-height:1.9}.scene-chrome{transition:opacity .25s}.chrome-hidden .scene-chrome{opacity:0;visibility:hidden;pointer-events:none}.chrome-hidden .scene-chrome *{pointer-events:none}.chrome-hidden:before{opacity:0}.touch-controls{pointer-events:none;position:absolute;inset:0}.joystick{left:var(--edge);touch-action:none;pointer-events:auto;background:#15302d26;border:1px solid #f6f5ed61;border-radius:50%;width:112px;height:112px;position:absolute;bottom:107px}.joystick-thumb{background:#f6f5ed33;border:1px solid #f6f5edcc;border-radius:50%;width:32px;height:32px;position:absolute;top:39px;left:39px}.joystick-label{text-align:center;color:var(--quiet);letter-spacing:.1em;font-size:10px;position:absolute;bottom:-24px;left:0;right:0}.flight-buttons{right:var(--edge);flex-direction:column;gap:12px;display:flex;position:absolute;bottom:110px}.flight-buttons button{touch-action:none;pointer-events:auto;background:#15302d59;border:1px solid #f6f5ed5c;border-radius:3px;width:52px;height:48px;font-size:11px}.flight-buttons button.is-held{background:#f6f5ed54}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%)}}@media (width>=1500px){.welcome{bottom:20vh}}@media (width<=850px){.movement-hint,.wordmark-english{display:none}.header-actions{gap:20px}}@media (width<=560px){:root{--edge:24px}.space-header{top:max(24px, env(safe-area-inset-top))}.welcome{bottom:23vh}.welcome h1{font-size:62px}.welcome-description{font-size:12px}.welcome-bottom{margin-top:30px}.space-footer{bottom:max(25px, env(safe-area-inset-bottom))}.header-actions{gap:19px}.quiet-button{font-size:11px}.fullscreen-button{display:none}.scene-panel{width:calc(100vw - 48px);bottom:92px}.toast{white-space:normal;width:max-content;top:79px}.error-panel{max-width:calc(100vw - 48px);padding:22px}}@media (pointer:coarse){.mode-button kbd,.desktop-help,.movement-hint{display:none}.touch-help{display:block}.quiet-button,.mode-button{min-height:44px}.header-actions{gap:22px}.scene-panel{z-index:2;bottom:90px}}@media (height<=550px){.space-header{top:18px}.welcome{bottom:72px}.welcome h1{margin-bottom:6px;font-size:46px}.welcome-description{font-size:11px}.welcome-bottom{margin-top:19px}.welcome-note{display:none}.loading-status{bottom:18px}.space-footer{bottom:13px}.scene-panel{max-height:calc(100dvh - 135px);bottom:69px;overflow-y:auto}.joystick{width:90px;height:90px;bottom:81px}.joystick-thumb{top:28px;left:28px}.flight-buttons{gap:8px;bottom:79px}.flight-buttons button{height:39px}.toast{top:63px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.enter-button,.resume-hint button,.toast{-webkit-backdrop-filter:none;backdrop-filter:none;background:#203d37}}