*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:#082239;color:#f5f8f5;font-family:system-ui,"Microsoft YaHei",sans-serif}body{min-height:110svh}.scene{position:fixed;inset:0;overflow:hidden;background:#082239}.fallback,canvas{position:absolute;inset:0;width:100%;height:100%}.fallback{background: url("./fallback.webp") center / cover no-repeat,radial-gradient(ellipse at 68% 31%,#f9b883 0%,#d86990 14%,transparent 43%),radial-gradient(ellipse at 29% 62%,#24b6bf 0%,#146886 25%,transparent 59%),radial-gradient(ellipse at 73% 75%,#915b9d 0%,#27376b 36%,transparent 65%),linear-gradient(125deg,#061d35,#0b526b 45%,#152442)}canvas{touch-action:pan-y;visibility:hidden}.tools{position:fixed;right:16px;bottom:16px;display:flex;align-items:center;gap:6px;z-index:2;padding:5px;background:#0a1a29b8;border:1px solid #d1f3ef38;border-radius:7px;backdrop-filter:blur(8px)}button,select{min-width:44px;min-height:44px;padding:0 12px;border:0;border-radius:4px;background:transparent;color:#fff;font:12px system-ui,"Microsoft YaHei",sans-serif;cursor:pointer}select{background:#142d3d}label{font-size:12px;color:#d9e9e9}button:hover,button:focus-visible,select:focus-visible{background:#ffffff22;outline:1px solid #b4eff0;outline-offset:1px}.status{position:fixed;left:16px;bottom:16px;max-width:45ch;margin:0;color:#e5f6f2;font-size:12px;text-shadow:0 1px 4px #00151c}.status:empty{display:none}@media(max-width:420px){.tools{right:8px;bottom:8px;gap:0}.tools button,.tools select{padding:0 9px}.status{bottom:75px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}