:root{--bg:#fff7ed;--bg-alt:#fff;--surface:#fff;--border:#fde6c8;--primary:#f97316;--primary-dark:#ea580c;--secondary:#10b981;--accent:#6366f1;--warning:#f59e0b;--pink:#ec4899;--text:#1f2937;--text-soft:#6b7280;--shadow:0 4px 14px #f973162e;--shadow-strong:0 8px 24px #f9731647;--radius:18px;--radius-lg:24px;--sans:"Nunito", "Segoe UI", system-ui, sans-serif;--arabic:"Amiri", "Scheherazade New", "Noto Naskh Arabic", serif;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}@media (prefers-color-scheme:dark){:root{--bg:#0f172a;--bg-alt:#1e293b;--surface:#1e293b;--border:#334155;--text:#f1f5f9;--text-soft:#94a3b8;--shadow:0 4px 14px #0006;--shadow-strong:0 8px 24px #00000080}}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{background:var(--bg);margin:0}#root{max-width:1100px;margin:0 auto;padding:16px}h1,h2,h3{color:var(--text);letter-spacing:-.5px;margin:0 0 12px;font-weight:800}h1{font-size:2.2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}p{margin:0}button{cursor:pointer;background:var(--primary);color:#fff;box-shadow:var(--shadow);border:none;border-radius:999px;padding:12px 22px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}button:not(.card):not(.ghost):not(.script-option):not(.quiz-option):hover{background:var(--primary-dark);box-shadow:var(--shadow-strong);transform:translateY(-2px)}button:active{transform:translateY(0)}button.ghost{color:var(--text);box-shadow:none;background:0 0;padding:8px 14px}button.ghost:hover{background:var(--border);box-shadow:none;transform:none}button.secondary{background:var(--secondary)}button.accent{background:var(--accent)}a{color:var(--accent);text-decoration:none}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.arabic{font-family:var(--arabic);direction:rtl}.app-header{justify-content:space-between;align-items:center;padding:12px 8px 24px;display:flex}.app-header .brand{color:var(--primary-dark);align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.app-header .brand .logo{font-size:1.8rem}.app-header nav{gap:8px;display:flex}.level-select{text-align:center;padding:24px 8px}.level-select h1{font-size:2.6rem}.level-select .subtitle{color:var(--text-soft);margin-bottom:28px}.level-card{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;transition:transform .18s,border-color .18s;display:flex}.level-card:hover{border-color:var(--primary);transform:translateY(-4px)}.level-card .emoji{font-size:3.5rem}.level-card .label{color:var(--primary-dark);font-size:1.6rem;font-weight:800}.level-card .age{color:var(--text-soft);font-weight:600}.module-tile{cursor:pointer;border-left:8px solid var(--primary);flex-direction:column;gap:6px;padding:24px;transition:transform .18s;display:flex}.module-tile:hover{transform:translateY(-4px)}.module-tile .icon{font-size:2.5rem}.module-tile h3{margin:0}.module-tile p{color:var(--text-soft)}.module-tile.vocab{border-left-color:var(--primary)}.module-tile.games{border-left-color:var(--pink)}.module-tile.alphabet{border-left-color:var(--accent)}.module-tile.progress{border-left-color:var(--secondary)}.category-tabs{flex-wrap:wrap;gap:8px;margin:16px 0 24px;display:flex}.category-tabs button{background:var(--surface);color:var(--text);border:2px solid var(--border);box-shadow:none;padding:8px 16px}.category-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.category-tabs button:hover{border-color:var(--primary);transform:translateY(-2px)}.flashcard{text-align:center;background:var(--surface);border:3px solid var(--border);border-radius:var(--radius-lg);max-width:460px;box-shadow:var(--shadow-strong);margin:0 auto;padding:36px 24px}.flashcard .big-emoji{font-size:6rem;line-height:1}.flashcard .french{color:var(--primary-dark);margin:12px 0 8px;font-size:2rem;font-weight:800}.flashcard .arabic-text{font-size:3rem;font-weight:700;font-family:var(--arabic);direction:rtl;margin:8px 0}.flashcard .latin-text{color:var(--accent);font-size:1.6rem;font-style:italic;font-weight:700}.flashcard .speak-btn{margin-top:16px;padding:10px 20px;font-size:1.4rem}.flashcard .learned-tag{color:var(--secondary);margin-top:12px;font-weight:800;display:block}.flash-nav{justify-content:space-between;align-items:center;max-width:460px;margin:16px auto 0;display:flex}.flash-nav .counter{color:var(--text-soft);font-weight:700}.letter-card{text-align:center;cursor:pointer;padding:18px 12px;transition:transform .18s}.letter-card:hover{border-color:var(--accent);transform:translateY(-3px)}.letter-card .big-letter{font-size:3.5rem;font-family:var(--arabic);color:var(--accent);font-weight:700}.letter-card .letter-name{font-weight:800}.letter-card .letter-latin{color:var(--text-soft);font-size:.9rem}.letter-detail{text-align:center;max-width:460px;margin:0 auto;padding:32px}.letter-detail .huge-letter{font-size:9rem;line-height:1;font-family:var(--arabic);color:var(--accent)}.letter-detail .example{background:var(--bg);border-radius:var(--radius);margin-top:24px;padding:16px}.letter-detail .example .emoji{font-size:3rem}.script-option{text-align:left;background:var(--surface);border:2px solid var(--border);color:var(--text);box-shadow:none;border-radius:var(--radius);flex-direction:column;align-items:flex-start;width:100%;padding:16px;display:flex}.script-option.active{border-color:var(--primary);background:#fff7ed}.script-option .label{font-size:1.1rem;font-weight:800}.script-option .hint{color:var(--text-soft);font-size:.95rem;font-weight:500}@media (prefers-color-scheme:dark){.script-option.active{background:#f9731626}}.progress-bar{background:var(--border);border-radius:999px;height:24px;margin:12px 0 24px;overflow:hidden}.progress-bar>div{background:linear-gradient(90deg, var(--primary), var(--pink));height:100%;transition:width .4s}.category-progress{margin-bottom:18px}.category-progress h3{justify-content:space-between;margin:0 0 6px;display:flex}.category-progress h3 span:last-child{color:var(--text-soft);font-weight:600}.coming-soon{text-align:center;color:var(--text-soft);padding:60px 20px}.coming-soon .emoji{font-size:4rem}.memory-board{grid-template-columns:repeat(4,1fr);gap:10px;max-width:520px;margin:16px auto 0;display:grid}.memory-cell{aspect-ratio:1;perspective:800px;cursor:pointer}.memory-cell .face{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s;position:relative}.memory-cell.flipped .face,.memory-cell.matched .face{transform:rotateY(180deg)}.memory-cell .front,.memory-cell .back{border-radius:var(--radius);text-align:center;backface-visibility:hidden;border:2px solid var(--border);justify-content:center;align-items:center;padding:8px;font-weight:800;display:flex;position:absolute;inset:0}.memory-cell .front{background:linear-gradient(135deg, var(--primary), var(--pink));color:#fff;font-size:2rem}.memory-cell .back{background:var(--surface);transform:rotateY(180deg)}.memory-cell.matched .back{border-color:var(--secondary);box-shadow:0 0 0 3px #10b98166}.memory-cell .back .emoji{font-size:2.4rem}.memory-cell .back .label-fr{color:var(--primary-dark);font-size:1rem}.memory-cell .back .label-ar{font-family:var(--arabic);direction:rtl;font-size:1.6rem}.memory-cell .back .label-lt{color:var(--accent);font-size:.95rem;font-style:italic}.game-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 16px;display:flex}.game-toolbar .stats{color:var(--text-soft);font-weight:800}.quiz-card{text-align:center;max-width:520px;margin:0 auto;padding:28px 18px}.quiz-card .prompt-fr{color:var(--primary-dark);margin:8px 0;font-size:2rem;font-weight:800}.quiz-card .big-emoji{font-size:6rem}.quiz-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.quiz-option{background:var(--surface);color:var(--text);border:2px solid var(--border);box-shadow:none;border-radius:var(--radius);text-align:center;padding:16px;font-weight:800}.quiz-option .ar{font-family:var(--arabic);direction:rtl;font-size:1.6rem;display:block}.quiz-option .lt{color:var(--accent);font-size:1rem;font-style:italic;display:block}.quiz-option:hover{border-color:var(--primary);transform:translateY(-2px)}.quiz-option.correct{border-color:var(--secondary);background:#10b98126}.quiz-option.wrong{background:#ef44441f;border-color:#ef4444}.feedback{margin-top:14px;font-size:1.2rem;font-weight:800}.feedback.ok{color:var(--secondary)}.feedback.ko{color:#ef4444}.confetti-container{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;width:10px;height:14px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:.9;transform:translateY(110vh)rotate(720deg)}}.privacy{max-width:700px;margin:0 auto}.privacy h2{color:var(--primary-dark);margin-bottom:10px;font-size:1.15rem}.privacy p{margin-bottom:10px;line-height:1.5}.privacy ul{margin-bottom:10px;padding-left:20px;line-height:1.6}.privacy code{background:var(--border);border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.9em}.ad-container{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:320px;margin:24px auto;display:flex}.ad-container .ad-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.end-screen{text-align:center;padding:32px 16px}.end-screen .trophy{font-size:4.5rem}.end-screen .score{color:var(--primary-dark);margin:8px 0 16px;font-size:1.6rem;font-weight:800}.end-screen .actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}