:root{font-family:Trebuchet MS,Arial Rounded MT Bold,ui-rounded,system-ui,sans-serif;background:#80e8ef;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:only light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at 15% 18%,#fff0b8 0 10%,transparent 11%),radial-gradient(circle at 85% 72%,#f47cff 0 16%,transparent 17%),linear-gradient(160deg,#77e9f1,#b0f4ed 45%,#ffd286)}body{min-width:320px;min-height:100vh;min-height:100dvh;position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{position:fixed;top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;contain:strict}canvas{display:block;max-width:100%;max-height:100%;margin:0 auto;touch-action:none!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none}#rotate-hint{display:none;position:fixed;z-index:1000;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:28px;text-align:center;color:#7a315d;background:#ffdeebf5;font-size:16px}#rotate-hint strong{font-size:21px}#rotate-hint span{max-width:330px;opacity:.8}.rotate-phone{width:58px;height:86px;display:grid;place-items:center;border:4px solid #d63f7e;border-radius:12px;color:#d63f7e;font-size:36px;margin-bottom:8px;transform:rotate(90deg)}@media(orientation:landscape)and (max-height:560px)and (pointer:coarse){#rotate-hint{display:flex}}