body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif}.app-container{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-bg.png);background-position:50%;background-size:cover;display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;background-color:#2c0e3a;box-shadow:0 2px 8px #0003;display:flex;justify-content:space-between;padding:1rem 2rem}.logo{height:40px}.score-timer-container{align-items:center;display:flex;gap:2rem}.score-container,.timer-container{align-items:center;display:flex;gap:.5rem}.score-label{color:#fff;font-size:1.1rem;font-weight:500}.score-value,.time-left{color:#fec653;font-size:1.4rem;font-weight:700}.timer-icon{height:24px}.game-container{flex-grow:1;padding:2rem}.game-container,.game-view{align-items:center;display:flex;flex-direction:column}.game-view{max-width:800px;width:100%}.main-image-container{margin-bottom:2rem}.main-image{border-radius:8px;box-shadow:0 4px 16px #0003;height:300px;max-width:100%;object-fit:contain}.tabs{display:flex;gap:1.5rem;list-style:none;margin-bottom:2rem}.tab-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;opacity:.8;padding:.5rem 0;position:relative;transition:all .3s ease}.tab-btn:hover{opacity:1}.tab-btn.active{color:#fec653;opacity:1}.tab-btn.active:after{background-color:#fec653;border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.thumbnails-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));list-style:none;width:100%}.thumbnail-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;overflow:hidden;padding:0;transition:transform .3s ease}.thumbnail-btn:hover{transform:scale(1.05)}.thumbnail-img{border-radius:6px;height:auto;width:100%}.score-card{align-items:center;background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-score-card-lg-bg.png);background-size:cover;border-radius:12px;display:flex;flex-direction:column;height:600px;justify-content:center;max-width:500px;padding:2rem;position:relative;width:100%}.score-card:before{background-color:#2c0e3a99;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.trophy-img{margin-bottom:1.5rem;position:relative;width:280px}.score-title{font-size:1.5rem;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.final-score,.score-title{color:#fff;position:relative}.final-score{font-size:2rem;font-weight:700;margin-bottom:2rem}.play-again-btn{align-items:center;background-color:#cf60c8;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:.8rem 1.5rem;position:relative;transition:all .3s ease}.play-again-btn:hover{background-color:#d84fd0;box-shadow:0 4px 8px #cf60c84d;transform:translateY(-3px)}.reset-icon{width:20px}.game-over-overlay{align-items:center;animation:fadeIn .5s ease;background-color:#2c0e3ae6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.game-over-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;padding:2rem 3rem;text-align:center}.game-over-content h2{color:#2c0e3a;font-size:1.8rem;margin-bottom:1rem}.game-over-content p{color:#2c0e3a;font-size:1.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.navbar{padding:1rem}.logo{height:30px}.score-timer-container{gap:1rem}.score-label,.time-left{font-size:1rem}.score-value{font-size:1.2rem}.main-image{height:250px}.tabs{gap:1rem}.tab-btn{font-size:1rem}.thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.score-card{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-score-card-sm-bg.png);height:500px;max-width:400px}.trophy-img{width:200px}}@media (max-width:480px){.main-image{height:200px}.thumbnails-grid{grid-template-columns:repeat(3,1fr)}.score-card{height:400px;padding:1rem}.trophy-img{width:150px}.score-title{font-size:1.2rem}.final-score{font-size:1.8rem}.play-again-btn{font-size:1rem;padding:.6rem 1rem}}
/*# sourceMappingURL=main.a2e9ca12.css.map*/