:root{--bg-gradient:linear-gradient(135deg, #1e1e2f, #252542);--primary:#8e2de2;--secondary:#4a00e0;--text:#fff;--glass-bg:#ffffff1a;--glass-border:#fff3}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text);justify-content:center;align-items:center;height:100vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden}#game-container{width:400px;height:700px;box-shadow:0 20px 50px #00000080, inset 0 0 0 2px var(--glass-border);background:linear-gradient(#112,#2a2a4a);border-radius:20px;position:relative;overflow:hidden}canvas{border-radius:20px;width:100%;height:100%;display:block}#ui-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#score-display{text-shadow:0 4px 10px #00000080;pointer-events:none;font-size:2rem;font-weight:900;position:absolute;top:20px;left:20px}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;pointer-events:auto;background:#112c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.overlay.hidden{opacity:0;pointer-events:none}h1{background:linear-gradient(90deg,#00f2fe,#4facfe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:900;line-height:1.1}h2{color:#ff416c;margin-bottom:1rem;font-size:3rem;font-weight:900}p{color:#d1d1e0;margin-bottom:2rem;font-size:1.2rem}button{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 20px #4a00e066}button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 25px #4a00e099}button:active{transform:translateY(1px)}