:root{color:#17354a;font-synthesis:none;text-rendering:optimizelegibility;background:#bfe9f4;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;background:radial-gradient(circle at 50% 12%,#fffffff2,#0000 42%),linear-gradient(160deg,#dff9ff 0%,#8fd9e9 100%)}#app{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));place-items:center;display:grid}canvas{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:28px;width:min(100vw - 16px,46.6667vh - 7.46667px);max-width:100%;height:min(100vh - 16px,214.286vw - 34.2857px);max-height:100%;display:block;box-shadow:0 30px 80px #14536e47,0 4px 14px #113f5329}@media (width<=520px){#app{padding:max(4px, env(safe-area-inset-top)) max(4px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left))}canvas{box-shadow:none;border-radius:18px}}