@import"https://fonts.googleapis.com/css2?family=Bungee&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460)}#game-container{width:100vw;height:100vh;position:relative}#game-canvas{width:100%;height:100%;display:block}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.score-display{position:fixed;top:clamp(20px,3.68vh,40px);left:clamp(10px,2vw,20px);width:clamp(120px,29.54vw,300px);min-height:clamp(60px,6.73vh,80px);background:#b34a42;padding:0;border-radius:clamp(16px,2vw,30px);border:clamp(1px,.2vw,2px) solid #000000;box-shadow:0 clamp(2px,.5vh,4px) 0 0 #000;font-family:Bungee,Arial Black,sans-serif;color:#fff;z-index:100;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;gap:0;box-sizing:border-box;overflow:hidden;opacity:0;transition:opacity .3s ease}.score-display.visible{opacity:1}.score-label{font-size:clamp(.65rem,1.2vw,.9rem);font-weight:400;text-transform:uppercase;letter-spacing:clamp(.5px,.1vw,1px);padding:clamp(4px,.8vh,6px) clamp(8px,1.5vw,12px);text-align:center;background:#e77575;line-height:1.2}.score-value{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:400;line-height:1;padding:clamp(4px,.8vh,6px) clamp(8px,1.5vw,12px);text-align:center;display:block}#fps-display{position:absolute;top:30px;right:30px;color:#fff;font-size:18px;font-weight:300;text-shadow:0 2px 10px rgba(0,0,0,.5);opacity:.7;font-family:Courier New,monospace}#start-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;pointer-events:auto}.game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:100;display:none;justify-content:center;align-items:center;pointer-events:auto}.game-over-screen.hidden{display:none!important}.game-over-screen:not(.hidden){display:flex}.game-over-content{text-align:center;color:#fff}.game-over-screen h2{font-family:Bungee,Arial Black,sans-serif;font-size:clamp(32px,8vw,48px);font-weight:100;letter-spacing:clamp(5px,1.5vw,10px);margin-bottom:clamp(20px,5vh,40px);text-transform:uppercase}.final-score-display{margin-bottom:clamp(30px,8vh,50px);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,20px)}.score-label-large{font-family:Bungee,Arial Black,sans-serif;font-size:clamp(1rem,3vw,1.5rem);font-weight:400;text-transform:uppercase;letter-spacing:clamp(2px,.5vw,4px);opacity:.8}.score-value-large{font-family:Bungee,Arial Black,sans-serif;font-size:clamp(3rem,12vw,6rem);font-weight:400;line-height:1;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,255,255,.6),4px 4px 0px #000}#start-screen h1{font-size:72px;font-weight:100;letter-spacing:20px;margin-bottom:10px;text-shadow:0 0 30px rgba(255,100,100,.5)}#start-screen p{font-size:18px;font-weight:300;letter-spacing:5px;margin-bottom:40px;opacity:.7}#start-screen .instructions{font-size:14px;margin-top:20px;opacity:.5}.stats-container{margin-bottom:30px}.platform-stats-list{margin-top:15px;font-size:18px}.platform-stats-list p{font-size:18px;margin-bottom:8px;opacity:.7}button{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none;color:#fff;padding:15px 50px;font-size:18px;font-weight:500;letter-spacing:3px;cursor:pointer;border-radius:50px;transition:all .3s ease;box-shadow:0 5px 20px #ff6b6b66}button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff6b6b99}button:active{transform:translateY(0)}.go-home-btn{font-family:Bungee,Arial Black,sans-serif;font-size:clamp(1.2rem,3vw,1.5rem);padding:clamp(14px,2vh,16px) clamp(32px,8vw,40px);background:#b34a42;color:#fff;border:3px solid #000;border-radius:50px;box-shadow:0 4px #000;cursor:pointer;text-transform:uppercase;letter-spacing:clamp(1px,.3vw,2px);transition:transform .1s ease,box-shadow .1s ease}.go-home-btn:hover{transform:translateY(-2px);box-shadow:0 6px #000}.go-home-btn:active{transform:translateY(2px);box-shadow:0 2px #000}.hidden{display:none!important}@media (max-width: 1024px) and (min-width: 769px){.score-display{width:clamp(140px,25vw,280px)}}@media (max-width: 768px){#start-screen h1{font-size:clamp(32px,8vw,48px);letter-spacing:clamp(5px,1.5vw,10px)}#start-screen p{font-size:clamp(12px,3vw,14px)}.score-display{top:clamp(10px,2vh,20px);left:clamp(8px,2vw,15px);width:clamp(100px,35vw,200px);min-height:clamp(50px,8vh,70px);border-radius:clamp(14px,2.5vw,24px)}.score-label{font-size:clamp(.6rem,2.5vw,.75rem);padding:clamp(3px,.6vh,5px) clamp(6px,1.5vw,10px)}.score-value{font-size:clamp(1rem,4vw,1.4rem);padding:clamp(3px,.6vh,5px) clamp(6px,1.5vw,10px)}#fps-display{top:clamp(10px,2vh,20px);right:clamp(10px,2vw,20px);font-size:clamp(12px,2.5vw,14px)}button{padding:clamp(10px,2vh,12px) clamp(30px,8vw,40px);font-size:clamp(14px,3.5vw,16px)}.go-home-btn{font-size:1.2rem;padding:14px 32px}}@media (max-width: 480px){.score-display{width:clamp(90px,40vw,180px);min-height:clamp(45px,10vh,60px);border-radius:clamp(12px,3vw,20px)}.score-label{font-size:clamp(.55rem,3vw,.7rem);padding:clamp(2px,.5vh,4px) clamp(5px,2vw,8px)}.score-value{font-size:clamp(.9rem,5vw,1.2rem);padding:clamp(2px,.5vh,4px) clamp(5px,2vw,8px)}}@media (min-width: 1920px){.score-display{max-width:320px}.score-label{font-size:1rem}.score-value{font-size:2rem}}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:50}.countdown-overlay.hidden{display:none}.countdown-number{font-family:Bungee,Arial Black,sans-serif;font-size:clamp(80px,15vw,150px);font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),4px 4px 0px #000;animation:countdownPulse .5s ease-out}@keyframes countdownPulse{0%{transform:scale(1.5);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.countdown-number{font-size:clamp(60px,20vw,120px)}}@media (max-width: 480px){.countdown-number{font-size:clamp(50px,25vw,100px)}}