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 var(--accent,#e0144c);border-radius:14px;width:64px;height:110px;animation:2s ease-in-out infinite turn;position:relative}#rotate .phone:after{content:"";background:var(--accent,#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:var(--accent,#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;background:var(--accent,#e0144c);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;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}#legal{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}body:has(#rotate.show) #legal{z-index:11;clip:auto;clip-path:none;white-space:normal;text-align:center;color:#868e96;width:auto;height:auto;font:11px Trebuchet MS,Roboto,Arial,sans-serif;bottom:10px;left:0;right:0}#legal p{margin:2px 8px}#rotate.show{padding-bottom:max(80px, calc(env(safe-area-inset-bottom) + 72px))}