:root{font-family:Arial,Helvetica,sans-serif;color:#26382c;background:#dfdfcf;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button{font:inherit}#garden{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%;outline:none}.topbar{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:30px 34px;pointer-events:none}.title{padding:0;text-shadow:0 1px 14px #f1f0de}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#506248}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.1px;font-size:34px;line-height:1.13;margin:8px 0 0}.actions{display:flex;gap:8px;pointer-events:auto}.actions button{border:1px solid #64705744;border-radius:24px;background:#ffffefdc;color:#32422d;padding:11px 16px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 3px 10px #34482808;backdrop-filter:blur(12px)}.actions button:hover{background:#fffef4}.actions button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid #486a3a;outline-offset:3px}.actions span{font-size:16px;margin-left:5px}.bottom{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:34px;right:34px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.instructions{background:#ffffedf0;border:1px solid #8d967533;border-radius:14px;padding:13px 18px;box-shadow:0 4px 20px #3948280a;backdrop-filter:blur(10px)}.instructions p{font-family:Georgia,'Times New Roman',serif;font-size:19px;margin:0 0 5px;line-height:1.25}.instructions>span{font-size:11px;letter-spacing:.25px;color:#647058}.touch-help{display:none}#joystick{width:104px;height:104px;position:relative;border:1px solid #ffffffa0;box-shadow:0 3px 15px #183f1e18,inset 0 0 0 9px #ffffff24;border-radius:50%;background:#f5f5df76;backdrop-filter:blur(10px);touch-action:none;pointer-events:auto;cursor:grab;user-select:none;-webkit-user-select:none}#joystick:active{cursor:grabbing;background:#f5f5dfac}#stick{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px;border-radius:50%;background:linear-gradient(#fffef3,#e5e6ce);border:1px solid #fff;box-shadow:0 3px 7px #293c2633}.joystick-cross:before,.joystick-cross:after{position:absolute;content:'';background:#69785b29;left:50%;top:50%;transform:translate(-50%,-50%)}.joystick-cross:before{width:1px;height:76px}.joystick-cross:after{width:76px;height:1px}@media(pointer:coarse){.desktop-help{display:none}.touch-help{display:inline}}@media(max-width:600px){.topbar{padding:22px 19px;gap:8px}h1{font-size:27px;letter-spacing:-.8px;max-width:215px}.eyebrow{font-size:8px;letter-spacing:1.7px}.actions{flex-direction:column;gap:6px}.actions button{padding:8px 11px;font-size:10px}.bottom{left:19px;right:19px;bottom:max(22px,env(safe-area-inset-bottom));align-items:center;gap:12px}.instructions{padding:11px 13px;max-width:calc(100% - 114px)}.instructions p{font-size:17px}.instructions>span{font-size:10px}#joystick{flex-shrink:0;width:98px;height:98px}}@media(max-height:500px){.topbar{padding:13px 20px}h1{font-size:25px;margin-top:4px}.eyebrow{font-size:8px}.bottom{bottom:14px;left:20px;right:20px}.instructions{padding:9px 12px}.instructions p{font-size:16px}.actions{flex-direction:row}#joystick{height:82px;width:82px}}
.title{color:#fffbed;text-shadow:0 2px 13px #22321785}.eyebrow{color:#f2f5db}
@media (min-width:701px) and (pointer:fine){#joystick{display:none}}
@media (max-width:700px){.desktop-help{display:none}.touch-help{display:inline}}

.actions #sound{width:44px;height:44px;padding:10px;display:grid;place-items:center;flex-shrink:0}.actions #sound svg{display:block;width:22px;height:22px}#sound[data-enabled="true"] .sound-muted,#sound[data-enabled="false"] .sound-waves{display:none}