:root{color:#f4f0e8;font-synthesis:none;background:#0b1110;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,Hiragino Sans GB,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}.app-shell{background:#0b1110;width:100%;height:100%}.viewport{touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.viewport canvas{width:100%;height:100%;display:block}.topbar{z-index:3;top:max(24px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:5vw;right:5vw}.brand-stack{pointer-events:auto;flex-direction:column;align-items:center;gap:2px;display:flex}.brand{text-shadow:0 2px 12px #16231e;align-items:center;gap:12px;display:flex}.brand-mark{color:#f4f0e8;pointer-events:auto;background:0 0;border:0;border-radius:50%;place-items:center;width:31px;padding:0;font-family:Georgia,serif;font-size:40px;display:grid}.brand strong{letter-spacing:.12em;font:700 18px Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;display:block}.icon-button{pointer-events:auto;color:#f4f0e8;background:#0b111040;border:0;border-radius:50%;width:34px;height:34px;font-size:20px}.loading{z-index:2;text-align:center;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b11106b;place-content:center;display:grid;position:absolute;inset:0}.loading p{margin:15px 0 7px;font:700 18px Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}.loader-dot{background:#f4f0e8;border:0;border-radius:50%;width:10px;height:10px;margin:auto;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.25;transform:scale(2)}}.welcome-card{z-index:3;text-shadow:0 3px 20px #00000073;width:min(460px,84vw);position:absolute;bottom:13vh;left:8vw}.eyebrow{color:#d9b77b;letter-spacing:.2em;font-size:10px}.welcome-card h1{letter-spacing:-.04em;margin:18px 0 11px;font:700 clamp(37px,8vw,72px)/1.12 Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}.welcome-card h1 em{color:#f0c77f;font-style:normal}.model-entry{gap:8px;margin:18px 0 22px;display:flex}.model-entry button{color:#ffffffc7;background:#0b111052;border:0;padding:9px 13px;font:12px Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}.model-entry button.active{color:#18241f;background:#f0c77f}.welcome-card p{color:#ffffffc7;margin:0 0 25px;font:14px/1.8 Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}.start-button{color:#18241f;letter-spacing:.08em;background:#f0c77f;border:0;padding:14px 18px 14px 22px;font-weight:500;box-shadow:0 8px 25px #0003}.start-button span{padding-left:28px;font-size:18px}.welcome-card>small{color:#ffffff94;letter-spacing:.05em;margin-top:16px;font-size:9px;display:block}.hud{z-index:3;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:8vh;right:5vw}.hud-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0b11104a;min-width:108px;padding:11px 13px}.hud-card span,.hud-card i{color:#ffffff9e;font-size:9px;font-style:normal;display:block}.hud-card strong{margin:6px 0;font-size:16px;font-weight:400;display:block}.reset-button{z-index:3;left:5vw;bottom:max(22px, env(safe-area-inset-bottom));color:#fff;background:#0b111040;border:0;padding:10px 12px;font-size:16px;position:absolute}.reset-button span{margin-left:5px;font-size:9px}.height-controls{z-index:3;color:#ffffffbf;text-align:center;pointer-events:auto;gap:4px;margin-left:auto;display:grid;position:relative}.height-options{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0b111047;border-radius:20px;gap:4px;padding:4px;display:flex}.height-controls button{color:#ffffffad;background:0 0;border:0;border-radius:15px;min-width:34px;padding:6px 8px;font-size:10px}.height-controls button.active{color:#18241f;background:#f0c77f}.height-controls>span{font:10px Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}.height-controls>small{display:none}.crosshair{z-index:2;color:#ffffffb3;font-size:18px;font-weight:200;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.hint{z-index:2;color:#ffffff9e;letter-spacing:.08em;white-space:nowrap;font-size:9px;position:absolute;bottom:3vh;left:50%;transform:translate(-50%)}.touch-controls{display:none}.error-card{z-index:5;color:#ffe3cd;background:#542d27;padding:12px 18px;font-size:12px;position:absolute;top:90px;left:50%;transform:translate(-50%)}@media (width<=700px){.welcome-card{bottom:25vh}.reset-button{bottom:max(22px, env(safe-area-inset-bottom))}.reset-button span{display:none}.touch-controls{z-index:3;right:5vw;bottom:max(22px, env(safe-area-inset-bottom));pointer-events:none;display:block;position:absolute}.joystick{pointer-events:auto;background:#0b111033;border-radius:50%;width:118px;height:118px;position:relative}.joystick-knob{background:#ffffff3d;border-radius:50%;width:28px;height:28px;position:absolute;top:45px;left:45px}.joystick-label{color:#ffffffd1;text-shadow:0 1px 5px #16231e;white-space:nowrap;font:10px Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;position:absolute}.joystick-forward{top:0;left:50%;transform:translate(-50%)}.joystick-backward{bottom:0;left:50%;transform:translate(-50%)}.joystick-left{top:50%;left:0;transform:translateY(-50%)}.joystick-right{top:50%;right:0;transform:translateY(-50%)}.hint{display:none}}@media (orientation:portrait){.viewport{min-width:0;min-height:100dvh}.welcome-card{width:86vw;left:7vw}}