.berta-page{max-width:68rem;padding-bottom:clamp(2.25rem,6vw,4.5rem)}.berta-heading{margin-block:clamp(1.2rem,3vw,2.1rem) clamp(1.25rem,3vw,1.8rem)}.berta-heading h1{font-size:clamp(2.6rem,1.9rem + 3.4vw,5rem)}.berta-heading p:last-child{color:var(--muted);max-width:43rem;margin-top:.4rem;font-size:clamp(1rem,.92rem + .45vw,1.22rem)}.berta-kicker{color:var(--brick);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.79rem;font-weight:700}.berta-garden{--garden-paper:#fbf7eb}.berta-garden button{touch-action:manipulation}.berta-stage{isolation:isolate;aspect-ratio:16/9;border:1px solid var(--rule);background:#9acbce;border-radius:1rem;position:relative;overflow:hidden}.berta-garden[data-phase=ready] .berta-stage{border-end-end-radius:0;border-end-start-radius:0}.berta-canvas,.berta-effects,.berta-cover{position:absolute;inset:0}.berta-canvas canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.berta-canvas canvas:active{cursor:grabbing}.berta-canvas:focus-visible{z-index:1;outline-offset:-4px}.berta-effects{z-index:2;pointer-events:none;overflow:hidden}.berta-cover{background:linear-gradient(#0000 70%,#173b2e38),#9acbce url(../media/berta-garten.1hgtwg1rns_m4.webp) 50%/cover no-repeat;place-items:end center;padding:1.25rem;display:grid}.berta-welcome{text-align:center;justify-items:center;gap:.6rem;display:grid}.berta-welcome p{background:var(--garden-paper);border-radius:.6rem;max-width:28rem;padding:.8rem 1rem}.berta-start{background:var(--pine);color:#fff;cursor:pointer;border:1px solid #d7c39a;border-radius:.5rem;align-items:center;gap:.75rem;min-height:3rem;padding:.65rem 1.15rem;font-weight:700;display:inline-flex}.berta-start:hover{background:var(--night)}.berta-zoom:not([hidden]){z-index:3;gap:.35rem;display:grid;position:absolute;top:.65rem;right:.65rem}.berta-zoom button{width:2.75rem;height:2.75rem;font-size:1.35rem}.berta-controls:not([hidden]){border:1px solid var(--rule);background:var(--garden-paper);border-top:0;border-radius:0 0 1rem 1rem;gap:.8rem;padding:clamp(.75rem,2vw,1.1rem);display:grid}.berta-garden[data-night=true] .berta-controls{color:#fff7e5;background:#202c43}.berta-garden[data-night=true] .berta-counter{color:#f0dab3}.berta-status{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;font-size:.92rem;display:flex}.berta-counter{white-space:nowrap;color:var(--muted)}.berta-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.berta-preferences{flex-wrap:wrap;gap:.5rem;display:flex}.berta-actions button,.berta-preferences button,.berta-zoom button{cursor:pointer;color:var(--pine);background:#fffaf0;border:1px solid #b4b49b;border-radius:.45rem;min-height:2.75rem;font-weight:700}.berta-actions button{padding:.38rem .45rem;font-size:.96rem}.berta-preferences button{padding:.28rem .65rem;font-size:.88rem;font-weight:600}.berta-actions button:hover,.berta-preferences button:hover,.berta-zoom button:hover{background:#efe5cc}.berta-actions button[aria-pressed=true],.berta-preferences button[aria-pressed=true]{background:var(--pine);color:#fff}.berta-actions button:disabled{cursor:default;opacity:.65}.berta-help,.berta-noscript{color:var(--muted);max-width:55rem;margin-top:.75rem;font-size:.91rem}.berta-floating-label{white-space:nowrap;background:#fffaf2;border-radius:1.2rem;padding:.2rem .55rem;font-weight:700;animation:1.2s ease-out forwards berta-float;position:absolute}@keyframes berta-float{0%{transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-160%)}}@media (max-width:640px){.berta-stage{aspect-ratio:5/4}.berta-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.berta-actions button{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.berta-floating-label{animation-duration:10ms}}