*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;overscroll-behavior:none;background:#f6f1e7;color:#4a3f35;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;min-height:100%}#root{display:flex;justify-content:center;min-height:100vh}.screen{width:100%;max-width:620px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px calc(28px + env(safe-area-inset-bottom,0px) + var(--ad-inset, 0px));display:flex;flex-direction:column;align-items:center;gap:10px}.bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}h1{font-size:clamp(2rem,8vw,3rem);margin:0;color:#5d7a4e;letter-spacing:.02em}h2{font-size:1.15rem;margin:0;font-weight:600}.tagline{margin:4px 0 0;font-style:italic;opacity:.75}.fine{font-size:.78rem;opacity:.65;max-width:40ch;text-align:center}.tutorial{font-size:.9rem;background:#efe5cf;border-radius:12px;padding:10px 14px;max-width:46ch;text-align:center}.tier{color:#c97fa4;font-size:.95rem;white-space:nowrap}.tier-off{opacity:.25}.btn{border:none;border-radius:14px;background:#e7dbc0;color:#4a3f35;padding:12px 18px;font-size:1rem;font-family:inherit;cursor:pointer;box-shadow:0 2px #785f3c40;transition:transform .06s ease,box-shadow .06s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none}.btn:active{transform:translateY(2px);box-shadow:none}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:#7fa86b;color:#fdfbf4}.btn.small{padding:7px 12px;font-size:.85rem}.btn.big{width:100%;padding:16px 18px;font-size:1.1rem;display:flex;flex-direction:column;gap:3px;align-items:center}.btn .sub{font-size:.75rem;opacity:.7;font-weight:400}.btn.ghost{background:transparent;box-shadow:none;text-decoration:underline;text-decoration-color:#785f3c59}.stack{display:flex;flex-direction:column;gap:10px;width:100%;align-items:stretch}.menu-stack{max-width:420px;margin-top:8px}.menu-screen{justify-content:center;min-height:100vh}.title-block{text-align:center}.menu-fine{margin-top:10px}.hud{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:84px;position:relative}.seeds{font-size:1.05rem}.seeds em{font-size:.75rem;font-style:normal;opacity:.6}.hud-right{display:flex;flex-direction:column;align-items:center;gap:2px}.thumb-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.target-thumb{border-radius:10px;background:#efe5cf;box-shadow:0 1px 4px #5a462833}.combo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.4rem;font-weight:700;color:#c97fa4;animation:combo-pop .9s ease-out forwards;pointer-events:none;white-space:nowrap}.combo[data-deep=true]{color:#e0762e;font-size:1.7rem}@keyframes combo-pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}20%{transform:translate(-50%,-50%) scale(1.15);opacity:1}70%{transform:translate(-50%,-58%) scale(1);opacity:1}to{transform:translate(-50%,-80%) scale(.95);opacity:0}}.board-wrap{width:100%;display:flex;justify-content:center}.board-wrap canvas{border-radius:18px;box-shadow:0 4px 18px #5a46282e;cursor:pointer;touch-action:manipulation}.peek-banner{font-size:.75rem;letter-spacing:.14em;color:#6f61a8}.controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.banner{width:100%;background:#f4e9cf;border:1px solid rgba(150,120,80,.3);border-radius:12px;padding:10px 14px;font-size:.88rem;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.banner>div{display:flex;gap:8px}.won-banner{flex-direction:row;justify-content:space-between}.overlay{position:fixed;inset:0;background:#4a3f3573;display:flex;align-items:center;justify-content:center;z-index:10;padding:18px}.card{background:#fdfbf4;border-radius:20px;padding:22px 24px;max-width:380px;width:100%;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;box-shadow:0 12px 40px #3c2d1959}.card h3{margin:0;font-size:1.3rem}.card p{margin:0}.loading{justify-content:center;min-height:70vh}.sprout-pulse{font-size:3rem;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.garden-screen{gap:14px}.garden-sub{margin:0;font-size:.9rem;opacity:.7}.fractal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;width:100%;justify-items:center}.fractal-card{display:flex;flex-direction:column;gap:6px;align-items:center;background:#efe5cf;border-radius:16px;padding:14px}.fractal-card canvas{border-radius:10px}.fractal-meta{display:flex;flex-direction:column;align-items:center;font-size:.85rem}.fractal-meta span{opacity:.65;font-size:.75rem}@media (max-width: 480px){.controls .btn{padding:10px 12px;font-size:.9rem}.hud{min-height:72px}}.coach{width:100%;max-width:460px;background:#fdfbf4;border:2px solid #7fa86b;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;box-shadow:0 6px 22px #5a46282e;animation:coach-in .35s ease-out}.coach p{margin:0;font-size:.95rem;line-height:1.45}.coach.slim{padding:8px 14px;border-width:1px}@keyframes coach-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.stage-row{display:flex;gap:12px;justify-content:center}.stage-cell{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.72rem;opacity:.85}.menu-row{display:flex;gap:10px;justify-content:center}.demo-board{display:flex;flex-direction:column;align-items:center;gap:6px}.demo-board canvas{border-radius:14px;box-shadow:0 3px 12px #5a462826}.demo-caption{margin:0;min-height:2.4em;font-size:.88rem;font-style:italic;opacity:.85;max-width:32ch}.coach.intro{border-width:0;background:transparent;box-shadow:none}.bloom-progress{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.bloom-count{font-size:1.05rem;font-weight:600;color:#5d7a4e}.bloom-progress em{font-size:.7rem;font-style:normal;opacity:.6}.play-screen .bar,.play-screen .hud{position:sticky;z-index:6;background:#f6f1e7f2}.play-screen .bar{top:env(safe-area-inset-top,0px)}.play-screen .hud{top:calc(env(safe-area-inset-top,0px) + 42px)}.card{max-height:86vh;overflow-y:auto}.sync-screen{gap:14px}.sync-card{max-width:420px}.code-chip{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.05rem;letter-spacing:.06em;background:#efe5cf}.code-input{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid rgba(150,120,80,.4);background:#fdfbf4;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1rem;color:#4a3f35;box-sizing:border-box}.code-input:focus{outline:2px solid #7fa86b;border-color:transparent}.btn:disabled{opacity:1;background:#ece3d0;color:#4a3f3573;box-shadow:none}.code-input::placeholder{color:#4a3f3580}.btn.outline{background:transparent;border:1.5px solid #7fa86b;color:#5d7a4e;box-shadow:none}.stage-row{width:216px;justify-content:space-between}.sync-card .btn.primary{width:100%}.btn.primary,.btn.big{background-image:radial-gradient(120% 90% at 20% 15%,rgba(255,255,255,.16),transparent 55%),radial-gradient(100% 120% at 85% 90%,rgba(90,70,40,.08),transparent 60%)}