.flow-banner{padding:12px 18px;margin:12px 0;background:#e7efd7;border:1px solid #adc19d;border-radius:14px;font-weight:800;font-size:.94rem;text-align:center}
.challenge-meter{display:flex;gap:14px;align-items:center;margin:12px 0;font-size:.85rem;font-weight:800}.challenge-meter progress{flex:1;height:14px;accent-color:#378365}
[data-mode=shapes] .play-scene,[data-mode=colours] .play-scene,[data-mode=patterns] .play-scene{padding:220px 24px 28px;background-size:100% auto;background-position:center top;background-repeat:no-repeat;min-height:660px;background-color:#dceac4}
.discovery-play{width:100%;max-width:790px;margin:auto;padding:25px;border:4px solid #b38b52;background:#fff9eaf2;border-radius:25px;box-shadow:0 8px 0 #76543144}
.discovery-display{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0 22px;position:relative}
.discovery-display p{font-size:.94rem;font-weight:800}
.shape-socket{display:grid;place-items:center;width:145px;height:145px;background:#e3d6b8;border:2px solid #a78e60;border-radius:15px;box-shadow:inset 0 4px 8px #80664133}
.shape-socket svg{width:110px;height:110px;fill:transparent;stroke:#856d4e;stroke-dasharray:6 5}.shape-socket.filled svg{fill:#dfae5c;stroke-dasharray:none}
.bridge-pieces{display:flex;gap:5px;width:90%;max-width:450px;padding:8px 12px;border-bottom:8px solid #96704b}
.bridge-pieces span{display:grid;place-items:center;width:20%;height:26px;background:#ddd3b9;border:1px dashed #a89870;border-radius:6px 6px 0 0;color:#fff9df;font-weight:800}.bridge-pieces span.built{background:#54875f;border:1px solid #3d6d49}
.discovery-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.discovery-options.colours{grid-template-columns:repeat(6,minmax(0,1fr))}
.discovery-options.patterns{grid-template-columns:repeat(3,minmax(0,1fr));max-width:500px;margin:auto}
.discovery-choice{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 8px;background:#fffdf5;border:2px solid #c2b180;border-radius:18px;box-shadow:0 5px 0 #9a8a5d44;min-width:0;min-height:110px;transition:transform .2s}
.discovery-choice svg{width:100%;max-width:95px;aspect-ratio:1;display:block}.discovery-choice span{font-size:.9rem}.discovery-choice:hover:not(:disabled){transform:translateY(-4px)}
.discovery-choice.selected{background:#dce9c7;border-color:#4c8059;box-shadow:0 5px 0 #54875f55}.discovery-choice.missed{opacity:.55}.discovery-choice:disabled:not(.selected):not(.missed){opacity:.8}
.flower-planter{display:flex;justify-content:center;gap:22px;max-width:480px;width:100%;padding:12px 22px 25px;background:#ad8159;border-radius:14px 14px 28px 28px;border-bottom:12px solid #795438}
.flower-planter>span{width:28%;aspect-ratio:1;max-width:100px;display:grid;place-items:center;border-radius:50%;background:#704f35;color:#fff0c2}.flower-planter svg{width:100%;height:100%}.empty-pot>span{font-size:2.5rem;opacity:.5}.planted{animation:plant-in .3s ease-out}
.pattern-trail{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;max-width:700px;padding:16px 8px;border-radius:20px;background:#e0e8c8}
.pattern-trail>span{width:75px;height:80px;display:grid;place-items:center;padding:8px;background:#fffdf0;border:1px solid #bcc6a2;border-radius:16px;box-shadow:0 4px 0 #9bab7e44}.pattern-trail svg{width:100%;height:100%}.pattern-trail .pattern-gap{border:3px dashed #4c755c;background:#f5df98;font:600 3rem Fredoka}
@keyframes plant-in{from{transform:translateY(-15px) scale(.8);opacity:.3}to{transform:none;opacity:1}}
@media(max-width:1100px){.discovery-options.colours{grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-trail>span{width:65px;height:70px}}
@media(max-width:700px){[data-mode=shapes] .play-scene,[data-mode=colours] .play-scene,[data-mode=patterns] .play-scene{padding:160px 8px 20px;background-size:auto 290px;min-height:0}.discovery-play{padding:18px 12px;border-width:3px}.discovery-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.discovery-options.colours{gap:9px}.discovery-choice{padding:12px 4px;border-radius:13px}.discovery-choice span{font-size:.8rem}.discovery-choice svg{max-width:70px}.flower-planter{gap:12px;padding:12px 12px 20px}.pattern-trail{gap:7px;padding:12px 7px}.pattern-trail>span{width:54px;height:59px;padding:5px}.pattern-trail .pattern-gap{font-size:2rem}.challenge-meter{flex-direction:column;gap:6px;align-items:stretch}.flow-banner{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.planted{animation:none}.discovery-choice{transition:none}.discovery-choice:hover:not(:disabled){transform:none}}
@media(max-width:700px){[data-mode=shapes] .play-scene,[data-mode=colours] .play-scene,[data-mode=patterns] .play-scene,[data-mode=memory] .play-scene,[data-mode=delivery] .play-scene{background-size:100% auto}.memory-toolbar{flex-wrap:wrap}.memory-toolbar label{flex:1;min-width:140px}.memory-toolbar select{width:100%;max-width:none}}