html,body{overscroll-behavior:none;background:#1c212b;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}#game{width:100%;height:100%;height:-webkit-fill-available;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0}#game canvas{touch-action:none;display:block}#rotate{z-index:10;color:#fff;text-align:center;padding:24px;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));box-sizing:border-box;height:100%;-webkit-overflow-scrolling:touch;background:#161a22;flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100dvh;font-family:Trebuchet MS,Roboto,Arial,sans-serif;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#rotate.show{display:flex}#rotate.leaving{opacity:0;transition:opacity .3s}#rotate .phone{border:5px solid #e0144c;border-radius:14px;width:64px;height:110px;animation:2s ease-in-out infinite turn;position:relative}#rotate .phone:after{content:"";background:#e0144c;border-radius:2px;width:14px;height:4px;margin-left:-7px;position:absolute;bottom:8px;left:50%}#rotate h1{margin:0;font-size:24px;font-style:italic}#rotate h1 span{color:#e0144c}#rotate p{color:#ced4da;max-width:300px;margin:0;font-size:16px}@keyframes turn{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}#rotate #play-anyway{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0144c;border:3px solid #fff;border-radius:14px;min-width:240px;min-height:64px;padding:18px 44px;font:700 22px Trebuchet MS,Roboto,Arial,sans-serif}#rotate #play-anyway:active{filter:brightness(.9);transform:translateY(2px)}#rotate .small{color:#868e96;font-size:13px}