body>[data-astro-cid-37u565j7]:not(header):not(footer):not(#cookie-banner):not(main):not(.container):not(#app):not(#screen-start){width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:.8rem}.container-main{max-width:var(--max-width);margin:0 auto;padding:2rem .8rem}.game-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.game-header{flex-direction:row;justify-content:space-between;align-items:center}}.page-title{font-size:1.875rem;font-weight:700;color:var(--purple-primary);margin:0;letter-spacing:-.5px}.tabs-container{display:flex;gap:1rem;background:var(--bg-card);padding:.5rem;border-radius:1rem;border:2px solid var(--border-color)}.tab-button{flex:1;padding:1rem 1.5rem;background:transparent;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-button-active{background:var(--bg-color);color:var(--purple-primary);box-shadow:0 4px 10px #5a4a781f}.tab-button:hover:not(.tab-button-active){color:var(--purple-primary)}.content-section{display:block}.content-section-hidden{display:none!important}.content-section{display:flex;flex-direction:column;gap:1.5rem}.card{background:var(--bg-color);padding:1.5rem;border-radius:1.5rem;border:2px solid var(--border-color);box-shadow:0 2px 8px #0000000a}@media(min-width:768px){.card{padding:2rem}}.card-title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0 0 1rem}.card-text{font-size:1rem;color:var(--text-muted);line-height:1.6;margin:0}.card-text strong{color:var(--text-color);font-weight:700}.fraction-demo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:#5a4a780d;border-radius:1rem;border:2px solid rgba(90,74,120,.1);margin-top:1.5rem}@media(min-width:768px){.fraction-demo{gap:2rem}}.fraction-item{display:flex;flex-direction:column;align-items:center;gap:1rem}.fraction-label{font-size:1.5rem;font-weight:700;color:var(--purple-primary)}.fraction-sublabel{font-size:.875rem;color:var(--text-muted)}.fraction-equals{font-size:1.875rem;font-weight:700;color:var(--bg-card-hover);line-height:1}.examples-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media(min-width:768px){.examples-grid{grid-template-columns:1fr 1fr}}.example{padding:1.5rem;border-radius:1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.example-correct{background:#10b98114;border:2px solid rgba(16,185,129,.2)}.example-incorrect{background:#ef44440f;border:2px solid rgba(239,68,68,.15)}.example-title{font-size:1.125rem;font-weight:700;margin:0}.example-title-success{color:#065f46}.example-title-error{color:#7f1d1d}.example-text{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.5}.quiz-progress{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}@media(min-width:640px){.quiz-progress{flex-direction:row;align-items:center;justify-content:space-between}}.progress-text{font-size:.875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.progress-dots{display:flex;gap:.5rem}.progress-dot{width:12px;height:12px;border-radius:9999px;background:var(--border-color);transition:all .2s ease}.progress-dot-active{background:var(--purple-primary);box-shadow:0 0 0 6px #5a4a781a;width:16px;height:16px}.progress-dot-completed{background:#5a4a784d}.quiz-card{background:var(--bg-color);padding:2rem;border-radius:1.5rem;border:2px solid var(--border-color);box-shadow:0 8px 24px #0000000f}@media(min-width:768px){.quiz-card{padding:3rem}}.quiz-type-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--purple-primary);margin-bottom:1rem;padding:1rem;background:#5a4a780d;border-radius:.75rem}.quiz-question-title{font-size:1.5rem;font-weight:700;color:var(--text-color);text-align:center;margin:0 0 1.5rem;line-height:1.4}.quiz-visual-container{display:flex;justify-content:center;margin-bottom:2rem}.quiz-visual-container.hidden{display:none}.options-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media(min-width:640px){.options-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.options-grid{grid-template-columns:repeat(5,1fr)}}.option-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;background:var(--bg-color);border:2px solid var(--border-color);border-radius:1rem;text-align:center;cursor:pointer;transition:all .2s ease}.option-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;border-color:var(--purple-primary)}.option-card.selected{border-color:var(--purple-primary);background:#5a4a780a;box-shadow:0 8px 20px #5a4a781a}.option-checkbox{position:absolute;top:8px;left:8px;width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;background:var(--bg-color);transition:all .2s ease}.option-checked{background:var(--purple-primary);border-color:var(--purple-primary);box-shadow:inset 0 0 0 2px var(--bg-color)}.option-visual{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:.5rem 0}.option-label{font-size:.875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.option-fraction{font-size:1.875rem;font-weight:700;color:var(--text-color);margin:1rem 0}.option-icon{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem}.option-icon-correct{background:var(--green-base);color:#fff}.option-icon-wrong{background:var(--red-base);color:#fff}.feedback-box{margin-top:1.5rem;padding:1.5rem;border-radius:1rem;font-weight:700;text-align:center;border:2px solid;max-width:600px;margin-left:auto;margin-right:auto;animation:slideIn .3s ease-out}.feedback-box.hidden{display:none}.feedback-success{background:#10b98114;border-color:#10b98133;color:#065f46}.feedback-warning{background:#f59e0b14;border-color:#f59e0b33;color:#92400e}.button-group{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.btn-primary{padding:1rem 1.5rem;background:var(--purple-primary);color:#fff;border:none;border-radius:1rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover:not(.btn-disabled){background:var(--purple-base);transform:translateY(-2px);box-shadow:0 8px 20px #5a4a784d}.btn-primary:active:not(.btn-disabled){transform:translateY(0)}.btn-disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed;opacity:.6}.btn-check{min-width:200px}.results-card{background:var(--bg-color);padding:3rem;border-radius:1.5rem;border:2px solid var(--border-color);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:600px;margin:0 auto}.results-icon{font-size:2.25rem}.results-title{font-size:1.875rem;font-weight:700;color:var(--text-color);margin:0}.results-text{font-size:1.125rem;color:var(--text-muted);line-height:1.6;margin:0}.score-highlight{font-weight:800;color:var(--purple-primary);font-size:1.5rem}.svg-lg{width:120px;height:120px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.svg-md{width:100px;height:100px}.svg-xl{width:160px;height:160px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.8)}to{transform:scale(1)}}.hidden{display:none!important}