*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--sky-top: #fce7c8;--sky-bottom: #f6b667;--sun: #ffd98a;--ground: #b5611f;--ground-dark: #8a4513;--leaf: #d2691e;--ink: #4a2511;--panel: rgba(255, 248, 236, .82)}body{min-height:100dvh}#app{max-width:none;margin:0;padding:0}.scene{position:fixed;inset:0;overflow:hidden;background:linear-gradient(to bottom,var(--sky-top) 0%,var(--sky-bottom) 100%)}.scene:before{content:"";position:absolute;top:8%;right:14%;width:min(34vw,180px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--sun) 0%,rgba(255,217,138,0) 70%);pointer-events:none}.leaf-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.scene-ground{position:absolute;inset-inline:0;bottom:0;height:clamp(70px,18vh,150px);background:linear-gradient(to bottom,var(--ground) 0%,var(--ground-dark) 100%);border-start-start-radius:50% 60px;border-start-end-radius:50% 60px;pointer-events:none}.scene-ui{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.5rem,env(safe-area-inset-bottom));pointer-events:none}.scene-header{text-align:center;color:var(--ink)}.scene-header h1{font-size:clamp(2rem,9vw,3rem);letter-spacing:-.02em;text-shadow:0 2px 0 rgba(255,255,255,.4)}.tagline{font-size:clamp(.95rem,4vw,1.15rem);opacity:.85}.start-panel,.play-panel{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:.85rem;width:min(100%,420px);margin-inline:auto;padding:1.1rem 1.25rem;background:var(--panel);border-radius:1.25rem;box-shadow:0 8px 30px #4a251140;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn{border:none;border-radius:999px;padding:.85rem 1.6rem;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .08s ease,filter .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--leaf);color:#fff;box-shadow:0 4px 14px #d2691e73}.btn-primary:disabled{filter:grayscale(.4);opacity:.7;cursor:progress}.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px #4a251159;padding-block:.6rem}.hint{font-size:.9rem;text-align:center;color:var(--ink);opacity:.8}.notice{font-size:.95rem;text-align:center;color:#7a2e0e;background:#ffe0c4e6;padding:.6rem .8rem;border-radius:.75rem}.blow-meter{width:100%;height:14px;border-radius:999px;background:#4a25112e;overflow:hidden}.blow-meter-fill{width:0%;height:100%;border-radius:999px;background:linear-gradient(to right,#f6b667,#d2691e,#c0392b);transition:width .05s linear}@media(prefers-color-scheme:dark){:root{--sky-top: #6a4a2a;--sky-bottom: #a85c22;--sun: #e0a85a;--ground: #7a3f15;--ground-dark: #54290c;--ink: #fbe9d2;--panel: rgba(58, 32, 14, .82)}.notice{color:#ffd9b8;background:#783214d9}}