:root{color-scheme:light;--cream:#faedd2;--green:#354e38;--line:#ccc6aa;background:var(--cream);color:var(--green);font:14px 'Arial Rounded MT Bold',ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;transition:background .5s,color .5s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:100px;padding:0 4vw;display:flex;align-items:center;gap:30px}.brand{font-size:39px;font-weight:850;letter-spacing:-2.5px;display:flex;align-items:center;gap:6px}.leaf{display:inline-block;width:17px;height:25px;border-radius:20px 0 20px 0;background:#719560;transform:rotate(15deg);margin-bottom:12px}.motto{font:8px/1.6 ui-monospace,monospace;letter-spacing:.08em}.header-buttons{margin-left:auto;display:flex;gap:8px}.header-buttons button{background:transparent;border:1px solid var(--line);padding:11px 15px;font-size:10px;border-radius:25px}main{max-width:1600px;margin:auto}.intro{text-align:center;position:relative;z-index:2;margin:28px 15px 0}.intro>p:first-child{font:9px ui-monospace,monospace;letter-spacing:.17em}.intro h1{font-size:clamp(60px,7vw,105px);font-weight:800;line-height:.9;letter-spacing:-.065em;margin:23px 0}.intro h1 span{color:#769257}.invitation{font-size:13px;line-height:1.7;margin:22px 0 0}.world{position:relative;width:100%;height:570px;margin-top:20px;overflow:hidden}canvas,#still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}canvas{opacity:0}.live canvas{opacity:1}.live #still{visibility:hidden}#patches,#friends{position:absolute;inset:0;pointer-events:none}#patches button,#friends button{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);border:0;background:transparent;border-radius:50%;width:34px;height:34px;padding:0;font-size:17px;color:#344d38}#patches button.empty{border:1px dashed #395b4370;background:#f9edd267}#patches button.empty:hover{background:#fff4d9}#patches button.occupied{font-size:0}#friends button{width:60px;height:65px}#friends button:hover{background:#ffffff10}.garden-count{position:absolute;right:8%;top:48%;display:flex;gap:12px;align-items:center;pointer-events:none}.garden-count output{font-size:48px;font-weight:800;line-height:1;letter-spacing:-3px}.garden-count span{font:10px/1.5 ui-monospace,monospace}.world-note{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;font:8px ui-monospace,monospace;letter-spacing:.1em}.speech{position:absolute;transform:translate(-50%,-100%);background:#fff9e9;color:#354e38;padding:12px 18px;border-radius:20px 20px 20px 3px;font-size:12px;max-width:230px;text-align:center;pointer-events:none;box-shadow:0 4px 15px #24372e20}.bench{margin:0 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;display:flex;align-items:center;gap:25px}.bench-title{flex:1}.bench-title p{font:8px ui-monospace,monospace;letter-spacing:.08em}.bench h2{font-size:26px;font-weight:600;letter-spacing:-1px;line-height:1.1;margin:12px 0 0}.bench fieldset{border:0;padding:0;margin:0;display:flex;gap:8px}.bench fieldset button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:15px;padding:14px 10px;text-align:left;font-size:12px}.bench svg{width:36px;height:36px;flex-shrink:0}.bench small{display:block;font:8px/1.5 ui-monospace,monospace;margin-top:6px;max-width:100px}.bench button[aria-pressed=true]{border-color:#738963;background:#e1e5c9}.plant-button{border:0;border-radius:30px;background:#354e38;color:#faedd2;padding:17px 22px;min-width:180px;font-size:11px;display:flex;justify-content:space-between;gap:12px}.message{font-size:12px;line-height:1.6;text-align:center;margin:25px 15px;min-height:20px}footer{margin:0 5vw;padding:10px 0 25px;display:flex;justify-content:space-between;align-items:center;gap:18px;font:8px/1.6 ui-monospace,monospace;letter-spacing:.05em}footer button{border:0;border-bottom:1px solid var(--line);background:none;padding:10px 0;font-size:10px}button:focus-visible,a:focus-visible{outline:3px solid #d87641;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.night{background:#1d3442;color:#e9e9c9;--line:#506469}body.night .intro h1 span{color:#c2d2a0}body.night .bench button[aria-pressed=true]{background:#3c5354;color:#f2f0d7}body.night .plant-button{background:#d1dbb5;color:#263e40}@media(max-width:1050px){.bench{flex-wrap:wrap;justify-content:center}.bench-title{flex:1 1 100%;text-align:center}.garden-count{right:3%;top:25%}.world{height:540px}}@media(max-width:700px){header{height:82px;padding:0 20px;gap:15px}.brand{font-size:32px}.motto{display:none}.header-buttons{gap:5px}.header-buttons button{padding:10px;font-size:8px}.intro{margin-top:25px}.intro h1{font-size:62px}.intro>p:first-child{font-size:8px}.invitation{font-size:11px}.world{height:390px;margin-top:8px}.garden-count{top:20px;right:25px;gap:7px}.garden-count output{font-size:32px}.garden-count span{font-size:7px}.world-note{font-size:7px;bottom:18px}#patches button{width:31px;height:31px;font-size:14px}#friends button{width:38px;height:43px}.speech{font-size:10px;max-width:180px;padding:10px}.bench{margin:0 20px;padding:20px 0;gap:15px}.bench h2{font-size:25px}.bench fieldset{width:100%;justify-content:space-between;gap:3px}.bench fieldset button{flex:1;flex-direction:column;text-align:center;padding:12px 6px;font-size:10px;gap:8px}.bench small{font-size:7px;max-width:80px}.plant-button{width:100%;justify-content:center;gap:30px;min-height:48px}.message{font-size:11px}footer{margin:0 20px;flex-wrap:wrap;justify-content:center;text-align:center;font-size:7px}footer>span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){body{transition:none}}