/* V9: one visible game entry CTA and optional vocabulary review. */
#view-learning .training-preview{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:16px 0 12px;padding:13px 15px;border:1px solid #d4e7e9;border-radius:12px;background:#f3faf9}
#view-learning .training-preview strong{font-size:17px;color:#1f526a}
#view-learning .training-preview p{font-size:12px;margin:5px 0 0}
#view-learning #training-toggle{min-height:44px;padding:10px 14px;border:1px solid #bedce3;border-radius:10px;background:#fff;box-shadow:none;color:#1e687e;font-weight:800}
#view-learning #training-toggle:hover{background:#eaf9f7}
body[data-screen="learning"] main{padding-bottom:calc(117px + env(safe-area-inset-bottom,0px))}
#view-learning .training-actions{position:fixed;z-index:50;left:50%;bottom:max(0px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(760px,calc(100vw - 30px));margin:0;padding:12px 14px 12px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #cfe6e7;border-radius:15px 15px 0 0;background:rgba(249,254,255,.98);box-shadow:0 -5px 21px rgba(10,53,72,.16);backdrop-filter:blur(10px)}
#view-learning .training-actions-info{min-width:0;display:flex;flex-direction:column;gap:3px}
#view-learning .training-actions-info strong{font-size:15px;color:#245269}
#view-learning .training-actions-info small{font-size:12px;color:#66808b}
#view-learning #start-game{min-height:52px;min-width:218px;padding:12px 18px;display:flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:#0baa86;color:white;box-shadow:0 3px 11px rgba(15,116,97,.2);font-size:17px;font-weight:900;touch-action:manipulation}
#view-learning #start-game:hover{background:#078d70}
#view-learning #start-game:focus-visible,#view-learning #training-toggle:focus-visible{outline:3px solid #ffcf63;outline-offset:3px}
#view-learning .flashcards:not(.hidden){margin:10px 0 18px}
@media(max-width:760px){body[data-screen="learning"] main{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}#view-learning .training-preview{padding:12px}#view-learning #training-toggle{width:100%}#view-learning .training-actions{width:100%;border-radius:12px 12px 0 0;padding:8px 10px;gap:7px}#view-learning .training-actions-info strong{font-size:12px}#view-learning .training-actions-info small{font-size:11px}#view-learning #start-game{min-width:0;min-height:48px;padding:9px 13px;font-size:14px}}
@media(max-width:370px){#view-learning .training-actions-info strong{font-size:11px}#view-learning #start-game{font-size:13px;padding:8px 9px}}