:root{--primary-color: #ff4757;--secondary-color: #2f3542;--accent-color: #ffa502;--text-color: #ffffff;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{font-family:var(--font-family);background-color:#1e272e;overflow:hidden;width:100vw;height:100vh}#app{position:relative;width:100%;height:100%}#game-container{width:100%;height:100%;background:url(/assets/background.png) no-repeat center bottom;background-size:cover;position:relative}#grass-layer{position:absolute;bottom:0;left:0;width:100%;height:150px;background:url(/assets/grass.png) repeat-x left bottom;background-size:auto 100%;z-index:1}canvas{display:block;position:absolute;top:0;left:0;z-index:2}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;align-items:center;z-index:10}.screen{position:absolute;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease;pointer-events:auto}.screen.hidden{opacity:0;pointer-events:none}.screen.active{opacity:1;pointer-events:auto}.title{font-size:5rem;color:var(--accent-color);text-shadow:4px 4px 0px var(--secondary-color);margin-bottom:2rem;font-weight:900;letter-spacing:2px;animation:float 3s ease-in-out infinite}.btn-primary{padding:1.5rem 4rem;font-size:2rem;font-weight:700;color:var(--text-color);background:var(--primary-color);border:none;border-radius:50px;cursor:pointer;box-shadow:0 10px #c0392b;transition:transform .1s,box-shadow .1s;text-transform:uppercase}.btn-primary:active{transform:translateY(5px);box-shadow:0 5px #c0392b}.btn-primary:hover{background:#ff6b81}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}