.da-learning-games{--dag-blue:#325cdd;--dag-bg:#f4f8ff;font-family:inherit;color:#20324a;margin:24px auto;max-width:980px}.da-learning-games *{box-sizing:border-box}.dag-head{display:flex;justify-content:space-between;gap:16px;align-items:center;border-radius:24px 24px 0 0;padding:26px;background:linear-gradient(120deg,#e5f2ff,#f7eaff)}.dag-head h2{font-size:clamp(23px,3vw,34px);margin:6px 0}.dag-head p{margin:0;color:#53647b}.dag-eyebrow{letter-spacing:.06em;font-weight:750;font-size:12px;color:#3c5fb0}.dag-score{white-space:nowrap;background:white;border:2px solid #ffd48a;border-radius:40px;padding:12px 16px;font-weight:800}.dag-card{background:#fff;border:2px solid #dce7fc;padding:24px;border-radius:0 0 24px 24px}.dag-options,.dag-toolbar,.dag-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.dag-options label{font-weight:700}.dag-options select{min-height:42px;border:1px solid #aabbd7;border-radius:12px;padding:8px 12px;font:inherit;margin-left:8px;max-width:250px}.dag-muted{color:#53647b;line-height:1.65}.dag-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:20px 0}.da-learning-games button{font:inherit;cursor:pointer;border:2px solid #bdd2f4;background:#fff;color:#1f3354;border-radius:16px;padding:14px;min-height:48px}.da-learning-games button:focus-visible{outline:3px solid #e09a20;outline-offset:3px}.da-learning-games button:disabled{cursor:default}.dag-mode{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;font-size:25px!important;background:#f5f9ff!important}.dag-mode b{font-size:17px}.dag-mode small{font-size:13px;color:#51647f}.dag-mode:hover,.dag-answer:hover:not(:disabled){border-color:var(--dag-blue);background:#eef3ff!important}.dag-toolbar{margin-bottom:18px}.dag-back{font-size:14px!important;border:0!important;background:#edf3ff!important}.dag-progress{height:12px;background:#e6edf9;border-radius:20px;overflow:hidden}.dag-progress span{display:block;height:100%;background:#3978cc;transition:width .2s}.dag-question{font-size:clamp(19px,2.5vw,26px);line-height:1.5;margin:20px 0}.dag-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dag-answer{text-align:left;min-height:64px!important;font-size:17px!important;overflow-wrap:anywhere}.dag-answer.dag-right{background:#dbf8e4!important;border-color:#16834d!important}.dag-answer.dag-wrong{background:#ffe5e5!important;border-color:#c84848!important}.dag-feedback{line-height:1.5;margin-top:16px}.dag-feedback:empty{display:none}.dag-next,.dag-primary{background:#285ddd!important;color:#fff!important;border-color:#285ddd!important;margin-top:12px}.dag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dag-tile{min-height:100px!important;background:#e6eeff!important;font-weight:750!important;overflow-wrap:anywhere}.dag-tile.dag-open{background:#fff6db!important}.dag-tile.dag-done{background:#d9f4e5!important;border-color:#228458!important;opacity:.85}.dag-finish{text-align:center;padding:20px}.dag-trophy{font-size:58px}.dag-finish h3{font-size:27px}.dag-actions{justify-content:center}.da-learning-games[data-mode="exam"] .dag-head{background:linear-gradient(120deg,#eaf0ff,#e4f4f1)}@media(max-width:600px){.dag-head{padding:18px;flex-direction:column;align-items:flex-start}.dag-card{padding:15px}.dag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dag-answers{grid-template-columns:1fr}.dag-options{flex-direction:column;align-items:flex-start}.dag-tile{min-height:86px!important}}

/* v20: games for early primary learners */
.dag-sentence-picked{min-height:65px;background:#fff8dc;border:2px dashed #dba13f;padding:15px;border-radius:14px;font-size:19px;font-weight:700;line-height:1.6;margin:12px 0}.dag-sentence-words{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.dag-sentence-words .dag-word{background:#eaf3ff!important;font-size:19px!important;font-weight:700;min-width:75px}.dag-sentence-words .dag-word:focus-visible{outline:3px solid #d78305}.dag-finish button{margin:6px}@media(prefers-reduced-motion:reduce){.da-learning-games *{transition:none!important}}

/* v21 friendly visual games */
.da-learning-games .dag-feature{border-color:#79d4d4!important;background:linear-gradient(145deg,#e5fbfb,#fff6ed)!important;box-shadow:0 3px 8px rgba(9,95,111,.08)}
.da-learning-games .dag-feature:hover{background:#d5faf4!important;transform:translateY(-2px)}
.dag-picture{font-size:clamp(90px,17vw,150px);text-align:center;line-height:1.4;background:radial-gradient(circle,#fff8df,#e9f8ff);border-radius:24px;margin:8px auto 18px;padding:12px;max-width:300px}
.dag-clock-wrap{display:flex;justify-content:center;background:#edfaff;border-radius:25px;padding:14px;margin:10px auto 17px;max-width:340px}.dag-clock-svg{width:min(100%,250px);height:auto;display:block}
.dag-friends{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:13px;margin:18px 0}.dag-friend{border:2px solid #c2e4e8;background:#f4fcff;border-radius:20px;display:flex;align-items:center;flex-direction:column;gap:5px;padding:18px 8px;min-width:0}.dag-friend-face{font-size:60px;line-height:1.3}.dag-friend strong{font-size:16px}.dag-friend small{font-size:12px;color:#53647b}.dag-friend.locked{filter:grayscale(.6);background:#f6f7f9;border-color:#dee4ea}
@media(max-width:600px){.dag-friends{grid-template-columns:repeat(2,minmax(0,1fr))}.dag-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.dag-mode{font-size:22px!important}.dag-mode b{font-size:15px}.dag-mode small{font-size:12px}}

.dag-clock-practice{border:1px solid #cce9f0;border-radius:16px;padding:16px;margin:20px 0;background:#f7fdff}.dag-clock-practice summary{cursor:pointer;font-weight:800;font-size:17px}.dag-clock-custom{max-width:175px;margin:13px auto}.dag-clock-practice label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.dag-clock-practice input[type=range]{width:min(65%,250px);accent-color:#007f9b}.dag-clock-practice [data-time-read]{display:block;text-align:center;font-size:22px;color:#006b85}