*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#000;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}canvas.fullscreen{object-fit:cover;width:100vw;height:100vh;display:block}.loading-overlay{color:#fffc;z-index:20;background:#0a0a0f;flex-direction:column;justify-content:center;align-items:center;gap:24px;font-size:16px;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid #863bff4d;border-top-color:#863bff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-overlay{color:#fff;text-align:center;z-index:20;background:#0a0a0f;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:fixed;inset:0}.error-overlay h2{color:#ff5c5c;font-size:22px}.error-overlay p{color:#ffffffb3;max-width:480px;font-size:15px;line-height:1.5}.error-overlay .error-hint{color:#fff6;font-size:13px}.effect-label{color:#fff;letter-spacing:.02em;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border:1px solid #ffffff26;border-radius:8px;padding:8px 20px;font-size:18px;font-weight:600;position:fixed;top:24px;left:50%;transform:translate(-50%)}.hint{color:#fff9;pointer-events:none;z-index:10;background:#00000080;border-radius:6px;padding:6px 16px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.quad-mode{color:#ffffffe6;text-transform:uppercase;font-weight:600}