:root{--sun-glow: #ffe487}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#8fc3e6;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}#scene.no-plant{cursor:not-allowed}#grow-logo{position:fixed;top:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:14px;background:none;border:none;cursor:pointer;z-index:10;padding:6px 10px;touch-action:none;transition:transform .14s ease,filter .2s ease}.logo-img{height:27px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 1px 4px rgba(0,0,0,.5));pointer-events:none}.grow-hint{font-size:.84rem;font-weight:700;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.4);white-space:nowrap;letter-spacing:.01em}.menu-motif{position:relative;width:30px;height:26px;flex:0 0 auto;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.menu-motif i{position:absolute;display:block}.menu-motif i:nth-child(1){left:0;top:8px;width:12px;height:12px;background:linear-gradient(135deg,#ef8a6e,#c85a2a)}.menu-motif i:nth-child(2){left:9px;top:0;width:14px;height:14px;background:linear-gradient(135deg,#e8735a,#a8331b)}.menu-motif i:nth-child(3){left:17px;top:9px;width:11px;height:11px;background:linear-gradient(135deg,#dfa878,#b83a1e)}.menu-motif i:nth-child(4){left:7px;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#8a2417,#6e1f1a)}#grow-logo.holding{transform:translate(-50%) scale(1.06);filter:drop-shadow(0 0 14px var(--sun-glow))}#grow-logo:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:8px}#hud{position:fixed;left:16px;bottom:14px;z-index:10;font-size:.82rem;font-weight:600;color:#fff;background:#283c5a52;padding:6px 12px;border-radius:999px;text-shadow:0 1px 4px rgba(0,0,0,.3);pointer-events:none}#flower-count{font-weight:800}#intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#14203459;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);opacity:1;transition:opacity .45s ease}#intro.hidden{opacity:0;pointer-events:none}.intro-card{max-width:440px;width:100%;text-align:center;color:#fff;background:#1e2e488c;border:1px solid rgba(255,255,255,.25);border-radius:22px;padding:30px 28px 26px;box-shadow:0 20px 60px #0a142873}.intro-logo{height:30px;width:auto;filter:brightness(0) invert(1);margin-bottom:14px;opacity:.95}.intro-card h1{font-size:1.7rem;font-weight:800;letter-spacing:.01em;margin-bottom:18px}.intro-steps{list-style:none;text-align:left;display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.intro-steps li{display:flex;align-items:center;gap:12px;font-size:.96rem;line-height:1.32}.intro-steps .ico{font-size:1.5rem;flex:0 0 auto;width:34px;text-align:center}.intro-steps b{color:#ffe487}.intro-steps em{font-style:normal;opacity:.72;font-size:.85rem}#intro-start{font-size:1.05rem;font-weight:800;color:#22331f;background:linear-gradient(180deg,#ffe487,#ffcf4d);border:none;border-radius:999px;padding:12px 34px;cursor:pointer;box-shadow:0 6px 18px #785a0059;transition:transform .12s ease,box-shadow .2s ease}#intro-start:hover{transform:translateY(-1px);box-shadow:0 9px 24px #785a0066}#intro-start:active{transform:translateY(1px)}@media (max-width: 560px){#grow-logo{top:12px;padding:8px 16px 8px 12px;gap:10px}.logo-img{height:22px}.grow-hint{font-size:.74rem}.intro-card h1{font-size:1.4rem}}