:root{color:#f8fafc;background:#0b1026;font-family:Trebuchet MS,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:320px;overscroll-behavior:none;background:radial-gradient(circle at 18% 12%,rgb(139 92 246 / 22%),transparent 34%),radial-gradient(circle at 88% 78%,rgb(236 72 153 / 18%),transparent 35%),#0b1026}#app{display:grid;place-items:center;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}#game-container{width:100%;height:100%;display:grid;place-items:center;touch-action:none}#game-container canvas{display:block;max-width:100%;max-height:100%;border-radius:clamp(10px,1.5vw,20px);box-shadow:0 24px 80px #03071285}#rotate-hint{position:fixed;z-index:2;bottom:max(12px,env(safe-area-inset-bottom));left:50%;display:none;margin:0;padding:10px 16px;transform:translate(-50%);border:2px solid rgb(255 255 255 / 18%);border-radius:999px;color:#fef3c7;background:#0f172ae0;font-size:14px;font-weight:700;text-align:center;pointer-events:none}@media(orientation:portrait)and (max-width:640px){#rotate-hint{top:50%;bottom:auto;display:block;width:min(360px,calc(100vw - 32px));padding:18px 22px;transform:translate(-50%,-50%);border-color:#f59e0bb3;border-radius:20px;font-size:17px;line-height:1.4;box-shadow:0 18px 55px #02061799}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}