*{box-sizing:border-box}html,body{color:#e6edf3;background:#0e1216;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app,canvas{width:100%;height:100%;display:block}canvas{touch-action:none}.toast-host{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:1000;pointer-events:none;flex-direction:column;gap:8px;width:min(560px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;color:#e6edf3;cursor:pointer;background:#161c23;border:1px solid #2f3a45;border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.45;box-shadow:0 6px 24px #00000073}.toast-error{background:#241a19;border-color:#7a3b32}.score-panel{z-index:1100;min-width:min(340px,100vw - 48px);padding:28px 36px calc(24px + env(safe-area-inset-bottom,0px));text-align:center;background:#161c23;border:1px solid #2f3a45;border-radius:14px;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000008c}.score-panel h1{letter-spacing:.04em;text-transform:uppercase;color:#9fb6cc;margin:0;font-size:17px;font-weight:600}.score-value{color:#e6edf3;font-size:76px;font-weight:700;line-height:1.05}.score-detail{color:#9fb6cc;font-size:15px}.score-again{color:#e6edf3;min-height:48px;font:inherit;cursor:pointer;background:#1e2731;border:1px solid #3a4a58;border-radius:9px;margin-top:16px;padding:14px 26px;font-size:16px}.hud-bar{z-index:900;padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px));padding-left:calc(18px + env(safe-area-inset-left,0px));padding-right:calc(18px + env(safe-area-inset-right,0px));pointer-events:none;background:#0e1216eb;border-top:1px solid #232c35;align-items:center;gap:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.hud-bar[hidden]{display:none}.hud-tracker{color:#9ad2ff;font-variant-numeric:tabular-nums;background:#1e2731;border-radius:9px;flex:none;justify-content:center;align-items:center;min-width:62px;min-height:48px;padding:0 12px;font-size:16px;font-weight:600;display:flex}.hud-text{min-width:0}.hud-label{color:#e6edf3;font-size:18px;font-weight:600;line-height:1.25}.hud-hint{color:#9fb6cc;margin-top:3px;font-size:14px;line-height:1.35}@media (width<=480px){.hud-label{font-size:17px}.hud-hint{font-size:13px}}.loading-screen{z-index:1200;background:#0e1216;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .3s;display:flex;position:fixed;inset:0}.loading-done{opacity:0;pointer-events:none}.loading-title{letter-spacing:.04em;text-transform:uppercase;color:#9fb6cc;font-size:17px;font-weight:600}.loading-track{background:#1e2731;border-radius:2px;width:min(280px,100vw - 64px);height:4px;position:relative;overflow:hidden}.loading-bar{background:#2ea8ff;border-radius:2px;width:0%;height:100%;transition:width .16s}.loading-indeterminate .loading-bar{animation:1.1s ease-in-out infinite loading-sweep}@keyframes loading-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-detail{color:#6f8497;font-variant-numeric:tabular-nums;font-size:14px}.loading-failed{color:#e08b7f;text-align:center;max-width:min(420px,100vw - 48px);line-height:1.45}.onboarding{top:calc(18px + env(safe-area-inset-top,0px));z-index:950;pointer-events:none;background:#151b22f0;border:1px solid #2f3a45;border-radius:10px;flex-direction:column;gap:5px;width:min(560px,100vw - 28px);padding:15px 18px;transition:opacity .24s,transform .24s;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #0006}.onboarding-line{color:#e6edf3;margin:0;font-size:15px;line-height:1.4}.onboarding-line+.onboarding-line{color:#9fb6cc}.onboarding-gone{opacity:0;transform:translate(-50%)translateY(-8px)}@media (width<=480px){.onboarding-line{font-size:14px}}.vr-button{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:1000;color:#e6edf3;min-width:150px;min-height:48px;font:inherit;letter-spacing:.02em;cursor:pointer;background:#1e2731;border:1px solid #3a4a58;border-radius:9px;padding:12px 26px;font-size:15px;font-weight:600;position:fixed;transform:translate(-50%)}.vr-button:hover:not(:disabled){background:#26323e;border-color:#4a5f70}.vr-button:focus-visible{outline-offset:2px;outline:2px solid #2ea8ff}.vr-button:disabled{opacity:.55;cursor:default}