:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f1de;background:#101522;font-synthesis:none}*{box-sizing:border-box}html,body,#game-container{width:100%;height:100%;margin:0;overflow:hidden}body{display:grid;place-items:center;background:radial-gradient(circle at top,#27324d,#101522 65%)}#game-container{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#rotate-device{display:none}canvas{display:block;max-width:100%;max-height:100%;box-shadow:0 20px 70px #05070caa}@media(pointer:coarse)and (orientation:landscape){body,#game-container{height:100dvh}canvas{box-shadow:none}}@media(pointer:coarse)and (orientation:portrait){#game-container{visibility:hidden}#rotate-device{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;color:#f8fafc;background:radial-gradient(circle at top,#27324d,#101522 65%);text-align:center}#rotate-device strong{color:#f4d35e;font-size:20px}#rotate-device span{max-width:280px;color:#dbe4ee;font-size:15px}#rotate-device button{min-width:180px;min-height:48px;margin-top:8px;border:2px solid #f4d35e;border-radius:4px;color:#101522;background:#f4d35e;font:700 14px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer}.rotate-icon{color:#f4d35e;font-size:64px;line-height:1;transform:rotate(-35deg)}}