.learn-library{margin-block:20px 36px}
.learn-library .game-cover img{height:auto}
.learn-card-progress{
 display:grid;gap:6px;width:100%;margin:auto 0 12px;color:#634d6a;font-size:12px;font-weight:800;
}
.learn-card-progress progress{width:100%;height:9px;accent-color:#75458d}
.learn-card-badge{
 justify-self:center;padding:4px 8px;border-radius:8px;background:#faebc5;color:#5d421b;
}
.learn-card-badge[hidden]{display:none}
@media(min-width:1200px){.games-showcase.learn-library .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.learn-back{display:inline-block;margin:10px 0 0;color:#694584;font-weight:900}
.learn-heading p{max-width:65ch}
.learn-room{
 max-width:800px;margin:18px auto 32px;padding:clamp(14px,3vw,26px);border:1px solid #d5bbdf;border-radius:22px;
 background:#fff9ef;color:#4b315a;box-shadow:0 4px 0 #d5bcdd;
}
.learn-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900}
.learn-progress progress{width:clamp(74px,28%,180px);accent-color:#704788}
.learn-brief{display:flex;gap:16px;align-items:center;margin-block:16px;padding:12px;border-radius:14px;background:#f0e4f4}
.learn-brief img{flex:none;width:clamp(40px,12vw,72px);height:auto}
.learn-brief h2{margin:0 0 5px;font:700 clamp(20px,4vw,28px)/1.2 Fredoka,Nunito,sans-serif;color:#4b315a}
.learn-brief p,.learn-source p{margin:0}
.learn-board{display:grid;justify-items:start;gap:12px}
.learn-board > :is(.learn-options,.learn-map,.learn-experiment,.learn-coins){justify-self:stretch}
.learn-options,.learn-experiment{display:grid;gap:8px}
.learn-products,.learn-experiment{grid-template-columns:repeat(auto-fit,minmax(min(100%,195px),1fr))}
.learn-room .learn-option,.learn-room .learn-square,.learn-room .learn-coin,.learn-room select{
 min-height:44px;padding:8px 12px;border:1px solid #ceb4d7;border-radius:10px;
 background:#fffdf7;color:#503260;font:800 1rem/1.3 Nunito,sans-serif;
}
.learn-option{text-align:left}
.learn-room :is(button,select){touch-action:manipulation}
.learn-room button{cursor:pointer;min-height:44px}
.learn-room button:focus-visible,.learn-room select:focus-visible{outline:3px solid #946b37;outline-offset:2px}
.learn-room button:disabled{opacity:.5;cursor:default}
.learn-room .learn-option[aria-pressed=true]{background:#e8d8f1;border-color:#895ca1}
.learn-source,.learn-experiment fieldset{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:12px;border:1px solid #d9c8a8;border-radius:12px;background:#fcf1dc}
.learn-source h3,.learn-experiment legend{margin:0 0 4px;font-weight:900;font-size:1rem}
.learn-experiment label{display:grid;gap:4px;margin-bottom:8px;font-weight:800}
.learn-room select{width:100%}
.learn-coins{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:8px}
.learn-room .learn-coin{border-radius:50%;background:#f9e8b8;border-color:#bd9c58;padding:6px;min-height:48px}
.learn-room .learn-coin:nth-child(n+4){background:#f0e8f6;border-color:#b6a2c5}
.learn-total{margin:0;font-weight:900;overflow-wrap:anywhere}
.learn-map{display:grid;grid-template-columns:28px repeat(4,minmax(0,1fr));align-items:center;text-align:center;gap:4px;max-width:430px;width:100%;font-weight:900}
.learn-room .learn-square{display:grid;place-items:center;min-width:0;padding:3px;font-size:clamp(10px,3vw,14px);overflow-wrap:anywhere}
.learn-room .learn-square.pond{background:#cbe6ee;border-color:#8eb8c6}
.learn-room .learn-square.trail{background:#e7d8f0}
.learn-room .learn-square.current{background:#694584;color:#fff9ef}
.learn-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.learn-navigation label{font-weight:900}
.learn-navigation select{width:auto;max-width:100%;min-width:0}
.learn-room > .learn-actions{margin-top:12px}
.learn-feedback:not(:empty){margin-top:12px;padding:10px 12px;border-radius:10px;background:#eee4f4;font-weight:800}
.learn-feedback[data-tone=retry]:not(:empty){background:#f8eacc;color:#5f4019}
.learn-feedback[data-tone=correct]:not(:empty){background:#e6efd8;color:#35502c}
.learn-room [hidden]{display:none!important}