:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--foreground:#ededed}}body{background:var(--background);color:var(--foreground)}.game-container,body{font-family:Arial,Helvetica,sans-serif}.game-container{min-height:100vh;background:linear-gradient(135deg,#fce7f3,#fef3c7 50%,#cffafe);color:#1e293b;display:flex;align-items:center;justify-content:center;padding:.5rem}@media (min-width:640px){.game-container{padding:1rem}}@media (min-width:1024px){.game-container{padding:1.5rem}}.main-content{width:100%;max-width:100%}@media (min-width:640px){.main-content{max-width:32rem}}@media (min-width:768px){.main-content{max-width:36rem}}@media (min-width:1024px){.main-content{max-width:40rem}}.game-card{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.6);padding:1rem}@media (min-width:640px){.game-card{border-radius:1.25rem;padding:1.25rem}}@media (min-width:768px){.game-card{border-radius:1.5rem;padding:1.5rem}}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}@media (min-width:640px){.game-header{margin-bottom:1rem;gap:0}}.game-title{font-size:1.25rem;font-weight:800;letter-spacing:-.025em;color:#a855f7;line-height:1.2}@media (min-width:640px){.game-title{font-size:1.5rem}}@media (min-width:768px){.game-title{font-size:1.875rem}}.score-display{font-size:.75rem;font-weight:700;background:#f3e8ff;color:#a855f7;padding:.25rem .5rem;border-radius:9999px;white-space:nowrap}@media (min-width:640px){.score-display{font-size:.875rem;padding:.25rem .75rem}}@media (min-width:768px){.score-display{font-size:1rem}}.image-container{position:relative;margin-bottom:.75rem}@media (min-width:640px){.image-container{margin-bottom:1rem}}.image-wrapper{transition:all .5s ease}.image-wrapper.visible{opacity:1;transform:scale(1)}.image-wrapper.hidden{opacity:0;transform:scale(.95)}.game-image{width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border:1px solid #e2e8f0}@media (min-width:640px){.game-image{border-radius:1rem;max-height:50vh}}@media (min-width:768px){.game-image{max-height:45vh}}.confetti-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-item{position:absolute;animation:bounce 1s infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.options-grid{display:grid;grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem}@media (min-width:480px){.options-grid{gap:.75rem}}@media (min-width:640px){.options-grid{grid-template-columns:1fr 1fr;gap:.75rem}}@media (min-width:768px){.options-grid{gap:1rem}}.option-button{width:100%;text-align:left;padding:.625rem .75rem;border-radius:.5rem;font-weight:700;font-size:.875rem;transition:all .2s ease;border:1px solid;cursor:pointer;min-height:2.75rem;display:flex;align-items:center}@media (min-width:480px){.option-button{padding:.75rem 1rem;border-radius:.625rem;font-size:1rem;min-height:3rem}}@media (min-width:640px){.option-button{border-radius:.75rem;font-weight:800;min-height:3.25rem}}@media (min-width:768px){.option-button{padding:.875rem 1.125rem;min-height:3.5rem}}.option-button:active{transform:scale(.98)}.option-button:disabled{cursor:default}.option-button.default{background:#f3e8ff;border-color:#d8b4fe;color:#7c3aed}.option-button.default:hover{background:#e9d5ff}.option-button.correct{background:#dcfce7;border-color:#86efac;color:#166534}.option-button.wrong{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.feedback{margin-top:.5rem;text-align:center;font-weight:700;color:#1e293b;font-size:.875rem;line-height:1.4}@media (min-width:640px){.feedback{margin-top:.75rem;font-size:1rem}}.question-counter{margin-top:.75rem;text-align:center;font-size:.75rem;color:#64748b}@media (min-width:640px){.question-counter{margin-top:1rem;font-size:.875rem}}.game-over{text-align:center;padding:1rem 0}@media (min-width:640px){.game-over{padding:1.5rem 0}}.game-over-title{font-size:1.5rem;font-weight:800;color:#a855f7;margin-bottom:.5rem;line-height:1.2}@media (min-width:640px){.game-over-title{font-size:1.875rem}}@media (min-width:768px){.game-over-title{font-size:2.25rem}}.game-over-subtitle{font-size:1rem;margin-bottom:1rem;line-height:1.4}@media (min-width:640px){.game-over-subtitle{font-size:1.125rem;margin-bottom:1.5rem}}@media (min-width:768px){.game-over-subtitle{font-size:1.25rem}}.play-again-button{background:#a855f7;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center}@media (min-width:480px){.play-again-button{padding:.75rem 1.5rem;border-radius:.625rem;font-size:1rem;min-height:3rem}}@media (min-width:640px){.play-again-button{border-radius:.75rem;min-height:3.25rem}}@media (min-width:768px){.play-again-button{padding:.875rem 1.75rem;min-height:3.5rem}}.play-again-button:hover{background:#9333ea;transform:translateY(-2px)}.play-again-button:active{transform:translateY(0)}.ad-container{margin:.75rem 0;text-align:center}@media (min-width:640px){.ad-container{margin:1rem 0}}.header-ad{margin-bottom:1rem}@media (min-width:640px){.header-ad{margin-bottom:1.25rem}}.footer-ad{margin-top:1rem}@media (min-width:640px){.footer-ad{margin-top:1.25rem}}