@font-face{font-family:HatchBrush;src:local("HatchBrush-Regular"),url(../Hatch-Brush.otf)}:root{--font-family: "Montserrat", Helvetica, Arial, sans-serif;--primary-color: #FF4F58;--secondary-color: #3F7B48;--bg-color: #f8f9fa;--text-color: #000000}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);overflow:hidden}#app{width:100vw;height:100vh;position:relative}#game-container{width:100%;height:100%;position:relative}canvas{display:block;width:100%;height:100%;background-image:url(../bg-gameplay.webp)}#start-screen,#game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(../bg-start.webp);background-size:cover;background-position:center;color:#fff;pointer-events:auto;z-index:10}#start-screen h1,#game-over-screen h1{font-family:HatchBrush;color:var(--secondary-color);text-align:center}#start-screen h1 span,#game-over-screen h1 span,#start-screen p,#game-over-screen p{color:var(--primary-color);text-align:center}#start-screen p,#game-over-screen p{font-weight:600}#game-over-screen .final-score{font-weight:700;font-size:2.4em}#logo{width:25vw;aspect-ratio:1 / 1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#scoreboard{position:absolute;left:0;right:0;top:0;padding:50px 20px 60px;display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);background-image:linear-gradient(to bottom,var(--primary-color),transparent)}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:#000000b3;color:#fff;pointer-events:auto;z-index:10}.hidden{display:none!important}h1{font-size:4rem;line-height:1.2;margin-bottom:1rem;color:#ffeb3b;margin:0}p{margin:0}button{padding:15px 30px;font-size:1.3rem;text-transform:uppercase;font-weight:700;letter-spacing:2px;background-color:var(--primary-color);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .2s,background-color .2s;box-shadow:0 4px 15px #0000004d}button:hover{transform:scale(1.05);background-color:#ff4d4d}button#help-btn{background-color:#fff;border:3px solid var(--secondary-color);color:var(--secondary-color);font-size:1rem;padding:10px 20px;text-transform:capitalize;letter-spacing:inherit}