:root{--orange-primary: #FF9F1C;--orange-secondary: #FFBF69;--bg-color: #2EC4B6;--text-color: #FFFFFF;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;overflow:hidden;font-family:Outfit,sans-serif;background:radial-gradient(circle at center,#2ec4b6,#1a8b80);display:flex;justify-content:center;align-items:center;color:var(--text-color)}#ui-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;align-items:center;z-index:10}.title{font-weight:900;font-size:3rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 4px 10px rgba(0,0,0,.2);margin-top:1rem;opacity:.8}#timer{font-size:2rem;font-weight:700;background:var(--glass-bg);padding:.5rem 1.5rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);margin-top:1rem}#message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5vw;font-weight:900;text-align:center;text-shadow:0 10px 20px rgba(0,0,0,.3);color:var(--orange-secondary);opacity:0;transition:opacity 1s ease-in}#message.show{opacity:1}.hidden{display:none!important}#restart-btn{pointer-events:auto;background:var(--orange-primary);color:#fff;border:none;padding:1rem 3rem;font-size:1.5rem;font-weight:700;font-family:inherit;border-radius:50px;cursor:pointer;box-shadow:0 10px 20px #ff9f1c66;transition:transform .2s,box-shadow .2s;margin-bottom:20%}#restart-btn:hover{transform:scale(1.05);box-shadow:0 15px 30px #ff9f1c99}#game-canvas{position:absolute;top:0;left:0;z-index:1;cursor:grab}#game-canvas:active{cursor:grabbing}#orange-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:304px;height:304px;background-color:#d04e00;border-radius:50%;z-index:1;pointer-events:none}#rickroll-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:100;display:flex;justify-content:center;align-items:center;overflow:hidden}#rickroll-gif{width:50%;max-width:100%;max-height:100%;object-fit:contain}#flying-text{position:absolute;top:50%;left:50%;width:auto;z-index:200;font-size:8rem;font-family:Comic Sans MS,Chalkboard SE,sans-serif;font-weight:900;white-space:nowrap;animation:rainbow .5s linear infinite,fly 4s linear infinite;text-shadow:4px 4px 0px #000}@media(max-width:768px){#flying-text{font-size:15vw}.title{font-size:2rem}#rickroll-gif{width:100%}}@keyframes rainbow{0%{color:red}15%{color:orange}30%{color:#ff0}45%{color:green}60%{color:#00f}75%{color:indigo}90%{color:violet}to{color:red}}@keyframes fly{0%{transform:translate(calc(50vw + 50%),-50%)}to{transform:translate(calc(-50vw - 100%),-50%)}}