*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#fff9f0;--orange:#7c3aed;--yellow:#ffd166;--green:#06d6a0;--blue:#118ab2;--pink:#ef476f;--purple:#9b59b6;--dark:#2c2d3a;--gray:#8896a5;--white:#fff;--radius-card:24px;--radius-btn:18px}body{background:#fff9f0;justify-content:center;align-items:center;height:100dvh;max-height:100dvh;padding:0 12px;font-family:Nunito,Comic Sans MS,cursive;display:flex;overflow:hidden}#root{justify-content:center;width:100%;padding-top:10px;display:flex}.screen{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:560px;height:100dvh;max-height:100dvh;animation:.35s cubic-bezier(.22,1,.36,1) screenIn;display:flex;position:relative;overflow:hidden}.quiz-screen{justify-content:flex-start;padding:8px 0;overflow:visible}@keyframes screenIn{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}#floats{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.float-item{opacity:.1;font-size:1.5rem;animation:linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(110vh)rotate(0)}8%{opacity:.1}92%{opacity:.1}to{opacity:0;transform:translateY(-60px)rotate(360deg)}}.lang-switcher{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:14px;right:0}.lang-label{color:var(--gray);white-space:nowrap;font-size:.82rem;font-weight:700}.lang-select-wrap{align-items:center;display:inline-flex;position:relative}.lang-select{appearance:none;background:var(--white);color:var(--dark);cursor:pointer;border:2.5px solid #dde3ec;border-radius:14px;outline:none;padding:9px 30px 9px 14px;font-family:inherit;font-size:.95rem;font-weight:700;transition:border-color .2s}.lang-select-wrap:after{content:"▾";pointer-events:none;color:var(--gray);font-size:.75rem;position:absolute;right:10px}@media (hover:hover){.lang-select:hover{border-color:var(--orange)}}.home-hero{text-align:center;z-index:1;padding:10px 0 14px;position:relative}.home-title{color:var(--orange);margin-bottom:8px;font-size:clamp(2rem,7vw,3rem);line-height:1.1}.home-sub{color:var(--gray);margin-bottom:12px;font-size:clamp(.95rem,3vw,1.15rem)}.home-actions{justify-content:center;gap:10px;margin-top:10px;display:flex}.topics-grid{z-index:1;grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid;position:relative}.topic-card{border-radius:var(--radius-card);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:3px solid #0000;padding:14px 14px 12px;font-family:inherit;transition:background .18s,color .18s;box-shadow:0 4px 18px #00000017}.topic-card:active{opacity:.85}.topic-card .t-icon{margin-bottom:6px;font-size:2rem;line-height:1;display:block}.topic-card .t-name{color:var(--dark);font-size:1.05rem;font-weight:700;transition:color .18s}.tc-add{background:#fff0e8;border-color:#ff8c5a}.tc-sub{background:#e8f4ff;border-color:#5aabdb}.tc-mul{background:#e8fff5;border-color:#0eb887}.tc-div{background:#ffe8f2;border-color:#ef476f}.tc-cmp{background:#f0e8ff;border-color:#a46dc2}.tc-tim{background:#fffde8;border-color:#d4a017}.quiz-top{z-index:1;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;width:100%;margin-bottom:clamp(4px,1.5vh,12px);display:flex;position:relative}.btn-back{background:var(--white);color:var(--gray);cursor:pointer;white-space:nowrap;border:2.5px solid #dde3ec;border-radius:14px;flex-shrink:0;padding:9px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s,color .2s}.topic-badge{white-space:nowrap;border:2px solid;border-radius:20px;padding:7px 12px;font-size:.82rem;font-weight:700}.score-badge{background:var(--white);border:2.5px solid var(--yellow);color:var(--dark);white-space:nowrap;border-radius:14px;margin-left:auto;padding:8px 13px;font-size:1rem;font-weight:700}.progress-wrap{z-index:1;flex-shrink:0;width:100%;margin-bottom:clamp(2px,1vh,6px);position:relative}.progress-track{background:#e8edf5;border-radius:20px;height:11px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--orange), var(--yellow));border-radius:20px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.q-counter{text-align:right;color:var(--gray);margin-top:5px;font-size:.82rem}.q-card{background:var(--white);text-align:center;z-index:1;border-radius:28px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(4px,1vh,10px);width:100%;min-height:0;margin:clamp(4px,1vh,8px) 0;padding:clamp(10px,2.5vh,18px) 24px;display:flex;position:relative;box-shadow:0 6px 28px #0000001a}.q-label{color:var(--gray);min-height:20px;font-size:.95rem;font-weight:700}.q-text{color:var(--dark);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:clamp(1.8rem,7vw,3.6rem);font-weight:700;line-height:1.15;display:flex}.cmp-blank{border-bottom:3px dashed var(--yellow);color:#ccc;justify-content:center;align-items:center;min-width:44px;height:44px;font-size:clamp(1.6rem,5vw,2.2rem);display:inline-flex}.ans-display{color:var(--orange);border-bottom:3px dashed var(--yellow);letter-spacing:4px;min-width:90px;min-height:52px;padding:4px 18px;font-size:clamp(2rem,7vw,2.8rem);line-height:1.2;display:inline-block}.clock-area{margin:6px auto 2px}.feedback{text-align:center;opacity:0;z-index:1;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-height:0;padding:clamp(5px,1.2vh,8px) 20px;font-size:clamp(.9rem,2.5vh,1.1rem);font-weight:700;line-height:1.3;transition:opacity .25s;display:flex;position:relative}.feedback.visible{opacity:1}.feedback.fb-correct{color:#0a7a50;background:#eafaf3}.feedback.fb-wrong{color:#c0293e;background:#fde8ed}.feedback.fb-reveal{color:#c05a00;background:#fff5e6}.keypad-wrap{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(4px,1vh,8px);width:100%;display:flex;position:relative}.keypad{grid-template-columns:repeat(3,1fr);gap:clamp(5px,1.2vh,9px);width:100%;max-width:285px;display:grid}.k-btn{background:var(--white);color:var(--dark);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:2.5px solid #dde3ec;border-radius:16px;min-height:0;padding:clamp(6px,1.4vh,10px) 8px;font-family:inherit;font-size:clamp(1.2rem,3.5vh,1.5rem);font-weight:700;transition:box-shadow .1s,transform .1s,background .12s;box-shadow:0 4px #d0d8e4}.k-btn:active{transform:translateY(4px);box-shadow:0 0 #d0d8e4}.k-del{color:#b82840;background:#fde8ed;border-color:#ef476f;box-shadow:0 4px #d43860}.k-del:active{box-shadow:0 0 #d43860}.k-go{background:var(--green);color:var(--white);border-color:#04b082;grid-column:span 3;width:100%;font-size:1.2rem;box-shadow:0 4px #04906a}.k-go:active{box-shadow:0 0 #04906a}.choices{z-index:1;flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:clamp(6px,1.5vh,11px);width:100%;display:flex;position:relative}.choices-grid{grid-template-columns:1fr 1fr;width:100%;max-width:360px;margin:0 auto;display:grid}.c-btn{background:var(--white);color:#1565c0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:3px solid #b8cce8;border-radius:20px;flex:1;justify-content:center;align-items:center;min-width:0;max-width:220px;padding:clamp(10px,2vh,16px) 22px;font-family:inherit;font-size:clamp(1.2rem,3.5vh,1.6rem);font-weight:700;transition:box-shadow .1s,transform .1s,background .12s;display:flex;box-shadow:0 4px #8aafd4}.c-btn:active{transform:translateY(4px);box-shadow:0 0 #8aafd4}.c-btn:disabled{cursor:default;transform:none}.c-btn.cb-correct{color:#0a7a50;background:#eafaf3;border-color:#06d6a0;box-shadow:0 4px #04b082}.c-btn.cb-wrong{color:#b82840;background:#fde8ed;border-color:#ef476f;box-shadow:0 4px #d43860}.c-btn.cb-reveal{color:#0a7a50;background:#eafaf3;border-color:#06d6a0;animation:.4s revealPop;box-shadow:0 4px #04b082}@keyframes revealPop{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.quiz-screen{flex-direction:column;overflow:visible}.quiz-main-col{flex-direction:column;align-items:center;width:100%;display:flex}.help-anchor{flex-shrink:0;justify-content:center;width:100%;display:flex;position:relative}.quiz-help-col{z-index:100;width:348px;max-height:90dvh;position:absolute;top:0;left:calc(100% + 40px)}.btn-help{color:#7c3aed;cursor:pointer;z-index:1;background:#f3eeff;border:2.5px solid #7c3aed;border-radius:16px;flex-shrink:0;width:100%;max-width:285px;margin:clamp(2px,.8vh,6px) 0;padding:clamp(7px,1.5vh,11px) 18px;font-family:inherit;font-size:clamp(.85rem,2vh,1rem);font-weight:700;transition:background .15s,transform .1s;position:relative}.btn-help:active{transform:translateY(2px)}.help-panel{background:#faf6ff;border:2.5px solid #7c3aed;border-radius:22px;flex-direction:column;height:100%;display:flex;overflow:hidden}.help-panel-header{color:#7c3aed;border-bottom:1.5px solid #e4d4ff;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px 12px;font-size:1.1rem;font-weight:700;display:flex}.help-close{cursor:pointer;color:#9b59b6;background:0 0;border:none;border-radius:8px;padding:2px 6px;font-size:1.1rem;line-height:1}.help-panel-body{flex:1;justify-content:center;align-items:center;padding:18px;display:flex}.help-visual{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.help-hint{color:var(--gray);text-align:center;font-size:.9rem;font-weight:700}.help-dot-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.help-plus{color:#7c3aed;font-size:1.8rem;font-weight:700;line-height:1}.help-arrow{color:var(--gray);font-size:.95rem}.help-ans-label{color:var(--dark);background:#e4d4ff;border-radius:12px;padding:8px 18px;font-size:1.15rem;font-weight:700}.help-col-arith{color:var(--dark);white-space:pre;background:#f9f9fb;border-radius:14px;padding:14px 24px;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700;line-height:1.5;display:inline-block}.hca-row{text-align:right}.hca-second{position:relative}.hca-op{position:absolute;left:-1.1ch}.hca-line{border-top:3px solid var(--dark);margin:4px 0}.hca-ans{color:#7c3aed}.help-repeated{color:var(--dark);background:#f9f9fb;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:4px;padding:10px 14px;font-size:1.05rem;font-weight:700;display:flex}.help-repeated-group{color:#7c3aed}.help-repeated-eq{color:#06d6a0}.help-div-groups{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.help-div-group{border:2.5px solid;border-radius:14px;flex-wrap:wrap;gap:5px;padding:8px;display:flex}.help-div-dot{border-radius:50%;width:14px;height:14px}.help-clock-legend{flex-direction:column;gap:8px;width:100%;display:flex}.help-clock-row{color:var(--dark);align-items:center;gap:8px;font-size:.9rem;display:flex}.help-clock-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}@media (width<=1000px){.quiz-help-col{width:100%;max-height:none;margin-top:12px;position:static}.help-anchor{flex-direction:column;align-items:center}.quiz-screen{overflow-y:auto}}@media (width>=600px){.btn-help{max-width:308px}}@media (hover:hover){.tc-add:hover{background:#ff8c5a}.tc-sub:hover{background:#5aabdb}.tc-mul:hover{background:#0eb887}.tc-div:hover{background:#ef476f}.tc-cmp:hover{background:#a46dc2}.tc-tim:hover{background:#d4a017}.topic-card:hover .t-name{color:#fff}.btn-back:hover{border-color:var(--orange);color:var(--orange)}.k-btn:hover{background:#f6f8fb}.k-del:hover{background:#fcd4dc}.k-go:hover{background:#07c895}.c-btn:hover{background:#ebf4ff;transform:translateY(-2px)}.btn-primary:hover{background:#6d28d9}.btn-secondary:hover{background:#dceaf8}.btn-icon:hover{border-color:var(--orange)}.btn-help:hover,.help-close:hover{background:#eae0ff}}.results-card{background:var(--white);text-align:center;z-index:1;border-radius:28px;width:100%;padding:36px 28px 32px;position:relative;box-shadow:0 6px 32px #0000001a}.r-title{color:var(--orange);margin-bottom:14px;font-size:clamp(1.8rem,6vw,2.6rem)}.r-stars{letter-spacing:6px;margin-bottom:14px;font-size:clamp(2.6rem,9vw,4rem);animation:.55s cubic-bezier(.22,1,.36,1) .25s both starPop}@keyframes starPop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.r-score{color:var(--dark);margin-bottom:12px;font-size:1.3rem}.r-msg{color:#555;background:#f9f9fb;border-radius:16px;margin-bottom:26px;padding:14px 18px;font-size:1.1rem;line-height:1.5}.r-btns{flex-direction:column;align-items:center;gap:12px;display:flex}.btn-primary{background:var(--orange);color:var(--white);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:22px;padding:17px 44px;font-family:inherit;font-size:1.3rem;font-weight:700;transition:box-shadow .12s,transform .12s,background .12s;box-shadow:0 5px #5b21b6}.btn-primary:active{transform:translateY(5px);box-shadow:0 0 #5b21b6}.btn-secondary{color:#1565c0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ebf0fa;border:none;border-radius:22px;padding:15px 38px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:box-shadow .12s,transform .12s;box-shadow:0 4px #b0c4e4}.btn-secondary:active{transform:translateY(4px);box-shadow:0 0 #b0c4e4}.btn-icon{background:var(--white);cursor:pointer;border:2.5px solid #dde3ec;border-radius:14px;padding:9px 14px;font-family:inherit;font-size:1.2rem;line-height:1;transition:border-color .2s}@keyframes cardBounce{0%{transform:scale(1)}30%{transform:scale(1.06)}60%{transform:scale(.97)}to{transform:scale(1)}}.bouncing{animation:.42s cardBounce}#confetti-canvas{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;inset:0}.settings-screen{justify-content:flex-start;gap:16px;padding:16px 0 24px;overflow-y:auto}.settings-header{z-index:1;align-items:center;gap:12px;width:100%;padding-bottom:4px;display:flex;position:relative}.settings-header h2{color:var(--orange);flex:1;font-size:1.6rem}.settings-section{background:var(--white);z-index:1;border-radius:20px;width:100%;padding:20px;position:relative;box-shadow:0 4px 16px #00000014}.settings-section h3{color:var(--dark);align-items:center;gap:8px;margin-bottom:14px;font-size:1.05rem;display:flex}.settings-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gray);margin:14px 0 6px;font-size:.78rem;font-weight:700}.settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-row:last-child{margin-bottom:0}.settings-row label{color:var(--dark);flex:1;font-size:.95rem}.settings-row input[type=number]{text-align:center;border:2px solid #dde3ec;border-radius:10px;width:72px;padding:8px 10px;font-family:inherit;font-size:1rem}.settings-row select{cursor:pointer;background:#fff;border:2px solid #dde3ec;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:.95rem}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--white);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--dark);border:2.5px solid #dde3ec;border-radius:20px;padding:7px 13px;font-family:inherit;font-size:1rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.chip.selected{background:var(--orange);border-color:var(--orange);color:var(--white)}.settings-footer{z-index:1;justify-content:center;gap:12px;width:100%;padding-bottom:8px;display:flex;position:relative}@media (width>=600px){body{padding:28px 24px 48px}.topics-grid{gap:16px}.topic-card{padding:26px 18px 22px}.topic-card .t-icon{font-size:3rem}.keypad{gap:10px;max-width:308px}}@media (width<=360px){.topic-card{padding:16px 10px 14px}.topic-card .t-icon{font-size:2.2rem}.topic-card .t-name{font-size:.9rem}.c-btn{padding:14px 12px;font-size:1.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}