*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;font-family:Arial Rounded MT Bold,sans-serif}body{background:linear-gradient(135deg,#667eea,#764ba2)}.game-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2vw}.start-screen{text-align:center;animation:fadeIn .8s ease-in}.title{font-size:clamp(3rem,10vw,12rem);font-weight:700;color:gold;text-shadow:4px 4px 8px rgba(0,0,0,.3);animation:bounce 2s ease-in-out infinite}.subtitle,.title{margin-bottom:clamp(2rem,5vh,4rem)}.subtitle{font-size:clamp(1.5rem,4vw,3rem);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.kid-buttons{display:flex;flex-wrap:wrap;gap:clamp(.4rem,1vw,1.5rem);justify-content:center;align-items:flex-start;align-content:flex-start;max-width:90vw;height:50vh;overflow-y:auto;padding:.5rem;box-sizing:border-box}.kid-button{font-size:clamp(.8rem,2.2vw,5rem);font-weight:700;padding:clamp(.35rem,1vh,1.5rem) clamp(1rem,3vw,5rem);background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:clamp(12px,3vw,40px);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.kid-button:hover{transform:scale(1.1);box-shadow:0 12px 30px rgba(0,0,0,.4)}.kid-button:active{transform:scale(1.05)}.go-button{font-size:clamp(2rem,5vw,6rem);font-weight:700;padding:clamp(1rem,3vh,2rem) clamp(3rem,8vw,6rem);background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s;text-transform:uppercase}.go-button:hover{transform:scale(1.1);box-shadow:0 12px 30px rgba(0,0,0,.4)}.go-button:active{transform:scale(1.05)}.game-screen{width:100%;height:100%;display:flex;flex-direction:row;gap:clamp(1rem,2vw,3rem)}.photo-container{flex:1.6 1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;position:relative;padding:clamp(.5rem,1vh,1rem);background:transparent}.points-and-timer{display:flex;align-items:center;gap:clamp(.8rem,1.5vw,1.5rem);width:100%;margin-bottom:clamp(.5rem,1vh,1rem)}.points-display{font-size:clamp(.8rem,1.5vw,1.2rem);font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);padding:clamp(.3rem,.5vh,.5rem) clamp(.8rem,1.5vw,1.5rem);background:rgba(0,0,0,.3);border-radius:20px;white-space:nowrap;flex-shrink:0}.countdown-bar-container{flex:1 1;height:clamp(1.2rem,2vh,1.8rem);background:rgba(0,0,0,.3);border-radius:10px;overflow:hidden;border:2px solid rgba(255,215,0,.3)}.countdown-bar{height:100%;background:linear-gradient(90deg,#f44,#fa0 50%,#0f0);transition:width .05s linear;box-shadow:0 0 10px rgba(255,215,0,.5)}.photo-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.5rem,1vh,1rem);max-height:100%}.photo,.photo-wrapper{width:100%;height:100%;background:transparent}.photo{flex-shrink:1;max-height:calc(100% - clamp(3.5rem, 7vh, 6rem));object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.4);animation:photoFadeIn .5s ease-in}.hint-container{min-height:clamp(2.5rem,5vh,4rem);flex-shrink:0;display:flex;align-items:center;justify-content:center}.hint-button{font-size:clamp(1.2rem,2.5vw,3rem);font-weight:700;padding:clamp(.6rem,1.5vh,1.2rem) clamp(1.5rem,4vw,3rem);background:linear-gradient(135deg,gold,orange);color:#fff;border:none;border-radius:30px;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:transform .2s;text-transform:uppercase}.hint-button:hover{transform:scale(1.1)}.hint-button:active{transform:scale(1.05)}.hint-text{font-size:clamp(1rem,2vw,2.5rem);font-weight:700;color:gold;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3);padding:clamp(.5rem,1vh,1rem) clamp(1rem,2vw,2rem);background:hsla(0,0%,100%,.1);border-radius:15px;animation:fadeIn .5s ease-in}.titles-container{flex:0.9 1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;grid-gap:clamp(.3rem,.5vh,.8rem);gap:clamp(.3rem,.5vh,.8rem);padding:clamp(.5rem,1vh,1rem);overflow:hidden;align-content:stretch}.title-button{font-size:clamp(1.05rem,2.25vh,3.75rem);font-weight:700;padding:clamp(.3rem,1vh,1.5rem) clamp(.2rem,.4vw,.8rem);background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;border-radius:clamp(10px,2vh,20px);cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:transform .2s,background .3s;text-align:center;display:flex;align-items:center;justify-content:center;min-height:0}.title-button:hover:not(.matched):not(:disabled){transform:scale(1.05)}.title-button:active:not(.matched):not(:disabled){transform:scale(.98)}.title-button.matched{background:linear-gradient(135deg,#56ab2f,#a8e063);cursor:default;animation:matchPulse .6s ease-out}.title-button:disabled{opacity:.7}.wrong-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:wrongShake .5s ease-out}.wrong-message{font-size:clamp(4rem,15vw,20rem);animation:wrongPulse .5s ease-out}.wrong-message,.wrong-points{font-weight:700;color:#fff;text-shadow:4px 4px 8px rgba(0,0,0,.5)}.wrong-points{font-size:clamp(2rem,6vw,8rem);margin-top:clamp(1rem,3vh,2rem);animation:fadeIn .3s ease-in}.right-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(34,197,94,.8);display:flex;align-items:center;justify-content:center;z-index:1000;animation:rightBounce .5s ease-out}.right-message{font-size:clamp(4rem,15vw,20rem);font-weight:700;color:#fff;text-shadow:4px 4px 8px rgba(0,0,0,.5);animation:wrongPulse .5s ease-out}.results-screen{width:100%;height:100%;overflow-y:auto;padding:clamp(1rem,3vh,3rem)}.gameover-screen,.results-screen{display:flex;flex-direction:column}.gameover-screen{text-align:center;animation:fadeIn .8s ease-in;align-items:center;justify-content:center;gap:clamp(2rem,4vh,4rem)}.gameover-title{font-size:clamp(3rem,10vw,12rem);font-weight:700;color:gold;text-shadow:4px 4px 8px rgba(0,0,0,.3);animation:bounce 1s ease-in-out}.gameover-points{font-size:clamp(2rem,6vw,8rem);font-weight:700}.gameover-points,.gameover-subtitle{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.gameover-subtitle{font-size:clamp(4rem,10vw,12rem)}.results-title{font-size:clamp(3rem,8vw,10rem);color:gold;text-shadow:4px 4px 8px rgba(0,0,0,.3);margin-bottom:clamp(1rem,2vh,2rem);animation:celebrate 1s ease-in-out}.results-subtitle,.results-title{font-weight:700;text-align:center}.results-subtitle{font-size:clamp(1.5rem,4vw,3rem);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:clamp(2rem,4vh,4rem)}.results-list{display:flex;flex-direction:column;gap:clamp(1rem,2vh,2rem);margin-bottom:clamp(2rem,4vh,3rem)}.result-item{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);background:hsla(0,0%,100%,.95);padding:clamp(1rem,2vh,2rem);border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.2);animation:slideIn .5s ease-out backwards}.result-item:first-child{animation-delay:.1s}.result-item:nth-child(2){animation-delay:.2s}.result-item:nth-child(3){animation-delay:.3s}.result-item:nth-child(4){animation-delay:.4s}.result-item:nth-child(5){animation-delay:.5s}.result-item:nth-child(6){animation-delay:.6s}.result-item:nth-child(7){animation-delay:.7s}.result-item:nth-child(8){animation-delay:.8s}.result-item:nth-child(9){animation-delay:.9s}.result-item:nth-child(10){animation-delay:1s}.result-photo{width:clamp(100px,18vw,250px);height:clamp(100px,18vw,250px);object-fit:contain;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.2);flex-shrink:0;cursor:pointer;transition:transform .2s}.result-photo:hover{transform:scale(1.05)}.result-text{flex:1 1;display:flex;flex-direction:column;gap:clamp(.3rem,.5vh,.8rem)}.result-title{font-size:clamp(1.2rem,3vw,2.5rem);font-weight:700;color:#333}.result-explanation{font-size:clamp(.9rem,2vw,1.8rem);font-weight:400;color:#666;line-height:1.3}.play-again-button{font-size:clamp(1.5rem,4vw,4rem);font-weight:700;padding:clamp(1rem,2vh,2rem) clamp(2rem,5vw,4rem);background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.3);transition:transform .2s;align-self:center;margin-top:clamp(1rem,2vh,2rem);margin-bottom:clamp(1rem,2vh,2rem);text-transform:uppercase}.play-again-button:hover{transform:scale(1.1)}.play-again-button:active{transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes photoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes matchPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translateX(0)}25%{transform:translateX(-20px)}75%{transform:translateX(20px)}}@keyframes wrongPulse{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes rightBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes celebrate{0%{transform:scale(.5) rotate(-10deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.photo-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer;animation:fadeIn .3s ease-in}.modal-photo{width:95vw;height:95vh;object-fit:contain;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,.8)}.modal-close{position:absolute;top:clamp(1rem,3vh,3rem);right:clamp(1rem,3vw,3rem);font-size:clamp(2rem,5vw,4rem);font-weight:700;background:hsla(0,0%,100%,.9);color:#333;border:none;border-radius:50%;width:clamp(3rem,8vw,5rem);height:clamp(3rem,8vw,5rem);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;z-index:2001}.modal-close:hover{background:#fff;transform:scale(1.1)}.modal-close:active{transform:scale(1.05)}@media (max-width:768px){.title-button{font-size:clamp(.8rem,2vw,1.5rem);padding:clamp(.5rem,1.5vh,1rem) clamp(.8rem,2vw,1.5rem)}.result-item{flex-direction:column;text-align:center}}