:root{--bg: #0b1026;--panel: rgba(10, 16, 40, .55);--panel-border: rgba(140, 170, 255, .18);--text: #eaf0ff;--muted: #9fb0d8;--water: #4ea8ff;--growth: #7bdc8a;--accent: #ffd479;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);overscroll-behavior:none;touch-action:manipulation}#root{position:relative}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.hud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom)) 16px}.hud-top{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.title{font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin:0}.stage-name{font-size:26px;font-weight:700;margin:0}.stage-hint{font-size:13px;color:var(--muted);margin:0;max-width:30ch}.meters{width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px;margin:0 auto}.meter{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:6px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.meter-label{font-size:16px;width:1.4em;text-align:center}.meter-track{position:relative;flex:1;height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;border-radius:999px;transition:transform .12s linear}.meter-fill.water{background:linear-gradient(90deg,#2b6fd0,var(--water))}.meter-fill.growth{background:linear-gradient(90deg,#3f9c54,var(--growth))}.daychip{font-size:12px;color:var(--muted)}.hud-bottom{display:flex;flex-direction:column;align-items:center;gap:12px}.water-btn{pointer-events:auto;user-select:none;-webkit-user-select:none;border:none;cursor:pointer;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#5fb2ff,#2b6fd0 70%);box-shadow:0 10px 30px #2b6fd073,inset 0 -6px 14px #00000040;color:#fff;font-size:15px;font-weight:700;letter-spacing:.04em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform 80ms ease}.water-btn:active{transform:scale(.93)}.water-btn .emoji{font-size:34px}.water-btn .sub{font-size:11px;font-weight:500;opacity:.85}.reset-btn{pointer-events:auto;cursor:pointer;background:transparent;border:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}.bloom-banner{pointer-events:none;font-size:14px;color:var(--accent);font-weight:600}.welcome-toast{pointer-events:auto;cursor:pointer;position:absolute;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%);max-width:min(90vw,420px);text-align:center;border:1px solid var(--panel-border);border-radius:14px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font-size:13px;font-weight:500;line-height:1.4;padding:10px 16px;box-shadow:0 8px 24px #00000059;animation:toast-in .32s ease both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}