<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Fun Color Guess Simulator</title><style> body { font-family: Arial, sans-serif; background: linear-gradient(135deg, #2b2d42, #8d99ae); color: white; text-align: center; padding: 20px; } h1 { font-size: 2em; margin-bottom: 5px; } .note { font-size: 0.9em; color: #ffcccb; margin-bottom: 20px; } input { padding: 10px; border: none; border-radius: 8px; font-size: 1em; width: 180px; text-align: center; margin-bottom: 15px; } button { padding: 10px 20px; border: none; border-radius: 8px; background-color: #ef233c; color: white; font-size: 1em; cursor: pointer; transition: 0.3s; } button:hover { background-color: #d90429; } .result { margin-top: 20px; font-size: 1.8em; font-weight: bold; animation: pop 0.4s ease; } @keyframes pop { 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .meter { margin-top: 20px; background: #444; border-radius: 10px; overflow: hidden; height: 20px; width: 80%; margin-left: auto; margin-right: auto; } .fill { height: 100%; background: limegreen; width: 90%; }</style></head><body><h1>Fun Color Guess Simulator</h1><div class="note">Just for fun – Pretend Accuracy: 90%</div><input type="number" id="round" placeholder="Enter last 3 digits"><br><button onclick="predict()">Predict Now</button><div class="result" id="result"></div><div class="meter"> <div class="fill"></div></div><script>function predict() { let round = document.getElementById("round").value; if (round === "") { document.getElementById("result").innerHTML = "Please enter digits first!"; return; } // Fun pretend logic for BIG/SMALL let num = parseInt(round); let guess = (num % 3 === 0 || num % 7 === 0) ? "BIG" : "SMALL"; let phrases = [ `My guess: ${guess}!`, `Today feels ${guess} to me!`, `I’ve crunched the pretend numbers… ${guess}!`, `Hmm... ${guess}!`, `Feeling it... ${guess}!` ]; let randomPhrase = phrases[Math.floor(Math.random() * phrases.length)]; document.getElementById("result").innerHTML = randomPhrase;}</script></body></html>