/* Reutiliza a paleta do app; cenas sempre contidas na área de brincar. */
.discovery{display:flex;flex-direction:column;gap:clamp(8px,2cqh,16px);padding:clamp(10px,3cqw,24px);background:var(--card);color:var(--ink)}
.discovery-prompt{flex:none;min-width:0;margin:0;text-align:center;font-size:clamp(.95rem,4cqw,1.3rem);line-height:1.25;text-wrap:balance}
.discovery-main{display:flex;flex:1;min-width:0;min-height:0;gap:12px}
.discovery-footer{display:flex;align-items:center;justify-content:center;flex:none;gap:10px;min-width:0}
.discovery-button{min-width:44px;min-height:48px;padding:8px 14px;border:0;border-radius:16px;background:var(--soft);line-height:1.15;text-wrap:balance}
.discovery-button:active,.discovery-tile:active{transform:scale(.98)}
.discovery-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:10px;border:2px solid transparent;border-radius:20px;background:var(--soft);overflow:hidden}
.discovery-art{display:grid;place-items:center;flex:1;min-width:0;min-height:0;width:100%;font-size:clamp(42px,16cqh,112px);line-height:1.15}
.discovery-art .art-img{width:100%;height:100%;max-height:24cqh;object-fit:contain;min-height:0}
.discovery-name{max-width:100%;flex:none;font-size:clamp(.85rem,3.5cqw,1.1rem);line-height:1.18;text-wrap:balance;overflow-wrap:anywhere}
.discovery-page{font-size:1.5rem;width:56px;padding:4px}
.discovery-pagination{min-width:76px;text-align:center;font-variant-numeric:tabular-nums}
.discovery-animal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.discovery-garden-bed{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;border-radius:24px;background:var(--sky)}
.discovery-garden-bed::before{content:"";position:absolute;bottom:calc(6% + clamp(45px,14cqh,90px) - 8px);left:calc(50% - 4px);width:8px;height:30%;border-radius:8px;background:var(--leaf);opacity:0;z-index:1}
.discovery-garden[data-step="3"] .discovery-garden-bed::before{opacity:1}
.discovery-garden-bed::after{content:"";position:absolute;inset:74% 0 0;background:var(--leaf);opacity:.18}
.discovery-sun{position:absolute;top:5%;right:8%;font-size:clamp(40px,12cqh,90px);line-height:1}
.discovery-soil{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);width:clamp(80px,26cqh,170px);height:clamp(45px,14cqh,90px);background:var(--pumpkin);border-top:8px solid var(--ink);clip-path:polygon(7% 0,93% 0,80% 100%,20% 100%);z-index:1}
.discovery-plant{position:absolute;bottom:27%;left:50%;width:1.4em;margin-left:-.7em;font-size:clamp(64px,24cqh,160px);text-align:center;line-height:1;z-index:2}
.discovery-garden[data-step="1"] .discovery-plant{font-size:clamp(32px,8cqh,56px);bottom:calc(6% + clamp(45px,14cqh,90px) - .35em)}
.discovery-garden[data-step="2"] .discovery-plant{bottom:calc(6% + clamp(45px,14cqh,90px) - .2em)}
.discovery-progress{display:flex;gap:6px;align-items:center;font-size:clamp(20px,5cqw,30px)}
.discovery-progress>span{opacity:.35}.discovery-progress .discovery-reached{opacity:1}
.discovery-garden .discovery-footer{flex-wrap:wrap}.discovery-garden-action{background:var(--sun);max-width:100%}
.discovery-meal .discovery-main{flex-direction:column}
.discovery-plate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center;flex:1;min-height:0;min-width:0;padding:clamp(10px,4cqw,30px);border:6px solid var(--soft);border-radius:48%;background:var(--sky)}
.discovery-plate-slot{display:grid;place-items:center;min-width:0;min-height:48px;width:100%;max-height:100%;aspect-ratio:1;border:2px dashed var(--blue);border-radius:50%;padding:2px;background:var(--card);font-size:clamp(28px,7cqh,52px);line-height:1}
.discovery-plate-slot .art-img{width:100%;height:100%;object-fit:contain}.discovery-plate-slot.discovery-filled{border-style:solid;border-color:var(--leaf)}
.discovery-food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-height:0}
.discovery-food-grid .discovery-art{font-size:clamp(32px,11cqh,80px)}
.discovery-food-grid .discovery-name{font-size:clamp(.8rem,3cqw,1rem)}
.discovery-meal .discovery-footer>.discovery-button{flex:1;max-width:230px;font-size:clamp(.85rem,3.5cqw,1rem)}
.discovery-ocean .discovery-main{flex-direction:column}
.discovery-sea{position:relative;display:flex;align-items:center;justify-content:space-evenly;flex:1;min-width:0;min-height:64px;border:4px solid var(--sky);border-radius:24px;background:var(--sky);overflow:hidden;color:var(--blue)}
.discovery-sea::after{content:"≈ ≈ ≈";position:absolute;inset:auto 0 5%;font-size:clamp(30px,7cqh,52px);text-align:center;letter-spacing:.4em;opacity:.4;pointer-events:none}
.discovery-sea-ready{border-color:var(--blue)}
.discovery-ocean-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:1;min-height:0}
.discovery-ocean-tray [aria-pressed=true]{border-color:var(--blue);background:var(--sky)}
.discovery-swimmer{display:grid;place-items:center;width:42%;height:75%;font-size:clamp(48px,16cqh,110px);line-height:1;z-index:1}
.discovery-swimmer .art-img{width:100%;height:100%;object-fit:contain}
@container (min-width:600px) and (min-height:500px){.discovery-animal-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.discovery-art .art-img{max-height:45cqh}.discovery-meal .discovery-main{flex-direction:row}.discovery-food-grid{align-self:center;height:70%}}
@container (max-height:350px){.discovery{gap:6px;padding:8px 12px}.discovery-prompt{font-size:.9rem}.discovery-footer{gap:8px}.discovery-button{min-height:44px;padding:5px 12px;font-size:.9rem}.discovery-animal-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px}.discovery-tile{padding:5px;border-radius:14px}.discovery-art{font-size:clamp(36px,21cqh,70px)}.discovery-art .art-img{max-height:34cqh}.discovery-name{font-size:.85rem}.discovery-garden .discovery-main{min-height:60px}.discovery-garden .discovery-footer{flex-wrap:nowrap}.discovery-plant{font-size:25cqh}.discovery-soil{font-size:30cqh}.discovery-sun{font-size:18cqh}.discovery-meal .discovery-main{flex-direction:row}.discovery-plate{padding:8px;border-width:4px;gap:5px;flex:1}.discovery-plate-slot{font-size:30px;aspect-ratio:auto;height:68px}.discovery-food-grid{flex:1.3;gap:6px}.discovery-food-grid .discovery-art{font-size:34px}.discovery-food-grid .discovery-name{font-size:.8rem}.discovery-ocean .discovery-main{flex-direction:row}.discovery-sea{flex:1.1}.discovery-ocean-tray{flex:1}.discovery-swimmer{font-size:20cqh}}