:root{color-scheme:dark;--bg: #0e1320}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:radial-gradient(120% 120% at 50% 0%,#1a2236,#0b0f1a 70%);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px}#game{width:min(100%,calc((100vh - 24px) * 1024 / 720));height:auto;aspect-ratio:1024 / 720;max-height:calc(100vh - 24px);border-radius:14px;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff0d;cursor:pointer;touch-action:none}@media (pointer: coarse){#app{padding:0}#game{width:min(100%,calc(100vh * 1024 / 720));max-height:100vh;border-radius:0;box-shadow:none}}#rotate-hint{display:none}@media (orientation: portrait) and (pointer: coarse){#app{display:none}#rotate-hint{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:28px;color:#e7ecf6}#rotate-hint .ab-rotate-icon{font-size:3rem;animation:ab-rot 2.4s ease-in-out infinite}#rotate-hint p{margin:0;font-size:1.05rem;line-height:1.5;max-width:18rem;opacity:.92}}@keyframes ab-rot{0%,40%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}