:root{--kpop-pink:#ff1493;--kpop-black:#000;--kpop-white:#fff;--kpop-gray:#333}*{box-sizing:border-box}body{background-color:#000!important;background-color:var(--kpop-black)!important;color:#fff!important;color:var(--kpop-white)!important;font-family:Orbitron,monospace!important;line-height:1.6;margin:0;padding:0}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000e6;border-bottom:1px solid #ff1493;border-bottom:1px solid var(--kpop-pink);height:64px;left:0;position:fixed;right:0;top:0;z-index:1000}nav,nav .max-w-7xl{align-items:center;display:flex}nav .max-w-7xl{justify-content:space-between;margin:0 auto;max-width:80rem;padding:0 1rem;width:100%}nav span{color:#ff1493;color:var(--kpop-pink);font-size:1.5rem;font-weight:700}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#fff;color:var(--kpop-white);font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#ff1493;color:var(--kpop-pink)}.auth-section{align-items:center;display:flex;gap:1rem}.auth-section span{color:#ff1493;color:var(--kpop-pink);font-weight:500}.auth-section a,.auth-section button{background:none;border:none;border-radius:.25rem;color:#fff;color:var(--kpop-white);cursor:pointer;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.auth-section a:hover,.auth-section button:hover{color:#ff1493;color:var(--kpop-pink)}.auth-section .bg-pink{background-color:#ff1493;background-color:var(--kpop-pink);color:#000!important;color:var(--kpop-black)!important}.auth-section .bg-pink:hover{background-color:#e01388}.mobile-menu,.mobile-menu-btn{display:none}section[id=hero-section]{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:4rem;position:relative}section[id=hero-section] .absolute.inset-0{background-image:url(https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=1200&h=800&fit=crop&crop=center);background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}section[id=hero-section] .absolute.inset-0:after{background-color:#0009;bottom:0;content:"";left:0;position:absolute;right:0;top:0}section[id=hero-section] .relative{margin:0 auto;max-width:64rem;padding:0 1rem;position:relative;text-align:center;z-index:10}section[id=hero-section] h1{color:#ff1493;color:var(--kpop-pink);font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}section[id=hero-section] p{color:#fff;color:var(--kpop-white);font-size:1.125rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:32rem}section[id=hero-section] .flex{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}section[id=hero-section] button{background-color:#ff1493;background-color:var(--kpop-pink);border:none;border-radius:.25rem;color:#000;color:var(--kpop-black);cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}section[id=hero-section] button:hover{background-color:#e01388;box-shadow:0 0 20px #ff1493;box-shadow:0 0 20px var(--kpop-pink)}section{margin:0 auto;max-width:80rem;padding:4rem 1rem}section h2{color:#ff1493;color:var(--kpop-pink);font-size:2.25rem;font-weight:700;margin-bottom:2rem;text-align:center}section p{color:#fff;color:var(--kpop-white);margin:0 auto 2rem;max-width:48rem;text-align:center}.bg-gray-800{background-color:#1f2937!important}.border-pink{border-color:#ff1493!important;border-color:var(--kpop-pink)!important}.text-pink{color:#ff1493!important;color:var(--kpop-pink)!important}.rounded-lg{border-radius:.5rem!important}.p-6{padding:1.5rem!important}.mb-4{margin-bottom:1rem!important}.font-bold{font-weight:700!important}.grid{grid-gap:1rem;display:grid;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}section h2{font-size:3rem}section[id=hero-section] h1{font-size:5rem}}@media (min-width:1024px){.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}footer{background-color:#000;background-color:var(--kpop-black);border-top:1px solid #374151;color:#9ca3af;padding:2rem 1rem;text-align:center}footer .max-w-7xl{margin:0 auto;max-width:80rem}@media (max-width:767px){.auth-section,.nav-links{display:none}.mobile-menu-btn{display:block}.mobile-menu-btn button{background:none;border:none;border-radius:.25rem;color:#fff;color:var(--kpop-white);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .3s ease}.mobile-menu-btn button:hover{color:#ff1493;color:var(--kpop-pink)}.mobile-menu{background-color:#000000f2;border-top:1px solid #333;border-top:1px solid var(--kpop-gray);display:block;left:0;padding:1rem;position:absolute;right:0;top:100%}.mobile-menu a,.mobile-menu button{background:none;border:none;color:#fff;color:var(--kpop-white);cursor:pointer;display:block;padding:.75rem 0;text-align:left;text-decoration:none;transition:color .3s ease;width:100%}.mobile-menu a:hover,.mobile-menu button:hover{color:#ff1493;color:var(--kpop-pink)}.mobile-auth{border-top:1px solid #333;border-top:1px solid var(--kpop-gray);margin-top:1rem;padding-top:1rem}.mobile-auth div{color:#ff1493;color:var(--kpop-pink);font-weight:500;margin-bottom:.5rem}}.heardle-game{background-color:#1f2937;border:2px solid #ff1493;border:2px solid var(--kpop-pink);border-radius:.5rem;margin:0 auto;max-width:600px;padding:2rem}.game-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.score-display{color:#ff1493;color:var(--kpop-pink);font-size:1.25rem;font-weight:700}.attempts-container{margin-bottom:2rem}.attempt-row{align-items:center;background-color:#374151;border:1px solid #4b5563;border-radius:.375rem;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease}.attempt-row.active{border-color:#ff1493;border-color:var(--kpop-pink);box-shadow:0 0 10px #ff14934d}.attempt-row.completed{background-color:#dc2626;border-color:#dc2626}.attempt-number{color:#fff;color:var(--kpop-white);font-weight:700;min-width:2rem}.attempt-input{flex:1 1;font-size:1.25rem;text-align:center}.attempt-score{color:#ff1493;color:var(--kpop-pink);font-weight:700;min-width:3rem;text-align:right}.player-section{margin-bottom:2rem}.playback-controls{margin-bottom:2rem;text-align:center}.play-button{font-size:1.125rem;font-weight:700;transition:all .3s ease}.play-button:hover{box-shadow:0 0 20px #ff1493;box-shadow:0 0 20px var(--kpop-pink)}.playing-indicator{background-color:#374151;border:1px solid #ff1493;border:1px solid var(--kpop-pink);border-radius:.5rem;padding:1.5rem;text-align:center}.timer{color:#fff;color:var(--kpop-white);font-size:1.125rem;margin-bottom:.5rem}.search-section{position:relative}.guess-input{font-size:1rem;margin-bottom:1rem}.guess-input:focus{box-shadow:0 0 10px #ff149380}.guess-button{font-size:1rem;font-weight:700;transition:all .3s ease;width:100%}.guess-button:hover:not(:disabled){box-shadow:0 0 15px #ff1493;box-shadow:0 0 15px var(--kpop-pink)}.suggestions-dropdown{background-color:#374151;border:1px solid #ff1493;border:1px solid var(--kpop-pink);border-radius:.375rem;left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.suggestion-item{border-bottom:1px solid #4b5563;cursor:pointer;padding:.75rem;transition:background-color .2s ease}.suggestion-item:hover{background-color:#4b5563}.suggestion-item:last-child{border-bottom:none}.game-result{border-radius:.5rem;margin-top:2rem;padding:2rem;text-align:center}.game-result.won{background-color:#065f46;border:2px solid #10b981}.game-result.lost{background-color:#7f1d1d;border:2px solid #ef4444}.result-details{font-size:1.125rem;margin:1.5rem 0}.result-details div{margin-bottom:.5rem}.new-game-button{font-size:1.125rem;font-weight:700;transition:all .3s ease}.new-game-button:hover{box-shadow:0 0 20px #ff1493;box-shadow:0 0 20px var(--kpop-pink)}@media (max-width:640px){.heardle-game{margin:0 1rem;padding:1rem}.game-header{flex-direction:column;text-align:center}.attempt-row{font-size:.875rem;padding:.5rem}.playing-indicator{padding:1rem}.game-result{padding:1.5rem}}
/*# sourceMappingURL=main.69703c5b.css.map*/