:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#1a0a2e}.game-container{position:relative;width:100vw;height:100vh;overflow:hidden}canvas{display:block;width:100%;height:100%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.overlay.interactive{pointer-events:auto;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.title{font-size:3.5rem;font-weight:900;letter-spacing:-.03em;color:#ff6b35;text-shadow:0 0 40px rgba(255,80,0,.6),0 4px 12px rgba(0,0,0,.5);margin:0}.subtitle{font-size:1.1rem;color:#ffffffb3;margin:.5rem 0 2rem}.btn{padding:.8rem 2.5rem;font-size:1.1rem;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#ff3e00);color:#fff;box-shadow:0 4px 20px #ff500066;transition:transform .15s,box-shadow .15s;font-family:inherit}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff50008c}.btn:active{transform:translateY(0)}.hud{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;font-size:.9rem;font-weight:600}.hud-left,.hud-right{display:flex;flex-direction:column;gap:.3rem}.hud-label{color:#ffffff80;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.hud-value{color:#fff;font-size:1.1rem}.hud-value.lava{color:#ff6b35}.controls-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);color:#ffffff59;font-size:.75rem;text-align:center;pointer-events:none}.win-title{font-size:3rem;font-weight:900;color:#4cff91;text-shadow:0 0 40px rgba(76,255,145,.5);margin:0}.lose-title{font-size:3rem;font-weight:900;color:#ff3e3e;text-shadow:0 0 40px rgba(255,62,62,.5);margin:0}.stat-line{color:#ffffffb3;font-size:1rem;margin:.3rem 0}.mobile-controls{position:absolute;bottom:1.5rem;left:0;right:0;display:flex;justify-content:space-between;padding:0 1.5rem;pointer-events:none}.mobile-btn{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff1a;color:#ffffffb3;font-size:1.5rem;display:flex;align-items:center;justify-content:center;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}.mobile-btn:active{background:#ffffff40}.mobile-dpad{display:flex;gap:.5rem}