*{box-sizing:border-box}html,body{color:#e9f6ff;background:#07040f;height:100%;margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Noto Serif CJK SC,system-ui,sans-serif;overflow:hidden}#c{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#hud{top:max(14px, env(safe-area-inset-top));pointer-events:none;position:fixed;left:16px;right:16px}#hud h1{letter-spacing:.06em;margin:0;font-weight:800;line-height:1.05}#hud .zh{color:#ff3fb4;text-shadow:0 0 6px #ff2aa8,0 0 18px #ff2aa8aa;font-size:clamp(20px,3.4vw,34px);display:block}#hud .en{letter-spacing:.42em;color:#40f3ff;text-shadow:0 0 6px #00e5ff,0 0 14px #00e5ff88;margin-top:4px;font-size:clamp(11px,1.4vw,15px);display:block}#hud .buttons{pointer-events:auto;flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}#hud button{font:inherit;color:#dff;cursor:pointer;background:#0b0820cc;border:1px solid #00e5ff;border-radius:4px;padding:7px 12px;font-size:13px;box-shadow:0 0 10px #00e5ff55,inset 0 0 8px #00e5ff33}#hud button.on{color:#ffd6f0;border-color:#ff2aa8;box-shadow:0 0 12px #ff2aa877,inset 0 0 10px #ff2aa844}#hud .hint{opacity:.65;margin:10px 0 0;font-size:11px}#loader{z-index:10;background:radial-gradient(#1a0b30 0%,#07040f 70%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}.ltitle{color:#ff3fb4;text-shadow:0 0 12px #ff2aa8;text-align:center;font-size:28px;font-weight:800}.ltitle small{letter-spacing:.5em;color:#40f3ff;text-shadow:0 0 8px #00e5ff;margin-top:6px;font-size:12px;display:block}.bar{border:1px solid #00e5ff88;border-radius:3px;width:min(70vw,360px);height:6px;margin-top:22px;overflow:hidden}#progress{background:linear-gradient(90deg,#ff2aa8,#00e5ff);width:0%;height:100%;transition:width .2s;box-shadow:0 0 10px #00e5ff}#ltext{letter-spacing:.15em;color:#9fe9ff;margin-top:10px;font-size:12px}@media (width<=600px){#hud .hint{display:none}#hud button{padding:6px 9px;font-size:12px}}kbd{color:#bff;text-align:center;background:#0b0820;border:1px solid #40f3ff88;border-radius:3px;min-width:1.5em;margin:0 1px;padding:0 .35em;font:600 11px/1.5 ui-monospace,monospace;display:inline-block}#hud button kbd{margin-left:4px}.play-only{display:none}body[data-mode=fp] .play-only,body[data-mode=tp] .play-only{display:block}body[data-mode=fp] .orbit-only,body[data-mode=tp] .orbit-only,body.locked .lockhint{display:none}#modetag{color:#ffd6f0;text-shadow:0 0 6px #ff2aa8;min-height:1em;margin:6px 0 0;font-size:12px}#fps{top:max(10px, env(safe-area-inset-top));z-index:5;pointer-events:none;color:#7dffb0;text-align:right;background:#05030ccc;border:1px solid #1aff5a88;border-radius:4px;padding:5px 9px;font:600 12px/1.3 ui-monospace,Menlo,Consolas,monospace;position:fixed;right:12px;box-shadow:0 0 8px #1aff5a33}#fps b{font-size:18px}#fps span{color:#9fe9ff;opacity:.85;font-size:10px;display:block}#fps.ok{color:#ffd36b;border-color:#ffb02088}#fps.bad{color:#ff6b8a;border-color:#ff2a5088}.hidden{display:none!important}#crosshair{pointer-events:none;opacity:.7;background:linear-gradient(#40f3ff,#40f3ff) 50%/2px 100% no-repeat,linear-gradient(#40f3ff,#40f3ff) 50%/100% 2px no-repeat;width:14px;height:14px;margin:-7px 0 0 -7px;display:none;position:fixed;top:50%;left:50%}body[data-mode=fp] #crosshair{display:block}#keys{z-index:4;pointer-events:none;color:#dff;opacity:.88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07041299;border:1px solid #ff2aa866;border-radius:6px;max-width:400px;padding:6px 10px;font-size:10.5px;line-height:1.25;position:fixed;bottom:10px;left:10px;box-shadow:0 0 12px #ff2aa833}#keys h3{color:#ff3fb4;margin:0 0 4px;font-size:12px}#keys h3 small{color:#9fe9ff;margin-left:8px;font-size:10px;font-weight:400}#keys td{vertical-align:top;white-space:nowrap;padding:1px 6px 1px 0}#keys td+td{white-space:normal;opacity:.9}#touch{display:none}#touch.show{display:block}#stick{z-index:6;touch-action:none;background:radial-gradient(circle,#40f3ff22,#0b082088);border:2px solid #40f3ff99;border-radius:50%;width:120px;height:120px;position:fixed;bottom:26px;left:22px;box-shadow:0 0 14px #00e5ff55}#stick i{pointer-events:none;background:#40f3ffaa;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #00e5ff}.tbtns{z-index:6;grid-template-columns:repeat(2,64px);gap:10px;display:grid;position:fixed;bottom:26px;right:16px}.tbtns button{color:#dff;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b0820cc;border:1px solid #ff2aa8;border-radius:50%;width:64px;height:64px;font:700 20px/1 sans-serif;box-shadow:0 0 10px #ff2aa855}.tbtns button small{margin-top:3px;font-size:9px;font-weight:400;display:block}.tbtns button.on{background:#ff2aa855}@media (pointer:coarse),(width<=600px){#keys{display:none}}#keys kbd{min-width:1.3em;font-size:9.5px}@media (width<=600px){#fps{top:calc(max(14px, env(safe-area-inset-top)) + 158px);padding:3px 7px}#fps b{font-size:14px}#fps span{font-size:9px}}#music{pointer-events:auto;background:#0b0820e6;border:1px solid #ff2aa8aa;border-radius:6px;width:min(420px,100vw - 32px);margin-top:8px;padding:9px 11px;font-size:12px;box-shadow:0 0 14px #ff2aa844}#music select{width:100%;font:inherit;color:#e9f6ff;background:#120c2c;border:1px solid #00e5ff88;border-radius:4px;padding:6px}#music .mrow{align-items:center;gap:8px;margin-top:8px;display:flex}#music .mrow button{min-width:44px;padding:4px 12px!important;font-size:15px!important}#music input[type=range]{accent-color:#ff2aa8;flex:1}#music input[type=checkbox]{accent-color:#00e5ff;width:16px;height:16px}#m-volv{text-align:right;opacity:.8;width:2.2em}#m-status{color:#ffd6f0;text-shadow:0 0 6px #ff2aa8;min-height:1.2em;margin-top:7px}.mfoot{opacity:.65;margin-top:5px;font-size:10px}#musicbtn small{opacity:.75;font-size:10px}@media (width<=600px){#music{font-size:11px}#music select{font-size:12px}}