:root{--heardle-primary:#a855f7;--heardle-primary-dark:#9333ea;--heardle-background:#000000;--heardle-card-bg:#1f2937;--heardle-card-border:#374151;--heardle-text-primary:#ffffff;--heardle-text-muted:#9ca3af;--heardle-success:#10b981;--heardle-success-bg:#065f46;--heardle-error:#ef4444;--heardle-error-bg:#7f1d1d;--heardle-attempt-fail:#dc2626}.heardle-game{background-color:var(--heardle-card-bg);border-radius:.5rem;padding:2rem;border:2px solid var(--heardle-primary);max-width:600px;margin:0 auto;box-shadow:0 4px 6px rgba(0,0,0,.1)}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.game-header h2{font-size:1.5rem;margin:0}.game-header h2,.score-display{color:var(--heardle-primary);font-weight:700}.score-display{font-size:1.25rem}.attempts-container{margin-bottom:2rem}.attempt-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;margin-bottom:.5rem;background-color:var(--heardle-card-border);border-radius:.375rem;border:1px solid #4b5563;transition:all .3s ease}.attempt-row.active{border-color:var(--heardle-primary);box-shadow:0 0 10px rgba(168,85,247,.3);animation:pulse 2s infinite}.attempt-row.completed{background-color:var(--heardle-attempt-fail);border-color:var(--heardle-attempt-fail)}.attempt-row.correct{background-color:var(--heardle-success-bg);border-color:var(--heardle-success);box-shadow:0 0 15px rgba(16,185,129,.4)}.attempt-number{font-weight:700;color:var(--heardle-text-primary);min-width:2rem;font-size:1rem}.attempt-input{flex:1;text-align:center;font-size:1.25rem}.attempt-score{color:var(--heardle-primary);font-weight:700;min-width:3rem;text-align:right;font-size:.875rem}.player-section{margin-bottom:2rem}.playback-controls{text-align:center;margin-bottom:2rem}.play-button{background-color:var(--heardle-primary);color:white;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1.125rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;min-width:200px}.play-button:hover{background-color:var(--heardle-primary-dark);box-shadow:0 0 20px var(--heardle-primary);transform:translateY(-2px)}.play-button:active{transform:translateY(0)}.playing-indicator{background-color:var(--heardle-card-border);padding:1.5rem;border-radius:.5rem;border:1px solid var(--heardle-primary);text-align:center;animation:glow 2s infinite}.playing-indicator .text-purple{color:var(--heardle-primary);font-size:1.25rem;font-weight:700}.timer{font-size:1.125rem;margin:.5rem 0;font-weight:700}.pause-button,.timer{color:var(--heardle-text-primary)}.pause-button{background-color:#4b5563;padding:.5rem 1.5rem;border-radius:.375rem;border:none;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.pause-button:hover{background-color:#6b7280}.search-section{position:relative}.guess-input{width:100%;padding:.75rem 1rem;background-color:var(--heardle-card-border);color:var(--heardle-text-primary);border-radius:.5rem;border:2px solid var(--heardle-primary);font-size:1rem;margin-bottom:1rem;transition:all .3s ease}.guess-input:focus{box-shadow:0 0 10px rgba(168,85,247,.5);outline:none;border-color:var(--heardle-primary)}.guess-input:disabled{opacity:.5;cursor:not-allowed}.guess-input::-moz-placeholder{color:var(--heardle-text-muted)}.guess-input::placeholder{color:var(--heardle-text-muted)}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--heardle-card-border);border:1px solid var(--heardle-primary);border-radius:.375rem;max-height:200px;overflow-y:auto;z-index:10;margin-top:-.75rem;box-shadow:0 4px 6px rgba(0,0,0,.3)}.suggestion-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #4b5563;color:var(--heardle-text-primary);transition:background-color .2s ease}.suggestion-item:hover{background-color:#4b5563;color:var(--heardle-primary)}.suggestion-item:last-child{border-bottom:none}.suggestions-dropdown::-webkit-scrollbar{width:8px}.suggestions-dropdown::-webkit-scrollbar-track{background:var(--heardle-card-bg)}.suggestions-dropdown::-webkit-scrollbar-thumb{background:var(--heardle-primary);border-radius:4px}.guess-button{width:100%;background-color:var(--heardle-primary);color:white;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.guess-button:hover:not(:disabled){background-color:var(--heardle-primary-dark);box-shadow:0 0 15px var(--heardle-primary);transform:translateY(-2px)}.guess-button:active:not(:disabled){transform:translateY(0)}.guess-button:disabled{opacity:.5;cursor:not-allowed}.game-result{text-align:center;padding:2rem;border-radius:.5rem;margin-top:2rem;animation:slideIn .5s ease}.game-result.won{background-color:var(--heardle-success-bg);border:2px solid var(--heardle-success)}.game-result.lost{background-color:var(--heardle-error-bg);border:2px solid var(--heardle-error)}.game-result>div:first-child{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.result-details{margin:1.5rem 0;font-size:1.125rem;color:var(--heardle-text-primary)}.result-details div{margin-bottom:.5rem}.new-game-button{background-color:var(--heardle-primary);color:white;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1.125rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;margin-top:1rem}.new-game-button:hover{background-color:var(--heardle-primary-dark);box-shadow:0 0 20px var(--heardle-primary);transform:translateY(-2px)}.new-game-button:active{transform:translateY(0)}.text-center{text-align:center}.py-8{padding-top:2rem;padding-bottom:2rem}.text-purple{color:var(--heardle-primary)}.text-xl{font-size:1.25rem}.mb-4{margin-bottom:1rem}.animate-spin{animation:spin 1s linear infinite}.rounded-full{border-radius:9999px}.h-12{height:3rem}.w-12{width:3rem}.border-b-2{border-bottom-width:2px}.border-purple{border-color:var(--heardle-primary)}.mx-auto{margin-left:auto;margin-right:auto}.text-red-400{color:var(--heardle-error)}.text-green-400{color:var(--heardle-success)}.text-white{color:var(--heardle-text-primary)}.bg-purple{background-color:var(--heardle-primary)}.text-black{color:var(--heardle-background)}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.rounded-lg{border-radius:.5rem}.hover\:bg-purple-dark:hover{background-color:var(--heardle-primary-dark)}.transition-colors{transition:background-color .3s ease,color .3s ease}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(168,85,247,.3)}50%{box-shadow:0 0 20px rgba(168,85,247,.6)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.heardle-game{padding:1rem;margin:0 1rem;border-width:1px}.game-header{flex-direction:column;text-align:center}.game-header h2{font-size:1.25rem}.score-display{font-size:1rem}.attempt-row{padding:.5rem;font-size:.875rem}.attempt-number{min-width:1.5rem;font-size:.875rem}.attempt-input{font-size:1rem}.attempt-score{min-width:2.5rem;font-size:.75rem}.play-button{padding:.5rem 1rem;font-size:1rem;min-width:150px}.playing-indicator{padding:1rem}.playing-indicator .text-purple,.timer{font-size:1rem}.guess-input{padding:.5rem .75rem;font-size:.875rem}.guess-button{padding:.5rem 1rem;font-size:.875rem}.game-result{padding:1.5rem;margin-top:1rem}.game-result>div:first-child{font-size:1.25rem}.result-details{font-size:1rem;margin:1rem 0}.new-game-button{padding:.5rem 1rem;font-size:1rem}}@media (min-width:641px) and (max-width:1024px){.heardle-game{max-width:500px;padding:1.5rem}}.guess-button:focus,.guess-input:focus,.new-game-button:focus,.pause-button:focus,.play-button:focus{outline:2px solid var(--heardle-primary);outline-offset:2px}@media (prefers-contrast:high){.attempt-row.active,.heardle-game{border-width:3px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}