.app-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center;cursor:pointer}.app-card svg{display:block;margin:0 auto}.app-card-title{margin-top:8px;font-weight:700}.app-card-stats{margin-top:4px;font-size:14px}.streak-dots{display:flex;justify-content:center;margin-top:8px}.streak-dot{width:8px;height:8px;border:1px solid var(--accent);border-radius:50%;margin:0 4px;background-color:transparent}.streak-dot.filled{background-color:var(--accent)}.landing-page{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px}.landing-header,.landing-footer{width:100%;max-width:960px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.landing-footer{justify-content:center}.landing-language-label{font-weight:600;color:var(--color)}.landing-language-buttons{display:flex;gap:8px}.landing-language-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--card-bg);color:var(--color);cursor:pointer;transition:transform .2s,border-color .2s,color .2s}.landing-language-button:hover,.landing-language-button:focus-visible{transform:translateY(-1px);border-color:var(--accent)}.landing-language-button.active{border-color:var(--accent);color:var(--accent)}.landing-language-flag{font-size:1.2rem;line-height:1}.landing-language-text{font-size:.875rem}@media (max-width: 480px){.landing-language-text{display:none}}.landing-grid{width:100%;max-width:960px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.landing-empty{width:100%;max-width:960px;padding:32px;text-align:center;color:var(--color);border:1px dashed var(--border);border-radius:12px;background:var(--card-bg)}.landing-fork-link{color:var(--accent);font-weight:600;text-decoration:none}.landing-fork-link:hover,.landing-fork-link:focus-visible{text-decoration:underline}.victory-screen{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 16px;text-align:center}.victory-title{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--color)}.victory-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:600px}.victory-icon{width:72px;height:72px;object-fit:contain}.victory-icon.correct{filter:drop-shadow(0 0 4px rgba(129,199,132,.4))}.victory-icon.wrong{filter:drop-shadow(0 0 4px rgba(229,115,115,.4))}.victory-summary{font-size:1.1rem;color:var(--color)}.victory-screen .continue-button{min-width:200px}.wordmatch-container{display:flex;flex-direction:column;align-items:center;padding:16px}.wordmatch-image{width:300px;height:300px;object-fit:cover;object-position:center}.wordmatch-choices{display:grid;grid-template-columns:1fr;gap:8px;margin:16px auto 0;width:500px}@media (min-width: 400px){.wordmatch-choices{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));width:500px;margin:16px auto 0}}.choice-button{padding:12px 8px;min-height:48px;font-size:clamp(8px,2.5vw,16px);touch-action:manipulation;background:var(--card-bg);color:var(--color);border:1px solid var(--border);text-align:center;width:100%;min-width:100px}.choice-button.correct{background-color:var(--accent);color:#fff}.choice-button.wrong{background-color:var(--error);color:#fff}.imagematch-container{display:flex;flex-direction:column;align-items:center;padding:16px}.imagematch-word{font-size:24px;margin-bottom:16px;text-align:center}.imagematch-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:400px;justify-items:center}.imagematch-img{width:100%;height:150px;object-fit:cover;border:2px solid transparent;border-radius:8px}.imagematch-img.correct{border-color:var(--accent)}.imagematch-img.wrong{border-color:var(--error)}.error-counter{font-size:16px;color:var(--error);margin-bottom:12px}.feedback-image{width:48px;height:48px;margin-bottom:8px}.progress-bar{width:100%;height:8px;background:var(--border);border-radius:4px;margin-top:16px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);width:0}.first-letter-match-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:20px}.first-letter-match-image{max-width:80%;max-height:300px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.first-letter-match-choices{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;max-width:600px}.choice-button{background-color:#f0f0f0;color:var(--color-button-text);border:3px solid #ccc;border-radius:8px;padding:20px 15px;font-size:clamp(1em,3vw,2.5em);cursor:pointer;transition:background-color .2s,transform .2s;min-width:100px;text-align:center;box-shadow:2px 2px 5px #0003;width:100%}.choice-button:hover{background-color:var(--color-button-hover-background);transform:translateY(-2px)}.choice-button.correct{background-color:var(--color-correct);color:var(--color-button-text)}.choice-button.wrong{background-color:var(--color-wrong);color:var(--color-button-text)}.feedback-image{width:50px;height:50px;margin-bottom:10px}.error-counter{font-size:1.1em;color:var(--color-text)}.progress-bar{width:80%;height:10px;background-color:var(--color-progress-background);border-radius:5px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-progress-fill);width:0%;transition:width .5s ease-in-out}.inverse-first-letter-match-container{gap:16px}.inverse-first-letter-letter{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;color:var(--color);text-align:center}.inverse-first-letter-choices{width:100%;max-width:400px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;background-color:var(--bg);color:var(--color)}:root{--bg: #f9f9f9;--color: #000;--card-bg: #fff;--border: #ddd;--accent: #4caf50;--error: #f44336;--color-correct: var(--accent);--color-wrong: var(--error);--color-button-background: #e0e0e0;--color-button-hover-background: #d0d0d0;--color-button-border: #b0b0b0;--color-button-text: #333}@media (prefers-color-scheme: dark){:root{--bg: #121212;--color: #e0e0e0;--card-bg: #1f1f1f;--border: #444;--accent: #81c784;--error: #e57373;--color-button-background: #333;--color-button-hover-background: #444;--color-button-border: #666;--color-button-text: #bcbcbc}}.continue-button{padding:20px 40px;font-size:2em;background-color:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:20px;transition:background-color .2s}.continue-button:hover{background-color:#45a049}