@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";html,body{width:100%;height:100%;overflow-x:hidden;margin:0;padding:0}#root{max-width:100%;margin:0;padding:0;text-align:center}body{overflow-x:hidden}body{margin:0;padding:0;box-sizing:border-box;font-family:Josefin Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.navbar{max-width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#222;padding:1rem 2rem;color:#fff;position:sticky;top:0;z-index:1000}.navbar .logo{font-size:1.5rem;font-weight:700}.nav-links{list-style:none;display:flex;gap:2rem}.nav-links li a{text-decoration:none;color:#fff;font-weight:500}.hamburger{display:none;font-size:1.8rem;background:none;border:none;color:#fff;cursor:pointer}.game-container{padding:2rem;border-radius:15px;box-shadow:0 4px 20px #0006;width:100%;max-width:700px;margin:2rem auto;text-align:center;transition:height .5s ease-in-out;height:300px}.game-container.game-over{height:500px}.title-section h1{margin-bottom:.2em}.title-section h3{font-weight:400;color:#bbb}.guess-box{margin:1rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}input[type=number]{padding:.75em 1em;font-size:1.1em;border:2px solid #ccc;border-radius:12px;background-color:#f2f2f2;color:#333;width:160px;outline:none;transition:all .3s ease;box-shadow:0 2px 6px #0000001a}input[type=number]::placeholder{color:#888;font-style:italic}input[type=number]:focus{border-color:#6c63ff;box-shadow:0 0 10px #6c63ff80;background-color:#fff;color:#222}@keyframes hotPulse{0%{box-shadow:0 0 #ff4500b3}70%{box-shadow:0 0 20px 20px #ff450000}to{box-shadow:0 0 #ff450000}}@keyframes coldPulse{0%{box-shadow:0 0 #00bfffb3}70%{box-shadow:0 0 20px 20px #00bfff00}to{box-shadow:0 0 #00bfff00}}.message{min-height:2rem;margin-bottom:1rem;transition:color .3s ease;font-weight:700;text-align:center}.message.hot{color:#e60000}.message.cold{color:#0073e6}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.result-section{padding:2rem;max-width:700px;margin:2rem auto;text-align:center}.result-box{background-color:#f9f9f9;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.result-box h2{font-size:1.5rem;color:#333;margin-bottom:1rem}.result-box button{padding:.75rem 2rem;background-color:#007bff;color:#fff;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.result-box button:hover{background-color:#0056b3}.guess-box button{padding:.6em 1.2em;font-size:1em;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;color:#000}.hot-button{background-color:#ff5733;animation:hotPulse 1s ease-out;color:#fff!important}.cold-button{background-color:#00bfff;animation:coldPulse 1s ease-out;color:#fff!important}.stats-section{margin-top:2rem;max-width:700px;margin:2rem auto;text-align:center}.stats-grid{display:flex;justify-content:space-around;gap:2rem}.stats-grid div{flex:1;text-align:center;padding:.5rem;border-radius:12px;background-color:#f4f4f4}.stats-grid div h4{margin:.5rem 0;font-weight:700}.stats-grid div p{font-size:1.2rem}.leaderboard-section{max-width:700px;margin:2rem auto;text-align:center}.leaderboard-section ul{list-style:none;padding:0}.leaderboard-section li{padding:1rem;margin:.5em 0;border-radius:8px;background-color:#f9f9f9;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.leaderboard-entry{display:flex;justify-content:space-between;align-items:center;padding:1rem;width:100%;gap:2rem}.rank-label{font-weight:700;font-size:1.1rem;color:#333;width:60px;text-align:center}.leaderboard-entry .stats{display:flex;gap:1.5rem;justify-content:flex-end;align-items:center;font-size:.95rem;color:#555}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:60px;right:20px;background-color:#333;flex-direction:column;width:150px;border-radius:5px;padding:1rem}.nav-links.active{display:flex}.hamburger{display:block}.game-container{width:90%;max-width:500px}.stats-grid{flex-direction:column;gap:1rem}.leaderboard-section ul{padding:1rem}.leaderboard-section li{margin:.3em 0}}@media (min-width: 1024px){.game-container{width:70%}.stats-grid{gap:2rem}}@media (max-width: 400px){.navbar{flex-direction:column;padding:1rem;text-align:center}.navbar .logo{font-size:1.2rem;margin-bottom:.5rem}.nav-links{width:100%;right:0;top:100%}.game-container{width:90%;padding:1rem;height:auto}.result-section,.how-to-play-section,.stats-section,.leaderboard-section{width:95%;padding:1rem}.result-box{margin:0 auto}input[type=number]{width:90%}.guess-box button,.result-box button{width:100%;padding:.75em}.stats-grid{flex-direction:column;gap:1rem}.leaderboard-entry{flex-direction:column;align-items:flex-start;gap:.5rem}.leaderboard-entry .stats{justify-content:space-between;width:100%}.rank-label{width:auto;text-align:left}}.how-to-play-section{background-color:#fff7e6;padding:2rem;margin:2rem auto;border-radius:16px;max-width:700px;box-shadow:0 4px 20px #0000001a;animation:fadeIn .5s ease-in-out}.how-to-play-section h2{font-size:1.8rem;margin-bottom:1rem;color:#e67300;text-align:center}.how-to-play-list{padding:0;margin:0}.how-to-play-list li{list-style:none;margin-bottom:1rem;font-size:1.1rem;line-height:1.6;color:#333;padding-left:0;position:relative;padding-left:1.5rem}.how-to-play-list li:before{content:"💡";position:absolute;left:0;top:2px;font-size:1rem}.how-to-play-list .hot{color:#e60000;font-weight:700}.how-to-play-list .cold{color:#0073e6;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}