.levels{display:grid;gap:12px;margin:24px auto;max-width:430px}.levels button{padding:18px;border:1px solid #d5c5e6;background:#f0e8f8;border-radius:20px;text-align:left;font-size:19px;font-weight:bold}.levels small{display:block;font-size:13px;margin-top:8px}.magic-board{background:linear-gradient(150deg,#eee2f8,#edf5e9);border-radius:30px;padding:24px;text-align:center}.guide{display:flex;align-items:center;justify-content:center;gap:18px;font-size:28px;font-weight:bold}.guide img{width:85px;height:85px}#sequence{display:flex;justify-content:center;gap:16px;margin:25px 0}.big-key{min-width:90px;padding:18px;background:white;border:3px solid #d4c6e3;border-bottom-width:9px;border-radius:18px;font-size:clamp(32px,7vw,55px);font-weight:bold}.big-key.current{border-color:var(--purple);box-shadow:0 0 0 5px #ffffff90}.big-key.done{background:#d9ecd1;border-color:#67915a}.big-key.done:after{content:'✓';font-size:20px;display:block}#garden{font-size:clamp(25px,5vw,40px);min-height:65px;letter-spacing:8px}#feedback{font-size:20px;min-height:50px;line-height:1.5}#keys{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0}.touch-key{min-width:60px;min-height:60px;padding:12px 20px;font-size:26px;font-weight:bold;background:white;border:2px solid #d5c5e6;border-bottom-width:6px;border-radius:14px}.touch-key.suggested{border-color:#7954b2}.round-actions,.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.round-heading h2{font-size:22px}.party{color:var(--purple);font-size:35px}#complete:not([hidden]) img{animation:hurrah .7s 3}@keyframes hurrah{50%{transform:translateY(-20px) rotate(10deg)}}@media(max-width:600px){.magic-board{padding:16px 10px}.big-key{min-width:65px;padding:14px 10px}#sequence{gap:10px}.round-heading{flex-wrap:wrap}.round-heading h2{font-size:19px}.touch-key{min-width:50px;padding:10px 14px}.guide{font-size:24px}#garden{letter-spacing:3px}}
#hold-progress{width:min(350px,90%);height:28px;accent-color:#7954b2;margin:12px}#touch-mode{align-self:center;margin-top:18px}

#garden{display:grid;grid-template-columns:repeat(6,1fr);background:linear-gradient(transparent 55%,#d7e7c5 55%);border-radius:18px;padding:15px 5px;gap:3px;letter-spacing:0}#garden .seed{opacity:.65}#garden .bloom{animation:flower-open .4s ease-out}@keyframes flower-open{from{transform:scale(.5)}to{transform:scale(1)}}