:root{--font-main: "Outfit", sans-serif;--color-bg-grid: #F0F4F8;--color-grid-line: #E1E8ED;--color-ui-bg: rgba(255, 255, 255, .85);--color-ui-border: rgba(255, 255, 255, .5);--color-text-main: #2C3E50;--color-btn-primary: #9B59B6;--color-btn-secondary: #F1C40F}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--color-bg-grid);overflow:hidden}.app-container{position:relative;width:100vw;height:100vh;background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px);background-size:40px 40px;background-position:center bottom}.game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.hud-top{position:absolute;top:80px;left:20px;background:var(--color-ui-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:20px;box-shadow:0 4px 15px #0000000d;border:1px solid var(--color-ui-border);display:flex;flex-direction:column;gap:15px;min-width:120px}.stats-box{display:flex;flex-direction:column;gap:5px}.lives{font-size:1.5rem}.score{font-size:1.8rem;font-weight:700;color:var(--color-text-main);display:flex;align-items:center;gap:8px}.heart{margin-right:5px}.level-slider{position:absolute;right:20px;top:50%;transform:translateY(-50%);height:300px;display:flex;flex-direction:column;align-items:center;gap:10px}.slider-track{width:12px;height:100%;background:#0000001a;border-radius:10px;position:relative;overflow:hidden}.slider-fill{position:absolute;bottom:0;left:0;width:100%;background:#2ecc71;border-radius:10px;transition:height .3s ease}.level-text{font-size:.9rem;color:#95a5a6}.bottom-controls{position:absolute;bottom:30px;left:0;width:100%;display:flex;justify-content:center;gap:20px;pointer-events:auto;z-index:20}button{border:none;padding:15px 40px;border-radius:30px;font-size:1.2rem;font-weight:700;color:#fff;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:transform .1s;min-width:120px}button:active{transform:scale(.95)}.btn-primary{background:var(--color-btn-primary)}.btn-secondary{background:var(--color-btn-secondary);color:#5d4037}@media(max-width:768px){.hud-top{top:20px;left:20px;right:20px;justify-content:center;padding:10px 15px}.stats-box{flex-direction:row;gap:15px;align-items:center}.lives{font-size:1.2rem}.score{font-size:1.4rem}.level-slider{top:90px;right:20px;left:auto;height:15px;width:60px;flex-direction:row;transform:none;display:none}.bottom-controls{bottom:30px;padding:0 15px;gap:10px}button{flex:1;padding:15px 0;font-size:1rem}}