*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#1a1a2e}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e)}.game-canvas{border:4px solid #4a4a6a;border-radius:8px;box-shadow:0 0 40px #00000080}.game-ui{position:absolute;top:0;left:0;right:0;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.hud{background:#000000b3;padding:12px 20px;border-radius:8px;color:#fff;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-item{display:flex;align-items:center;gap:8px;margin-bottom:4px}.hud-icon{width:24px;height:24px}.game-over-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:100}.game-over-title{font-size:48px;font-weight:700;margin-bottom:20px;text-shadow:0 0 20px currentColor}.game-over-title.win{color:#4ade80}.game-over-title.lose{color:#f87171}.restart-btn{margin-top:30px;padding:16px 40px;font-size:20px;font-weight:700;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.restart-btn:hover{background:#818cf8;transform:scale(1.05)}.mobile-controls{display:none;position:fixed;bottom:0;left:0;right:0;padding:20px;pointer-events:none}@media (max-width: 768px),(pointer: coarse){.mobile-controls{display:flex;justify-content:space-between}}.joystick-container{width:150px;height:150px;background:#ffffff1a;border-radius:50%;border:3px solid rgba(255,255,255,.3);position:relative;pointer-events:auto}.joystick-knob{width:60px;height:60px;background:#ffffff80;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .1s}.action-buttons{display:flex;gap:20px;pointer-events:auto}.action-btn{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.3);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:transform .1s}.action-btn.bomb{background:#ef444480;color:#fff}.action-btn.dash{background:#fbbf2480;color:#fff}.action-btn:active{transform:scale(.95)}.controls-hint{color:#fff9;font-size:14px;margin-top:10px}