@import"https://fonts.googleapis.com/css2?family=Varela+Round&family=Fredoka:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{direction:rtl}body{font-family:Varela Round,sans-serif;background:radial-gradient(circle at top left,rgba(255,220,196,.6),transparent 55%),radial-gradient(circle at 20% 80%,rgba(222,247,255,.7),transparent 50%),radial-gradient(circle at 80% 30%,rgba(227,223,255,.65),transparent 52%),#f6f8fb;color:#20293a;min-height:100vh;background-attachment:fixed}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(250,207,88,.35) 1px,transparent 2px),radial-gradient(rgba(126,213,245,.35) 1px,transparent 2px),radial-gradient(rgba(255,137,190,.35) 1px,transparent 2px);background-size:120px 120px,140px 140px,200px 200px;animation:confettiFloat 22s linear infinite;z-index:-1}@keyframes confettiFloat{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}to{transform:translateY(0) rotate(-1deg)}}.app-container{max-width:1160px;margin:0 auto;padding:0 1.75rem 3rem}.title-display{font-family:Fredoka,Varela Round,sans-serif;font-weight:600;letter-spacing:.5px}.playful-card{background:#fffffff2;border-radius:26px;box-shadow:0 22px 45px #1a294724;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.6)}.playful-card:before,.playful-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(252,222,206,.55),transparent 70%);z-index:0}.playful-card:before{top:-90px;right:-90px}.playful-card:after{bottom:-110px;left:-120px;background:radial-gradient(circle,rgba(207,228,255,.55),transparent 70%)}.playful-card>*{position:relative;z-index:1}.bubbly-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:#ff89be2e;color:#c51f7a;font-weight:600;font-size:.95rem}.status-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:999px;font-weight:600;font-size:.95rem}.status-chip.success{background:#22c55e29;color:#15803d}.status-chip.error{background:#ef444429;color:#b91c1c}.status-chip.info{background:#3b82f629;color:#1d4ed8}.sparkle{animation:sparklePop 1.8s ease-in-out infinite}:root:fullscreen body,body:fullscreen,body:-webkit-full-screen,body:-moz-full-screen{background:#0f172a}:root:fullscreen .app-container,body:fullscreen .app-container,body:-webkit-full-screen .app-container,body:-moz-full-screen .app-container{padding:1.5rem;max-width:none}:root:fullscreen header,body:fullscreen header,body:-webkit-full-screen header,body:-moz-full-screen header{display:none}:root:fullscreen .classroom-content,body:fullscreen .classroom-content,body:-webkit-full-screen .classroom-content,body:-moz-full-screen .classroom-content{max-width:1200px;padding:3.5rem;gap:3rem}:root:fullscreen .classroom-question,body:fullscreen .classroom-question,body:-webkit-full-screen .classroom-question,body:-moz-full-screen .classroom-question{font-size:3.4rem;line-height:1.3}:root:fullscreen .classroom-answer-button,body:fullscreen .classroom-answer-button,body:-webkit-full-screen .classroom-answer-button,body:-moz-full-screen .classroom-answer-button{font-size:2rem;padding:1.8rem 2.2rem}:root:fullscreen .classroom-top-bar,body:fullscreen .classroom-top-bar,body:-webkit-full-screen .classroom-top-bar,body:-moz-full-screen .classroom-top-bar{justify-content:center}:root:fullscreen .teacher-toolbar,body:fullscreen .teacher-toolbar,body:-webkit-full-screen .teacher-toolbar,body:-moz-full-screen .teacher-toolbar{margin-inline-start:auto}@keyframes sparklePop{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(3deg)}}.button-pop{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}.button-pop:hover{transform:translateY(-2px);box-shadow:0 14px 26px #0f172a2e}.button-pop:active{transform:translateY(0) scale(.97);box-shadow:0 10px 18px #0f172a38}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button-icon{display:inline-flex;align-items:center;justify-content:center}.teacher-toolbar{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:999px;background:#94a3b838;color:#1e293b;box-shadow:0 12px 22px #0f172a1f}.teacher-toolbar__controls{display:inline-flex;align-items:center;gap:.35rem}.teacher-toolbar__timer{background:#ffffff8c;color:#0f172a;font-size:.8rem;padding:.15rem .4rem;border-radius:999px}.teacher-toolbar__duration{display:flex;align-items:center;gap:.3rem}.teacher-toolbar__duration-display{font-size:.82rem;font-weight:600;color:#1f2937}.teacher-toolbar__duration-editor{display:flex;align-items:center;gap:.3rem}.score-label-text{margin-inline:.35rem .45rem;font-weight:600}.teacher-toolbar__duration-actions{display:flex;align-items:center;gap:.3rem}.teacher-toolbar__center{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:120px}.teacher-toolbar__display{display:inline-flex;align-items:center;gap:.35rem;font-size:.92rem;font-weight:600;color:#0f172a}.teacher-toolbar__input{width:70px;padding:.25rem .45rem;border-radius:8px;border:1px solid rgba(148,163,184,.55);background:#fff9;font-size:.8rem;font-family:Rubik,Assistant,Arial,sans-serif;text-align:center;color:#0f172a;transition:border-color .18s ease,box-shadow .18s ease}.teacher-toolbar__input:focus{outline:none;border-color:#6366f199;box-shadow:0 0 0 3px #6366f12e}.teacher-toolbar__error{font-size:.68rem;color:#ef4444;margin-inline-start:.2rem}.teacher-toolbar__button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(148,163,184,.4);background:#94a3b833;color:#1e293b;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease;position:relative;overflow:hidden}.teacher-toolbar__button.pulse-overlay.is-clicked:after,.teacher-toolbar__button.pulse-overlay:active:after{animation:buttonPulse .32s ease-out forwards}.teacher-toolbar__button:hover{transform:translateY(-1px);background:#94a3b84d;box-shadow:0 6px 12px #0f172a24}.teacher-toolbar__button:active{transform:translateY(0) scale(.95)}.teacher-toolbar__button:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659}.teacher-toolbar__button--danger{border-color:#ef444473;background:#ef44442e}.teacher-toolbar__divider{width:1px;height:18px;background:#0f172a2e}.answer-button{position:relative;border:1px solid rgba(148,163,184,.3);box-shadow:0 12px 24px #0f172a1f;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out;overflow:hidden}.answer-button.pulse-overlay:active:after{animation:buttonPulse .32s ease-out forwards}.answer-button:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#f8fafcf2;opacity:0;transform:scale(.6);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.pulse-overlay:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#ffffff38;opacity:0;transform:scale(.9);pointer-events:none}.pulse-overlay.is-clicked:after,.pulse-overlay:active:after{animation:buttonPulse .32s ease-out forwards}.answer-button:hover{transform:scale(1.03);box-shadow:0 20px 32px #0f172a33}.answer-button:active{transform:scale(.98)}.answer-button--correct{background:linear-gradient(135deg,#34d399,#22c55e);color:#f0fdf4;box-shadow:0 22px 40px #22c55e59}.answer-button--correct:after{opacity:1;transform:scale(1)}.answer-button--incorrect{background:#ef44442e;color:#b91c1c;box-shadow:0 18px 32px #ef444447;animation:answerShake .45s ease}.answer-button--dimmed{opacity:.45}@keyframes answerShake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}@keyframes buttonPulse{0%{opacity:.3;transform:scale(.88)}70%{opacity:.12;transform:scale(1.12)}to{opacity:0;transform:scale(1.28)}}.playful-btn{position:relative;border:none;border-radius:999px;color:#fff;font-weight:600;letter-spacing:.02em;padding:.85rem 2.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-size:1.02rem;font-family:Rubik,Assistant,Arial,sans-serif;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;overflow:hidden}.playful-btn:hover,.playful-btn:focus-visible{transform:translateY(-1px);filter:brightness(1.02)}.playful-btn:active{transform:translateY(0) scale(.97)}.playful-btn:disabled,.playful-btn.is-disabled,.playful-btn:disabled:hover,.playful-btn:disabled:focus-visible{cursor:not-allowed;opacity:.6;transform:none;filter:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#4f46e5,#5f5ff6);box-shadow:0 12px 24px #4f46e547}.btn-primary:hover,.btn-primary:focus-visible{box-shadow:0 16px 28px #4f46e552}.btn-danger{background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 12px 24px #ef444447}.btn-danger:hover,.btn-danger:focus-visible{box-shadow:0 16px 28px #ef444452}.playful-btn.quiz-action-button{padding:.6rem 1.15rem;font-size:.95rem;box-shadow:0 10px 18px #0f172a1f}.fade-slide-in{animation:fadeSlide .54s ease forwards;opacity:0;transform:translateY(18px) scale(.97)}@keyframes fadeSlide{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.celebration-sticker{position:fixed;top:2rem;left:50%;transform:translate(-50%);background:#ffffffed;border-radius:24px;padding:1rem 1.5rem;box-shadow:0 18px 36px #0f172a29;border:1px solid rgba(255,255,255,.7);display:inline-flex;align-items:center;gap:.75rem;font-family:Fredoka,Varela Round,sans-serif;font-size:1.1rem;z-index:2000;animation:stickerPop .48s ease}@keyframes stickerPop{0%{transform:translate(-50%,-10px) scale(.6);opacity:0}70%{transform:translate(-50%,2px) scale(1.05);opacity:1}to{transform:translate(-50%) scale(1)}}.progress-ring{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;font-family:Fredoka,Varela Round,sans-serif;font-weight:600;color:#312e81}.progress-ring:after{content:"";position:absolute;width:68px;height:68px;border-radius:50%;background:#ffffffdb;box-shadow:inset 0 12px 24px #6366f12e}.progress-ring span{position:relative;z-index:1;font-size:1.05rem}.score-flip{display:inline-block;animation:scoreFlip .48s ease}@keyframes scoreFlip{0%{transform:rotateX(90deg);opacity:0}60%{transform:rotateX(-10deg);opacity:1}to{transform:rotateX(0)}}.answer-celebration{position:absolute;top:-1rem;right:1.5rem;background:#22c55e33;color:#15803d;padding:.45rem 1.1rem;border-radius:999px;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;animation:celebrationPop .52s ease}@keyframes celebrationPop{0%{transform:translateY(-10px) scale(.7);opacity:0}70%{transform:translateY(2px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1)}}.summary-stars{display:flex;gap:.6rem;font-size:2rem;justify-content:center;animation:sparklePop 1.8s ease-in-out infinite}