:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}html,body,#game-container{width:100%;height:100%;min-height:100dvh;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;background:#1397e5;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{position:fixed;top:0;right:0;bottom:0;left:0;font-family:Arial,sans-serif}#game-container{position:fixed;top:0;right:0;bottom:0;left:0}#game-container canvas,canvas{display:block;margin:0;padding:0;touch-action:none}.mobile-rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:max(24px,var(--safe-area-top)) max(24px,var(--safe-area-right)) max(24px,var(--safe-area-bottom)) max(24px,var(--safe-area-left));background:radial-gradient(circle at 50% 20%,rgba(255,214,90,.22),transparent 18%),linear-gradient(180deg,#0e1b30f0,#231007f7);box-sizing:border-box;pointer-events:auto}.mobile-rotate-overlay.is-visible{display:flex}.mobile-rotate-overlay__card{width:min(92vw,560px);padding:28px 24px 30px;border:4px solid #161616;border-radius:28px;text-align:center;color:#fff6da;background:linear-gradient(180deg,#7d451bf5,#3e200ef5);box-shadow:0 18px 46px #00000057}.mobile-rotate-overlay__title{margin:0 0 10px;font-size:clamp(28px,6vw,42px);line-height:1.04;text-transform:uppercase}.mobile-rotate-overlay__subtitle{margin:0;font-size:clamp(16px,3.5vw,22px);line-height:1.35;color:#ffe5b0}.mobile-rotate-overlay__phone{position:relative;width:138px;height:138px;margin:0 auto 22px}.mobile-rotate-overlay__phone-shell{position:absolute;top:24px;right:34px;bottom:24px;left:34px;border:4px solid #161616;border-radius:18px;background:linear-gradient(180deg,#ffe2a4,#ffbf59);transform:rotate(90deg);animation:rotate-phone 1.6s ease-in-out infinite}.mobile-rotate-overlay__phone-shell:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:3px solid rgba(22,22,22,.7);border-radius:11px}.mobile-rotate-overlay__phone-wave{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:4px solid rgba(255,213,108,.6);border-radius:28px;opacity:0;animation:phone-wave 1.6s ease-out infinite}.mobile-rotate-overlay__phone-wave--b{animation-delay:.22s}@keyframes rotate-phone{0%,15%{transform:rotate(0) scale(.98)}35%,to{transform:rotate(90deg) scale(1)}}@keyframes phone-wave{0%{transform:scale(.82);opacity:0}30%{opacity:.7}to{transform:scale(1.08);opacity:0}}