*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;min-width:100vw;color:#333}.container{min-height:100vh;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;padding:20px}.header{text-align:center;margin-bottom:30px}.header h1{font-size:3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:10px}.header p{font-size:1.2rem;color:#ffffffe6}.main{flex-grow:1}.footer{text-align:center;margin-top:30px}.game-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.game-mode-card{background:white;border-radius:15px;padding:25px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.game-mode-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.game-board{background:white;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0000001a;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#f7fafc;padding:20px;border-radius:10px;text-align:center;align-content:center;border:2px solid transparent;transition:border-color .3s ease}.stat-card.correct{border-color:#48bb78;background:#f0fff4}.stat-card.partial{border-color:#ed8936;background:#fffaf0}.stat-card.incorrect{border-color:#e53e3e;background:#fff5f5}.stat-card.header-card{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568;font-weight:700}.stat-card.header-card h4{margin:0;font-size:.9rem;color:#2d3748}.stat-card h4{margin-bottom:10px;color:#2d3748}.stat-card .value{font-size:1.2rem;font-weight:700;color:#4a5568}.stat-card .arrow{font-size:1.4rem;margin-left:8px;font-weight:700}.stat-card .arrow.up{color:#e53e3e}.stat-card .arrow.down{color:#38a169}.stat-card .arrow.equal{color:#48bb78}.guess-input{display:flex;gap:15px;align-items:center;justify-content:center;margin-bottom:20px}.custom-dropdown{position:relative;width:100%;max-width:400px}.dropdown-header{display:flex;justify-content:space-between;padding:10px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background:white;min-height:40px;transition:border-color .2s ease}.dropdown-header input::placeholder{color:#999}.dropdown-header:hover{border-color:#667eea}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;max-height:400px;overflow-y:scroll;z-index:1000;box-shadow:0 4px 6px #0000001a}.dropdown-option{font-size:large;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s ease}.dropdown-option:hover{background:#f5f5f5}.dropdown-option:last-child{border-bottom:none}.dropdown-option img{width:100px;height:100px;margin-right:20px;object-fit:cover;border-radius:5px}.badge-game{text-align:center}.game-result{text-align:center;margin:30px;padding:20px;border-radius:10px}.game-result.win{background:#f0fff4;border:2px solid #48bb78;color:#22543d}.game-result.lose{background:#fff5f5;border:2px solid #e53e3e;color:#742a2a}.new-game-btn{margin:10px;padding:12px 25px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.new-game-btn:hover{background:#5a67d8}.share-game-container{margin:10px}.share-game-message{font-weight:lighter;text-wrap:wrap}.share-game-grid{white-space:pre-line;padding:10px}.share-game-url{font-size:x-small;text-wrap:wrap}.share-game-btn{margin:10px;padding:12px 25px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.share-game-btn:hover{background:#5a67d8}.center-content{text-align:center;margin-bottom:20px}.cooking-level-container{padding:20px;background:#f7fafc;border-radius:8px;max-width:600px;margin:10px auto}.cooking-level-title{margin:0 0 15px;font-size:1rem;color:#2d3748}.cooking-level-description{margin:0 0 15px;font-size:.8rem;color:#4a5568}.cooking-level-slider{width:50%;height:20px;border-radius:5px;background:#e2e8f0;outline:none;cursor:pointer}.dropdown-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#333}.no-results-message{padding:12px;text-align:center;color:#666;font-style:italic}.stat-hint{font-size:.8rem;margin-top:5px}.back-button{padding:10px 20px;background:#718096;color:#fff;border:none;border-radius:8px;cursor:pointer}.back-button:hover{background:#5a67d8}.column-headers-row{grid-column:span 6;margin-top:5px;margin-bottom:5px}.column-headers-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.guess-row{grid-column:span 6}.guess-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.badge-image-container{overflow:hidden;width:200px;height:200px;border:4px solid;border-radius:10px;margin:20px auto}.badge-image{width:200px;height:200px}.guesses-section{margin-top:20px}.guesses-images{display:flex;padding:10px;gap:20px;flex-wrap:wrap;justify-content:center}.guesses-image{border-radius:10px;border:4px dashed}.guesses-image.correct{border-color:#48bb78}.guesses-image.partial{border-color:#ed8936}.guesses-image.incorrect{border-color:#e53e3e}.cosmetic-description{margin-bottom:15px}@media (max-width: 768px){.container{padding:15px}.header h1{font-size:2rem}.game-modes{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.stats-grid::-webkit-scrollbar{height:8px}.stats-grid::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.stats-grid::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.stats-grid::-webkit-scrollbar-thumb:hover{background:#a0aec0}.column-headers-grid,.guess-grid{min-width:600px}.stat-card{padding:12px;font-size:.85rem}.stat-card h4{font-size:.8rem;margin-bottom:8px}.stat-card .value{font-size:1rem}.guess-input{flex-direction:column}.guess-input input{width:100%}}.daily-play-completed{text-align:center;padding:40px 20px;max-width:500px;margin:0 auto}.daily-play-completed h2{color:#2d3748;font-size:1.5rem;margin-bottom:15px;font-weight:600}.daily-play-completed p{color:#4a5568;font-size:1rem;margin-bottom:30px}.countdown-timer{display:flex;flex-direction:column;align-items:center}.countdown-display{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px 30px;border-radius:15px;box-shadow:0 8px 25px #00000026;margin-bottom:15px;min-width:200px}.countdown-time{font-family:Courier New,monospace;font-size:2rem;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.countdown-text{color:#4a5568;font-size:.9rem;font-weight:500;margin:0}@media (max-width: 768px){.countdown-display{padding:15px 20px}.countdown-time{font-size:1.5rem}.daily-play-completed{padding:20px 15px}.daily-play-completed h2{font-size:1.2rem}}