:root{color-scheme:light;font-family:PingFang SC,Microsoft YaHei,sans-serif;background:#ece9e1;color:#253c40}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;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));background:radial-gradient(ellipse at 50% 20%,#fffaf1,#e8e5dc 75%)}#game{position:relative;width:min(480px,100%);height:min(740px,calc(100dvh - max(4px,env(safe-area-inset-top)) - max(4px,env(safe-area-inset-bottom))));min-height:560px;flex-shrink:0;overflow:hidden;border-radius:14px;box-shadow:0 20px 70px #314c4220,0 2px 8px #30463c12;user-select:none;-webkit-user-select:none}canvas{display:block;width:100%;height:100%;touch-action:none}#controls{position:absolute;inset:0;pointer-events:none}.hit{position:absolute;background:transparent;color:transparent;border:0;border-radius:10px;padding:0;cursor:pointer;pointer-events:auto;font:inherit;touch-action:none}.hit:focus-visible{outline:3px solid #e8a144;outline-offset:-3px}.hit:hover:not(:disabled){background:#ffffff12}.hit:disabled{cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-height:568px){body{align-items:flex-start}}@media(prefers-reduced-motion:reduce){body{scroll-behavior:auto}}