*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#20242b;color:#ece4ca;font-family:monospace}main{width:100%;max-width:768px;margin:auto}.hud{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;letter-spacing:1px}.scene{position:relative;width:100%;aspect-ratio:1}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.toy{position:absolute;right:1.56%;bottom:1.56%;width:10.94%;height:10.94%;padding:2.34%;border:0;background:transparent;cursor:pointer;image-rendering:pixelated}.toy svg{display:block;width:100%;height:100%}.toy:hover svg{transform:translateY(-2px)}.toy:focus-visible{outline:2px dashed #fff2b2;outline-offset:-2px}.toy:disabled{cursor:default}.toy:disabled svg{visibility:hidden}#night{position:absolute;top:43%;width:100%;text-align:center;font-size:14px;line-height:2;color:#eee1b8;text-shadow:2px 2px #101b2b}#night small{font-size:10px}#status{font-size:10px;letter-spacing:.4px;margin:0;min-height:35px;padding:12px;color:#bbbfae}[hidden]{display:none!important}@media(min-width:769px){main{max-width:min(768px,calc(100dvh - 72px))}}
/* A single rounded garden, centered on every screen. */
html,body{height:100%;min-height:100%}body{display:grid;place-items:center;padding:16px}main{width:min(100%,768px,calc(100dvh - 32px));max-width:none;margin:0}.scene{overflow:hidden;border-radius:20px;isolation:isolate;box-shadow:0 12px 40px #00000024}.hud,#status,#night{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.toy:focus-visible{outline-offset:-4px}@media(max-width:480px){body{padding:12px}main{width:min(100%,calc(100dvh - 24px))}.scene{border-radius:16px}}

canvas:focus-visible{outline:2px dashed #eee4bc;outline-offset:-5px}
html,body{background:#e2d5b1}
#stick{bottom:13%}
.yard-target{position:absolute;width:7.5%;height:7.5%;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.yard-target:disabled{pointer-events:none}.yard-target:focus-visible{outline:2px dashed #eee4bc;outline-offset:-1px}