.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)}}

.keyboard-guide{width:min(650px,100%);margin:16px auto 0;padding:14px 10px;background:#dedbe5;border:2px solid #c9c3d3;border-bottom-width:7px;border-radius:20px;box-shadow:0 8px 18px #4433550a}.keyboard-row{display:flex;justify-content:center;gap:5px;margin:5px 0}.keycap{display:grid;place-items:center;width:8%;max-width:48px;height:38px;border:1px solid #c5bdcc;border-bottom:4px solid #bcb4c5;border-radius:7px;background:#fff;color:#6e6675;font-size:19px;font-weight:800}.keycap.spacebar{width:58%;max-width:none;font-size:13px}.keycap.target-key{background:#7954b2;color:#fff;border-color:#4e2c7d;outline:3px solid #f6bf48;outline-offset:1px;box-shadow:0 0 0 5px #fff8}.magic-board{padding:12px 20px}.guide img{width:52px;height:52px}#sequence{margin:12px 0}.big-key{padding:10px 16px;font-size:38px}#garden{padding:8px 5px;min-height:50px}#feedback{margin:8px 0;min-height:30px;font-size:17px}#touch-mode{margin-top:10px}
@media(max-width:600px){.keyboard-guide{padding:8px 5px}.keyboard-row{gap:3px}.keycap{height:33px;font-size:14px}.guide img{width:40px;height:40px}.big-key{font-size:29px}.magic-board{padding:10px}.round-heading{margin-bottom:10px}}
@media(min-width:760px) and (max-height:820px){#round{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}#round .round-heading,#round .round-actions{grid-column:1/-1}.keyboard-guide{margin:auto}.magic-board{grid-row:2/4}#touch-mode{justify-self:center}}