html,body,#app{touch-action:none;overscroll-behavior:none;background:#000;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}canvas{touch-action:none;display:block}#rotate-device-overlay{z-index:1000;color:#fff;text-align:center;touch-action:none;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-family:sans-serif;display:none;position:fixed;inset:0}#rotate-device-overlay .rotate-icon{border:4px solid #fff;border-radius:10px;width:64px;height:96px;animation:1.6s ease-in-out infinite rotate-device-spin;position:relative}#rotate-device-overlay .rotate-icon:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:8px;left:50%}#rotate-device-overlay h2{letter-spacing:1px;margin:0;font-size:22px}#rotate-device-overlay p{color:#cfd8e3;margin:0;font-size:14px}@keyframes rotate-device-spin{0%,20%{transform:rotate(0)}50%,70%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@media (orientation:portrait) and (pointer:coarse){#rotate-device-overlay{display:flex}}