:root{color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:#1a1a2e;color:#fafafa;overflow:hidden}.game-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}canvas{display:block;border-radius:8px;box-shadow:0 0 40px #00000080;image-rendering:pixelated}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.overlay.interactive{pointer-events:all}.menu-screen,.game-over-screen,.level-complete-screen,.win-screen{text-align:center;background:#000000b3;padding:2rem 3rem;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-title{font-size:3rem;font-weight:800;margin:0 0 .25rem;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:-.02em}.game-subtitle{font-size:1.1rem;color:#ffffffb3;margin:0 0 1.5rem}.btn{display:inline-block;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;margin:.5rem;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#6bcb77,#4d96ff);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6bcb7766}.btn-secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff40}.controls-info{margin-top:1.5rem;font-size:.85rem;color:#ffffff80}.controls-info kbd{display:inline-block;padding:.15rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;font-family:monospace;font-size:.8rem;margin:0 .15rem}.hud{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}.hud-left,.hud-right{display:flex;gap:1rem;align-items:center}.hud-item{background:#00000080;padding:.35rem .75rem;border-radius:.5rem;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:.4rem}.hud-item .emoji{font-size:1.1rem}.level-badge{background:linear-gradient(135deg,#ff6b6b,#ffd93d);padding:.35rem 1rem;border-radius:.5rem;font-weight:700;font-size:.85rem}.stats-row{display:flex;gap:2rem;justify-content:center;margin:1rem 0}.stat{text-align:center}.stat-value{font-size:2rem;font-weight:800}.stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.ability-grid{display:flex;gap:.75rem;justify-content:center;margin:1rem 0}.ability-item{background:#ffffff1a;padding:.5rem .75rem;border-radius:.5rem;font-size:.8rem;display:flex;align-items:center;gap:.3rem}.ability-item.locked{opacity:.35}.level-select{display:flex;gap:.75rem;justify-content:center;margin:1rem 0;flex-wrap:wrap}.level-btn{width:3.5rem;height:3.5rem;border-radius:.75rem;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:inherit}.level-btn:hover{border-color:#6bcb77;background:#6bcb7733}.level-btn.current{border-color:#ffd93d;background:#ffd93d33}.level-btn.completed{border-color:#6bcb77;background:#6bcb7726}.level-btn.locked{opacity:.3;cursor:not-allowed}.level-btn small{font-size:.5rem;font-weight:400;opacity:.6}.mobile-controls{position:absolute;bottom:20px;left:20px;right:20px;display:none;justify-content:space-between;align-items:flex-end;pointer-events:all;z-index:20}@media(max-width:768px){.mobile-controls{display:flex}}.mobile-btn{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0006;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-btn:active{background:#ffffff4d;transform:scale(.9)}.dpad{display:flex;gap:8px}.jump-btn{width:72px;height:72px;font-size:1.8rem}