domma-cms 0.2.1 → 0.5.0

package/plugins/domma-effects/public/celebrations/themes/guy-fawkes.js

@@ -1,1477 +1 @@
-/**
- * Guy Fawkes Night Theme for Domma Celebrations
- * (Bonfire Night - November 5th, UK)
- *
- * Features:
- * - Spectacular firework displays with multiple colors
- * - Animated bonfires with crackling flames and embers
- * - Rocket trails shooting upward before exploding
- * - Catherine wheels spinning with colorful sparks
- * - Roman candles shooting multiple bursts
- * - Guy Fawkes effigy silhouette
- * - Floating embers and ash particles
- * - Dark night sky with dramatic pyrotechnics
- */
-
-// Import firework functions from Christmas theme (reusable!)
-import christmas from './christmas.js';
-
-export default {
-  name: 'guy-fawkes',
-  displayName: 'Guy Fawkes Night',
-  emoji: '🎆',
-
-  // Intensity configurations
-  intensityConfig: {
-    light: {
-      count: 60,
-      initialParticleRatio: 0.25,  // Start with 25% of particles (15), build up to full count
-      speedRange: [0.5, 1.5],
-      sizeRange: [2, 4],
-      bonfires: 1,
-      fireworkChance: 0.0009,   // ~1 firework every 18 seconds
-      rocketChance: 0.0007,
-      burstChance: 0.0012
-    },
-    medium: {
-      count: 120,
-      initialParticleRatio: 0.25,  // Start with 25% of particles (30), build up to full count
-      speedRange: [0.5, 2.0],
-      sizeRange: [2, 5],
-      bonfires: 2,
-      fireworkChance: 0.0011,   // ~1 firework every 15 seconds
-      rocketChance: 0.0009,
-      burstChance: 0.0015
-    },
-    heavy: {
-      count: 200,
-      initialParticleRatio: 0.25,  // Start with 25% of particles (50), build up to full count
-      speedRange: [0.5, 2.5],
-      sizeRange: [3, 6],
-      bonfires: 3,
-      fireworkChance: 0.0014,   // ~1 firework every 12 seconds
-      rocketChance: 0.0012,
-      burstChance: 0.0018
-    }
-  },
-
-  particles: ['ember', 'firework', 'spark', 'rocket', 'burst', 'trail'],
-  decorations: ['bonfire', 'guy-effigy', 'catherine-wheel', 'roman-candle', 'sparkler-bundle', 'moon'],
-  colors: {
-    primary: '#ff4500',    // Orange-red flames
-    secondary: '#ffd700',  // Gold sparks
-    accent: '#8b0000',     // Deep red
-    fire: ['#ff4500', '#ffa500', '#ffff00', '#ff0000'], // Flame colors
-    firework: ['#ff0000', '#ffff00', '#00ff00', '#0000ff', '#ff00ff', '#00ffff', '#ffffff']
-  },
-
-  // Lightning effect properties
-  lightningChance: 0.0005, // 0.05% chance per frame to strike
-  lightningDuration: 200, // Lightning flash lasts 200ms
-  lightningTimer: 0,
-  lightningActive: false,
-  lightningColor: '#fefefe', // Bright white/blue flash
-
-  /**
-   * Draw a procedurally generated lightning bolt
-   * @param {CanvasRenderingContext2D} ctx
-   * @param {number} x1 - Start X
-   * @param {number} y1 - Start Y
-   * @param {number} x2 - End X
-   * @param {number} y2 - End Y
-   * @param {number} segments - Number of segments for the bolt (controls detail)
-   * @param {number} displacement - Max displacement for forks
-   * @param {number} roughness - How jagged the line is
-   * @param {number} branchChance - Probability of branching
-   * @param {number} lineWidth - Base line width
-   * @param {string} color - Color of the lightning
-   */
-  drawLightning(ctx, x1, y1, x2, y2, segments, displacement, roughness, branchChance, lineWidth, color) {
-    if (segments < 1) {
-      return;
-    }
-
-    const midpointX = (x1 + x2) / 2;
-    const midpointY = (y1 + y2) / 2;
-
-    const angle = Math.atan2(y2 - y1, x2 - x1);
-    const perpendicularAngle = angle + Math.PI / 2;
-
-    const offset = (Math.random() - 0.5) * displacement;
-    const newMidpointX = midpointX + Math.cos(perpendicularAngle) * offset;
-    const newMidpointY = midpointY + Math.sin(perpendicularAngle) * offset;
-
-    const newSegments = segments - 1;
-    const newDisplacement = displacement * roughness;
-    const newLineWidth = lineWidth * 0.8;
-
-    ctx.strokeStyle = color;
-    ctx.lineWidth = lineWidth;
-    ctx.lineCap = 'round';
-    ctx.lineJoin = 'round';
-
-    // Draw main segment
-    ctx.beginPath();
-    ctx.moveTo(x1, y1);
-    ctx.lineTo(newMidpointX, newMidpointY);
-    ctx.lineTo(x2, y2);
-    ctx.stroke();
-
-    // Recursive call for sub-segments
-    if (newSegments > 0) {
-      this.drawLightning(ctx, x1, y1, newMidpointX, newMidpointY, newSegments, newDisplacement, roughness, branchChance, newLineWidth, color);
-      this.drawLightning(ctx, newMidpointX, newMidpointY, x2, y2, newSegments, newDisplacement, roughness, branchChance, newLineWidth, color);
-
-      // Create a fork
-      if (Math.random() < branchChance && newSegments > 1) {
-        const forkLength = Math.random() * displacement * 0.5;
-        const forkAngle = (Math.random() - 0.5) * Math.PI / 3; // Max 60 degree deviation
-        const forkX = newMidpointX + Math.cos(angle + forkAngle) * forkLength;
-        const forkY = newMidpointY + Math.sin(angle + forkAngle) * forkLength;
-        this.drawLightning(ctx, newMidpointX, newMidpointY, forkX, forkY, newSegments - 1, newDisplacement * 0.5, roughness, branchChance * 0.5, newLineWidth * 0.6, color);
-      }
-    }
-  },
-
-  /**
-   * Create rising ember particle that will explode
-   */
-  createEmber(canvasWidth, canvasHeight, config) {
-    // Ensure config has required properties with defaults
-    const sizeRange = config?.sizeRange || [2, 4];
-    const speedRange = config?.speedRange || [0.5, 1.5];
-
-    const emberColors = this.colors.firework;
-    const startX = Math.random() * canvasWidth;
-    const startY = canvasHeight - 50; // Start near bottom
-    const targetY = 100 + Math.random() * 300; // Explode at random height
-
-    return {
-      type: 'ember',
-      x: startX,
-      y: startY,
-      vx: (Math.random() - 0.5) * 1.5, // Horizontal drift
-      vy: -2 - Math.random() * 2, // Upward velocity
-      targetY: targetY,
-      size: sizeRange[0] + Math.random() * (sizeRange[1] - sizeRange[0]),
-      speed: speedRange[0] + Math.random() * (speedRange[1] - speedRange[0]),
-      opacity: 1,
-      color: emberColors[Math.floor(Math.random() * emberColors.length)],
-      trailColor: emberColors[Math.floor(Math.random() * emberColors.length)],
-      glowPhase: Math.random() * Math.PI * 2,
-      exploded: false,
-      explosionParticles: [],
-      active: true
-    };
-  },
-
-  /**
-   * Create bonfire decoration
-   */
-  createBonfire(canvasWidth, canvasHeight, options = {}) {
-    return {
-      type: 'bonfire',
-      x: options.x !== undefined ? options.x : Math.random() * canvasWidth * 0.6 + canvasWidth * 0.2,
-      y: options.y !== undefined ? options.y : canvasHeight - 60,
-      size: 30 + Math.random() * 20,
-      opacity: 1,
-      flames: [],
-      logs: [],
-      embers: [],
-      time: 0,
-      cracklePhase: 0,
-      active: true,
-      static: true
-    };
-  },
-
-  /**
-   * Create Guy Fawkes effigy (on bonfire)
-   */
-  createGuyEffigy(canvasWidth, canvasHeight, bonfireX, bonfireY) {
-    return {
-      type: 'guy-effigy',
-      x: bonfireX,
-      y: bonfireY - 50,
-      size: 20 + Math.random() * 10,
-      opacity: 0.8,
-      burning: false,
-      burnProgress: 0,
-      active: true,
-      static: true
-    };
-  },
-
-  /**
-   * Create Catherine wheel (spinning firework)
-   */
-  createCatherineWheel(canvasWidth, canvasHeight, options = {}) {
-    return {
-      type: 'catherine-wheel',
-      x: options.x !== undefined ? options.x : Math.random() * canvasWidth,
-      y: options.y !== undefined ? options.y : 100 + Math.random() * 200,
-      size: 15 + Math.random() * 10,
-      opacity: 1,
-      rotation: 0,
-      rotationSpeed: 0.05 + Math.random() * 0.1,
-      sparks: [], // Keep this for internal spark management
-      sparkTimer: 0, // New: timer for emitting sparks
-      sparkInterval: 50, // New: emit sparks every 50ms
-      time: 0,
-      duration: 5000 + Math.random() * 3000,
-      active: true,
-      static: true
-    };
-  },
-
-  /**
-   * Create Roman candle (shoots bursts upward)
-   */
-  createRomanCandle(canvasWidth, canvasHeight, options = {}) {
-    return {
-      type: 'roman-candle',
-      x: options.x !== undefined ? options.x : Math.random() * canvasWidth,
-      y: options.y !== undefined ? options.y : canvasHeight - 30,
-      size: 8 + Math.random() * 4,
-      opacity: 1,
-      shots: [],
-      shotInterval: 800 + Math.random() * 400,
-      lastShotTime: 0,
-      shotCount: 0,
-      maxShots: 5 + Math.floor(Math.random() * 5),
-      time: 0,
-      active: true,
-      static: true
-    };
-  },
-
-  /**
-   * Create rocket particle (shoots up then explodes)
-   */
-  createRocket(canvasWidth, canvasHeight, config) {
-    const sizeRange = config?.sizeRange || [2, 4];
-    const startX = 50 + Math.random() * (canvasWidth - 100);
-    const targetY = 80 + Math.random() * 150; // Explode in upper third
-
-    return {
-      type: 'rocket',
-      x: startX,
-      y: canvasHeight - 20,
-      vx: (Math.random() - 0.5) * 0.5, // Slight drift
-      vy: -3 - Math.random() * 2, // Fast upward
-      targetY: targetY,
-      size: sizeRange[0] + Math.random() * (sizeRange[1] - sizeRange[0]),
-      opacity: 1,
-      color: this.colors.firework[Math.floor(Math.random() * this.colors.firework.length)],
-      trail: [], // Trail particles behind rocket
-      exploded: false,
-      rotation: Math.random() * Math.PI * 2,
-      rotationSpeed: (Math.random() - 0.5) * 0.1,
-      active: true
-    };
-  },
-
-  /**
-   * Create burst particle (explosion fragment)
-   */
-  createBurst(canvasWidth, canvasHeight, config, origin) {
-    const sizeRange = config?.sizeRange || [1, 3];
-    const angle = Math.random() * Math.PI * 2;
-    const speed = 1 + Math.random() * 4;
-
-    return {
-      type: 'burst',
-      x: origin?.x || canvasWidth / 2,
-      y: origin?.y || canvasHeight / 2,
-      vx: Math.cos(angle) * speed,
-      vy: Math.sin(angle) * speed,
-      size: sizeRange[0] + Math.random() * (sizeRange[1] - sizeRange[0]),
-      opacity: 1,
-      color: this.colors.firework[Math.floor(Math.random() * this.colors.firework.length)],
-      life: 1.0, // Fades out over time
-      fadeRate: 0.015 + Math.random() * 0.015,
-      gravity: 0.05,
-      sparkle: Math.random() < 0.3, // 30% chance to sparkle
-      active: true
-    };
-  },
-
-  /**
-   * Create trail particle (follows rockets)
-   */
-  createTrail(canvasWidth, canvasHeight, config, origin) {
-    const sizeRange = config?.sizeRange || [1, 2];
-
-    return {
-      type: 'trail',
-      x: origin?.x || canvasWidth / 2,
-      y: origin?.y || canvasHeight / 2,
-      vx: (Math.random() - 0.5) * 0.3,
-      vy: (Math.random() - 0.5) * 0.3,
-      size: sizeRange[0] + Math.random() * (sizeRange[1] - sizeRange[0]),
-      opacity: 0.8,
-      color: origin?.color || '#ffd700',
-      life: 1.0,
-      fadeRate: 0.03 + Math.random() * 0.02,
-      active: true
-    };
-  },
-
-  /**
-   * Create spark particle (small glowing bits)
-   */
-  createSpark(canvasWidth, canvasHeight, config, origin) {
-    const sizeRange = config?.sizeRange || [0.5, 1.5];
-    const angle = Math.random() * Math.PI * 2;
-    const speed = 0.5 + Math.random() * 2;
-
-    return {
-      type: 'spark',
-      x: origin?.x || Math.random() * canvasWidth,
-      y: origin?.y || Math.random() * canvasHeight,
-      vx: Math.cos(angle) * speed,
-      vy: Math.sin(angle) * speed,
-      size: sizeRange[0] + Math.random() * (sizeRange[1] - sizeRange[0]),
-      opacity: 1,
-      color: this.colors.secondary, // Gold sparks
-      life: 1.0,
-      fadeRate: 0.02 + Math.random() * 0.02,
-      active: true
-    };
-  },
-
-  /**
-   * Create falling particle (embers)
-   */
-  createFallingParticle(canvasWidth, canvasHeight, config) {
-    return this.createEmber(canvasWidth, canvasHeight, config);
-  },
-
-  /**
-   * Create initial static decorations (bonfires, Guy effigy, etc.)
-   */
-  createInitialDecorations(canvasWidth, canvasHeight, config) {
-    const decorations = [];
-
-    // Create bonfires
-    const bonfireCount = config.bonfires || 2;
-    for (let i = 0; i < bonfireCount; i++) {
-      const bonfireX = (canvasWidth / (bonfireCount + 1)) * (i + 1);
-      const bonfireY = canvasHeight - 60;
-
-      decorations.push(this.createBonfire(canvasWidth, canvasHeight, {
-        x: bonfireX,
-        y: bonfireY
-      }));
-
-      // Guy effigy on top of bonfire
-      decorations.push(this.createGuyEffigy(canvasWidth, canvasHeight, bonfireX, bonfireY));
-    }
-
-    // Catherine wheels mounted on sides
-    const wheelCount = Math.min(bonfireCount, 2);
-    for (let i = 0; i < wheelCount; i++) {
-      const side = i % 2 === 0 ? 'left' : 'right';
-      decorations.push(this.createCatherineWheel(canvasWidth, canvasHeight, {
-        x: side === 'left' ? 100 : canvasWidth - 100,
-        y: 150 + i * 100
-      }));
-    }
-
-    // Roman candles at ground level
-    const candleCount = Math.min(bonfireCount, 2);
-    for (let i = 0; i < candleCount; i++) {
-      decorations.push(this.createRomanCandle(canvasWidth, canvasHeight, {
-        x: 150 + i * ((canvasWidth - 300) / (candleCount)),
-        y: canvasHeight - 30
-      }));
-    }
-
-    // Sparkler bundles (decorative)
-    const sparklerCount = Math.min(bonfireCount + 1, 3);
-    for (let i = 0; i < sparklerCount; i++) {
-      decorations.push({
-        type: 'sparkler-bundle',
-        x: 80 + i * ((canvasWidth - 160) / (sparklerCount - 1)),
-        y: canvasHeight - 20,
-        size: 12 + Math.random() * 4,
-        opacity: 0.85,
-        sparklePhase: Math.random() * Math.PI * 2,
-        active: true,
-        static: true
-      });
-    }
-
-    // Soft red moon (top right corner)
-    decorations.push({
-      type: 'moon',
-      x: canvasWidth - 120,
-      y: 100,
-      size: 60 + Math.random() * 20,
-      opacity: 0.75,
-      glowPhase: Math.random() * Math.PI * 2,
-      active: true,
-      static: true
-    });
-
-    return decorations;
-  },
-
-  /**
-   * Spawn special Guy Fawkes particles
-   */
-  spawnSpecialParticle(specialParticles, canvasWidth, canvasHeight, config) {
-    const choice = Math.random();
-
-    // Fireworks (uses Christmas firework code!)
-    if (choice < config.fireworkChance) {
-      // Random explosion height between 20% and 70% of screen height (always visible)
-      const targetY = canvasHeight * (0.2 + Math.random() * 0.5);
-      const startY = canvasHeight;
-      const distance = startY - targetY;
-
-      // Calculate velocity to reach target in reasonable time
-      const flightTime = 40 + Math.random() * 20; // 40-60 frames (~0.7-1 second)
-      const vy = -(distance / flightTime);
-
-      return {
-        type: 'firework',
-        x: Math.random() * canvasWidth,
-        y: startY,
-        targetY: targetY, // Explosion height
-        vx: (Math.random() - 0.5) * 3, // Slight horizontal drift
-        vy: vy, // Calculated to reach target
-        size: 2 + Math.random() * 2,
-        opacity: 1,
-        active: true,
-        static: false,
-        time: 0,
-        exploded: false,
-        explosionTime: flightTime, // Time to reach target
-        color: this.colors.firework[Math.floor(Math.random() * this.colors.firework.length)]
-      };
-    }
-
-    // Bonfire (rare, max 3)
-    if (choice < 0.0003) {
-      const bonfireCount = specialParticles.filter(p => p.type === 'bonfire').length;
-      if (bonfireCount < config.bonfires) {
-        return this.createBonfire(canvasWidth, canvasHeight);
-      }
-    }
-
-    // Catherine wheel (rare)
-    if (choice < 0.0005) {
-      return this.createCatherineWheel(canvasWidth, canvasHeight);
-    }
-
-    // Roman candle (rare)
-    if (choice < 0.0008) {
-      return this.createRomanCandle(canvasWidth, canvasHeight);
-    }
-
-    return null;
-  },
-
-  /**
-   * Update special particles (fireworks, sparks, etc.)
-   */
-  updateSpecialParticles(specialParticles, deltaTime) {
-    // Update lightning effect
-    if (this.lightningActive) {
-      this.lightningTimer += deltaTime;
-      if (this.lightningTimer >= this.lightningDuration) {
-        this.lightningActive = false;
-        this.lightningTimer = 0;
-      }
-    } else {
-      if (Math.random() < this.lightningChance) {
-        this.lightningActive = true;
-        this.lightningTimer = 0;
-      }
-    }
-
-    for (const particle of specialParticles) {
-      // Increment time for animated particles
-      if (particle.time !== undefined) {
-        particle.time++;
-      }
-
-      // Check firework explosion
-      if (particle.type === 'firework' && !particle.exploded) {
-        // Explode when reached target height OR after flight time
-        const reachedTarget = particle.targetY && particle.y <= particle.targetY;
-        const timeExpired = particle.time >= particle.explosionTime;
-
-        if (reachedTarget || timeExpired) {
-          particle.exploded = true;
-          this.explodeFirework(particle, specialParticles);
-          particle.active = false; // Remove the firework itself
-        }
-      }
-
-      // Fade out sparks
-      if (particle.type === 'spark') {
-        particle.opacity -= 0.015;
-        particle.vy += 0.15; // Gravity
-        if (particle.opacity <= 0) {
-          particle.active = false;
-        }
-      }
-
-      // Update Catherine Wheel
-      if (particle.type === 'catherine-wheel') {
-        particle.rotation += particle.rotationSpeed * (deltaTime / 16); // Normalize rotation speed
-        particle.time += deltaTime;
-
-        // Deactivate after duration
-        if (particle.time > particle.duration) {
-          particle.active = false;
-        }
-
-        // Emit new sparks
-        particle.sparkTimer += deltaTime;
-        if (particle.sparkTimer >= particle.sparkInterval) {
-          particle.sparkTimer = 0;
-          // Emit multiple sparks per interval
-          const numSparks = 2 + Math.floor(Math.random() * 3); // 2-4 sparks
-          for (let i = 0; i < numSparks; i++) {
-            const angle = Math.random() * Math.PI * 2; // Random direction
-            const speed = 1 + Math.random() * 3;
-            particle.sparks.push({
-              x: 0, // Relative to wheel center
-              y: 0, // Relative to wheel center
-              vx: Math.cos(angle) * speed,
-              vy: Math.sin(angle) * speed,
-              size: 1 + Math.random() * 1.5,
-              opacity: 1,
-              life: 1.0,
-              fadeRate: 0.05 + Math.random() * 0.03,
-              color: this.colors.firework[Math.floor(Math.random() * this.colors.firework.length)]
-            });
-          }
-        }
-
-        // Update existing sparks
-        particle.sparks = particle.sparks.filter(spark => {
-          spark.x += spark.vx;
-          spark.y += spark.vy;
-          spark.life -= spark.fadeRate;
-          spark.opacity = Math.max(0, spark.life);
-          return spark.life > 0;
-        });
-      }
-    }
-  },
-
-  /**
-   * Draw floating ember
-   */
-  drawEmber(ctx, particle, time) {
-    // Safety check: validate particle properties
-    if (!isFinite(particle.x) || !isFinite(particle.y) || !isFinite(particle.size) ||
-        !isFinite(particle.vx) || !isFinite(particle.vy)) {
-      console.warn('[Guy Fawkes] Invalid ember particle values, deactivating:', particle);
-      particle.active = false;
-      return;
-    }
-
-    // Update physics - rising motion
-    if (!particle.exploded) {
-      particle.x += particle.vx;
-      particle.y += particle.vy;
-      particle.vy += 0.02; // Slight gravity
-
-      // Validate after update
-      if (!isFinite(particle.x) || !isFinite(particle.y)) {
-        console.warn('[Guy Fawkes] Ember particle became non-finite after update, deactivating');
-        particle.active = false;
-        return;
-      }
-
-      // Check if reached target height
-      if (particle.y <= particle.targetY) {
-        particle.exploded = true;
-        // Create DRAMATIC explosion particles (MORE and BIGGER!)
-        const explosionCount = 50 + Math.floor(Math.random() * 40); // 50-90 particles
-        for (let i = 0; i < explosionCount; i++) {
-          const angle = (i / explosionCount) * Math.PI * 2;
-          const speed = 2 + Math.random() * 5; // Faster spread
-          const isTracer = i % 5 === 0; // Every 5th particle is a bright tracer
-          particle.explosionParticles.push({
-            x: particle.x,
-            y: particle.y,
-            vx: Math.cos(angle) * speed,
-            vy: Math.sin(angle) * speed,
-            size: isTracer ? 2 + Math.random() * 2 : 0.8 + Math.random() * 2, // Bigger particles
-            color: isTracer ? '#ffffff' : this.colors.firework[Math.floor(Math.random() * this.colors.firework.length)],
-            opacity: 1,
-            life: 1.0,
-            trail: [] // Add trail for tracer particles
-          });
-        }
-      }
-    }
-
-    const x = particle.x;
-    const y = particle.y;
-    const size = particle.size;
-
-    ctx.save();
-
-    if (!particle.exploded) {
-      // Rising ember with trail
-      const glowIntensity = 0.8 + (Math.sin(time * 0.01 + particle.glowPhase) + 1) * 0.2;
-
-      // Trail
-      ctx.globalAlpha = 0.3;
-      ctx.strokeStyle = particle.trailColor;
-      ctx.lineWidth = size * 0.8;
-      ctx.lineCap = 'round';
-      ctx.beginPath();
-      ctx.moveTo(x, y);
-      ctx.lineTo(x - particle.vx * 5, y - particle.vy * 5);
-      ctx.stroke();
-
-      // Glow
-      const gradient = ctx.createRadialGradient(x, y, 0, x, y, size * 4);
-      gradient.addColorStop(0, particle.color);
-      gradient.addColorStop(0.5, `${particle.color}80`);
-      gradient.addColorStop(1, 'rgba(255, 69, 0, 0)');
-      ctx.globalAlpha = glowIntensity;
-      ctx.fillStyle = gradient;
-      ctx.fillRect(x - size * 4, y - size * 4, size * 8, size * 8);
-
-      // Core
-      ctx.globalAlpha = 1;
-      ctx.fillStyle = particle.color;
-      ctx.shadowColor = particle.color;
-      ctx.shadowBlur = size * 2;
-      ctx.beginPath();
-      ctx.arc(x, y, size, 0, Math.PI * 2);
-      ctx.fill();
-    } else {
-      // Draw explosion particles
-      particle.explosionParticles = particle.explosionParticles.filter(p => {
-        p.x += p.vx;
-        p.y += p.vy;
-        p.vy += 0.05; // Gravity on explosion particles
-        p.life -= 0.015;
-        p.opacity = p.life;
-
-        if (p.life <= 0) return false;
-
-        // Draw explosion particle
-        ctx.globalAlpha = p.opacity;
-        ctx.fillStyle = p.color;
-        ctx.shadowColor = p.color;
-        ctx.shadowBlur = p.size * 3;
-        ctx.beginPath();
-        ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
-        ctx.fill();
-
-        return true;
-      });
-
-      // Deactivate when all explosion particles are gone
-      if (particle.explosionParticles.length === 0) {
-        particle.active = false;
-      }
-    }
-
-    ctx.restore();
-  },
-
-  /**
-   * Draw bonfire with animated flames
-   */
-  drawBonfire(ctx, particle, time) {
-    const x = particle.x;
-    const y = particle.y;
-    const size = particle.size;
-
-    ctx.save();
-    ctx.translate(x, y);
-
-    // Logs (wood pile)
-    ctx.fillStyle = '#8B4513';
-    ctx.strokeStyle = '#654321';
-    ctx.lineWidth = 2;
-
-    // Bottom log
-    ctx.fillRect(-size * 0.8, size * 0.3, size * 1.6, size * 0.3);
-    ctx.strokeRect(-size * 0.8, size * 0.3, size * 1.6, size * 0.3);
-
-    // Middle logs (crossed)
-    ctx.save();
-    ctx.rotate(-0.3);
-    ctx.fillRect(-size * 0.7, size * 0.1, size * 1.4, size * 0.25);
-    ctx.strokeRect(-size * 0.7, size * 0.1, size * 1.4, size * 0.25);
-    ctx.restore();
-
-    ctx.save();
-    ctx.rotate(0.3);
-    ctx.fillRect(-size * 0.7, size * 0.1, size * 1.4, size * 0.25);
-    ctx.strokeRect(-size * 0.7, size * 0.1, size * 1.4, size * 0.25);
-    ctx.restore();
-
-    // Animated flames (BIGGER and MORE DRAMATIC!)
-    const flameCount = 12; // More flames for fuller effect
-    for (let i = 0; i < flameCount; i++) {
-      const flameX = -size * 0.6 + (i / flameCount) * size * 1.2;
-      // Taller, more dynamic flames
-      const flameHeight = size * (1.2 + Math.sin(time * 0.006 + i) * 0.5);
-      const flameWidth = size * (0.2 + Math.sin(time * 0.01 + i * 0.5) * 0.12);
-
-      // More dramatic flame gradient with white-hot core
-      const flameGradient = ctx.createLinearGradient(flameX, 0, flameX, -flameHeight);
-      flameGradient.addColorStop(0, '#ffffff');       // White-hot base
-      flameGradient.addColorStop(0.15, '#ffff00');    // Yellow
-      flameGradient.addColorStop(0.4, '#ffa500');     // Orange
-      flameGradient.addColorStop(0.7, '#ff4500');     // Red-orange
-      flameGradient.addColorStop(0.85, '#ff0000');    // Red
-      flameGradient.addColorStop(1, 'rgba(139, 0, 0, 0)'); // Dark red fade
-
-      ctx.fillStyle = flameGradient;
-      ctx.globalAlpha = 0.85;
-      ctx.shadowColor = '#ff6600';
-      ctx.shadowBlur = size * 0.3;
-
-      ctx.beginPath();
-      ctx.moveTo(flameX, 0);
-      // More exaggerated, flickering shape
-      ctx.bezierCurveTo(
-        flameX - flameWidth, -flameHeight * 0.4,
-        flameX - flameWidth * 0.6, -flameHeight * 0.7,
-        flameX, -flameHeight
-      );
-      ctx.bezierCurveTo(
-        flameX + flameWidth * 0.6, -flameHeight * 0.7,
-        flameX + flameWidth, -flameHeight * 0.4,
-        flameX, 0
-      );
-      ctx.closePath();
-      ctx.fill();
-    }
-    ctx.shadowBlur = 0;
-    ctx.globalAlpha = 1;
-
-    // Glow
-    const glowGradient = ctx.createRadialGradient(0, 0, 0, 0, 0, size * 2);
-    glowGradient.addColorStop(0, 'rgba(255, 165, 0, 0.4)');
-    glowGradient.addColorStop(0.5, 'rgba(255, 69, 0, 0.2)');
-    glowGradient.addColorStop(1, 'rgba(255, 69, 0, 0)');
-    ctx.fillStyle = glowGradient;
-    ctx.fillRect(-size * 2, -size * 2, size * 4, size * 2);
-
-    // Sparks/embers rising from fire
-    for (let i = 0; i < 5; i++) {
-      const sparkX = (Math.random() - 0.5) * size * 0.8;
-      const sparkY = -size * Math.random() * 1.5;
-      const sparkSize = 1 + Math.random() * 2;
-      ctx.fillStyle = Math.random() < 0.5 ? '#ffa500' : '#ffff00';
-      ctx.globalAlpha = Math.random() * 0.8;
-      ctx.beginPath();
-      ctx.arc(sparkX, sparkY, sparkSize, 0, Math.PI * 2);
-      ctx.fill();
-    }
-
-    ctx.restore();
-  },
-
-  /**
-   * Draw Guy Fawkes effigy
-   */
-  drawGuyEffigy(ctx, particle, time) {
-    const x = particle.x;
-    const y = particle.y;
-    const size = particle.size;
-
-    ctx.save();
-    ctx.globalAlpha = particle.opacity * (1 - particle.burnProgress);
-    ctx.translate(x, y);
-
-    // Body (straw/cloth)
-    ctx.fillStyle = '#8B7355';
-    ctx.fillRect(-size * 0.4, 0, size * 0.8, size * 1.5);
-
-    // Arms
-    ctx.fillRect(-size * 0.9, size * 0.3, size * 0.5, size * 0.2);
-    ctx.fillRect(size * 0.4, size * 0.3, size * 0.5, size * 0.2);
-
-    // Head (sack/mask)
-    ctx.fillStyle = '#D2B48C';
-    ctx.beginPath();
-    ctx.arc(0, -size * 0.3, size * 0.5, 0, Math.PI * 2);
-    ctx.fill();
-
-    // Hat
-    ctx.fillStyle = '#4a4a4a';
-    ctx.fillRect(-size * 0.6, -size * 0.8, size * 1.2, size * 0.2);
-    ctx.fillRect(-size * 0.4, -size * 1.2, size * 0.8, size * 0.4);
-
-    // Face (scary mask)
-    ctx.fillStyle = '#000000';
-    // Eyes
-    ctx.fillRect(-size * 0.25, -size * 0.4, size * 0.15, size * 0.2);
-    ctx.fillRect(size * 0.1, -size * 0.4, size * 0.15, size * 0.2);
-
-    // Mouth (grin)
-    ctx.beginPath();
-    ctx.arc(0, -size * 0.1, size * 0.25, 0, Math.PI);
-    ctx.fill();
-
-    // Burning effect if burning
-    if (particle.burning) {
-      ctx.globalAlpha = 1;
-      const fireGradient = ctx.createRadialGradient(0, 0, 0, 0, 0, size * 2);
-      fireGradient.addColorStop(0, 'rgba(255, 255, 0, 0.8)');
-      fireGradient.addColorStop(0.5, 'rgba(255, 69, 0, 0.5)');
-      fireGradient.addColorStop(1, 'rgba(255, 0, 0, 0)');
-      ctx.fillStyle = fireGradient;
-      ctx.fillRect(-size * 2, -size * 2, size * 4, size * 4);
-    }
-
-    ctx.restore();
-  },
-
-  /**
-   * Draw Catherine wheel (spinning firework) - IMPROVED
-   */
-  drawCatherineWheel(ctx, particle, time) {
-    const x = particle.x;
-    const y = particle.y;
-    const size = particle.size;
-
-    ctx.save();
-    ctx.translate(x, y);
-    ctx.rotate(particle.rotation);
-
-    // Center pin/mount
-    ctx.fillStyle = '#654321'; // Dark wood/metal color
-    ctx.beginPath();
-    ctx.arc(0, 0, size * 0.1, 0, Math.PI * 2);
-    ctx.fill();
-
-    // Wheel structure (concentric circles, more defined)
-    ctx.strokeStyle = '#8B4513'; // Brownish for the cardboard/wood wheel
-    ctx.lineWidth = size * 0.15;
-    ctx.beginPath();
-    ctx.arc(0, 0, size * 0.6, 0, Math.PI * 2);
-    ctx.stroke();
-
-    ctx.strokeStyle = '#cc6600'; // Inner ring for color
-    ctx.lineWidth = size * 0.1;
-    ctx.beginPath();
-    ctx.arc(0, 0, size * 0.4, 0, Math.PI * 2);
-    ctx.stroke();
-
-    // Outer firework tubes/spokes
-    const tubeCount = 8;
-    for (let i = 0; i < tubeCount; i++) {
-      const angle = (i / tubeCount) * Math.PI * 2;
-      const tubeX = Math.cos(angle) * size * 0.7;
-      const tubeY = Math.sin(angle) * size * 0.7;
-
-      ctx.fillStyle = '#444444'; // Dark grey for tubes
-      ctx.strokeStyle = '#222222';
-      ctx.lineWidth = 1;
-      ctx.beginPath();
-      ctx.arc(tubeX, tubeY, size * 0.15, 0, Math.PI * 2);
-      ctx.fill();
-      ctx.stroke();
-    }
-
-    // Draw emitted sparks
-    particle.sparks.forEach(spark => {
-      ctx.save();
-      ctx.translate(spark.x, spark.y);
-
-      // Spark glow
-      const glowGradient = ctx.createRadialGradient(0, 0, 0, 0, 0, spark.size * 5);
-      glowGradient.addColorStop(0, spark.color);
-      glowGradient.addColorStop(0.5, `${spark.color}80`);
-      glowGradient.addColorStop(1, 'rgba(255, 69, 0, 0)'); // Fade to transparent orange/red
-      ctx.fillStyle = glowGradient;
-      ctx.globalAlpha = spark.opacity * 0.6;
-      ctx.fillRect(-spark.size * 5, -spark.size * 5, spark.size * 10, spark.size * 10);
-
-      // Spark core
-      ctx.globalAlpha = spark.opacity;
-      ctx.fillStyle = spark.color;
-      ctx.shadowColor = spark.color;
-      ctx.shadowBlur = spark.size * 3;
-      ctx.beginPath();
-      ctx.arc(0, 0, spark.size, 0, Math.PI * 2);
-      ctx.fill();
-
-      ctx.restore();
-    });
-
-    // Pulsing inner glow from the active wheel
-    const innerGlowIntensity = 0.6 + Math.sin(time * 0.01) * 0.4;
-    ctx.globalAlpha = innerGlowIntensity * particle.opacity;
-    const innerGlow = ctx.createRadialGradient(0, 0, 0, 0, 0, size);
-    innerGlow.addColorStop(0, 'rgba(255, 200, 0, 0.7)');
-    innerGlow.addColorStop(0.5, 'rgba(255, 100, 0, 0.4)');
-    innerGlow.addColorStop(1, 'rgba(255, 0, 0, 0)');
-    ctx.fillStyle = innerGlow;
-    ctx.beginPath();
-    ctx.arc(0, 0, size, 0, Math.PI * 2);
-    ctx.fill();
-
-    ctx.shadowBlur = 0;
-    ctx.restore();
-  },
-
-  /**
-   * Draw Roman candle
-   */
-  drawRomanCandle(ctx, particle, time) {
-    const x = particle.x;
-    const y = particle.y;
-    const size = particle.size;
-
-    ctx.save();
-    ctx.translate(x, y);
-
-    // Candle body (tube)
-    ctx.fillStyle = '#c00';
-    ctx.strokeStyle = '#800';
-    ctx.lineWidth = 2;
-    ctx.fillRect(-size * 0.4, 0, size * 0.8, size * 2);
-    ctx.strokeRect(-size * 0.4, 0, size * 0.8, size * 2);
-
-    // Gold label
-    ctx.fillStyle = '#ffd700';
-    ctx.fillRect(-size * 0.3, size * 0.8, size * 0.6, size * 0.5);
-
-    // Fuse/top
-    ctx.fillStyle = '#654321';
-    ctx.fillRect(-size * 0.2, -size * 0.3, size * 0.4, size * 0.3);
-
-    // Spark at top when firing
-    if (particle.shotCount < particle.maxShots) {
-      const sparkIntensity = Math.sin(time * 0.05) * 0.5 + 0.5;
-      ctx.fillStyle = `rgba(255, 255, 0, ${sparkIntensity})`;
-      ctx.shadowColor = '#ffff00';
-      ctx.shadowBlur = 15;
-      ctx.beginPath();
-      ctx.arc(0, -size * 0.2, size * 0.3, 0, Math.PI * 2);
-      ctx.fill();
-    }
-
-    ctx.shadowBlur = 0;
-    ctx.restore();
-
-    // Draw shots in flight
-    particle.shots.forEach(shot => {
-      ctx.save();
-      ctx.globalAlpha = shot.opacity;
-
-      // Trail
-      ctx.strokeStyle = shot.color;
-      ctx.lineWidth = 3;
-      ctx.shadowColor = shot.color;
-      ctx.shadowBlur = 10;
-      ctx.beginPath();
-      ctx.moveTo(shot.x, shot.y);
-      ctx.lineTo(shot.x, shot.y + 10);
-      ctx.stroke();
-
-      // Core
-      ctx.fillStyle = shot.color;
-      ctx.beginPath();
-      ctx.arc(shot.x, shot.y, shot.size, 0, Math.PI * 2);
-      ctx.fill();
-
-      ctx.shadowBlur = 0;
-      ctx.restore();
-    });
-  },
-
-  /**
-   * Draw sparkler bundle (decorative handheld fireworks)
-   */
-  drawSparklerBundle(ctx, particle, time) {
-    const x = particle.x;
-    const y = particle.y;
-    const size = particle.size;
-
-    ctx.save();
-    ctx.globalAlpha = particle.opacity;
-    ctx.translate(x, y);
-
-    // Bundle of sparklers (5 sticks)
-    const sparklerCount = 5;
-    const spread = size * 0.15;
-
-    for (let i = 0; i < sparklerCount; i++) {
-      const offsetX = (i - 2) * spread;
-      const tilt = (i - 2) * 0.05;
-
-      ctx.save();
-      ctx.translate(offsetX, 0);
-      ctx.rotate(tilt);
-
-      // Stick (metallic wire)
-      ctx.strokeStyle = '#888888';
-      ctx.lineWidth = size * 0.08;
-      ctx.lineCap = 'round';
-      ctx.beginPath();
-      ctx.moveTo(0, 0);
-      ctx.lineTo(0, -size * 1.8);
-      ctx.stroke();
-
-      // Sparkler tip (lit)
-      const sparkIntensity = Math.sin(time * 0.01 + particle.sparklePhase + i * 0.5) * 0.5 + 0.5;
-      const tipGradient = ctx.createRadialGradient(0, -size * 1.8, 0, 0, -size * 1.8, size * 0.5);
-      tipGradient.addColorStop(0, `rgba(255, 255, 255, ${sparkIntensity})`);
-      tipGradient.addColorStop(0.4, `rgba(255, 215, 0, ${sparkIntensity * 0.8})`);
-      tipGradient.addColorStop(0.7, `rgba(255, 140, 0, ${sparkIntensity * 0.5})`);
-      tipGradient.addColorStop(1, 'rgba(255, 69, 0, 0)');
-
-      ctx.fillStyle = tipGradient;
-      ctx.beginPath();
-      ctx.arc(0, -size * 1.8, size * 0.5, 0, Math.PI * 2);
-      ctx.fill();
-
-      // Tiny sparks flying off
-      const sparkCount = 3;
-      for (let j = 0; j < sparkCount; j++) {
-        const sparkAngle = Math.random() * Math.PI * 2;
-        const sparkDist = size * (0.6 + Math.random() * 0.4);
-        const sparkX = Math.cos(sparkAngle) * sparkDist;
-        const sparkY = -size * 1.8 + Math.sin(sparkAngle) * sparkDist;
-        const sparkSize = size * (0.05 + Math.random() * 0.08);
-
-        ctx.fillStyle = Math.random() < 0.5 ? '#ffffff' : '#ffd700';
-        ctx.shadowColor = ctx.fillStyle;
-        ctx.shadowBlur = size * 0.3;
-        ctx.globalAlpha = particle.opacity * Math.random() * 0.8;
-
-        ctx.beginPath();
-        ctx.arc(sparkX, sparkY, sparkSize, 0, Math.PI * 2);
-        ctx.fill();
-      }
-
-      ctx.restore();
-    }
-
-    // Handle/holder at bottom
-    ctx.fillStyle = '#654321';
-    ctx.fillRect(-size * 0.5, -size * 0.2, size, size * 0.4);
-
-    ctx.shadowBlur = 0;
-    ctx.restore();
-  },
-
-  /**
-   * Draw firework (reuses Christmas firework code)
-   */
-  drawFirework(ctx, particle) {
-    return christmas.drawFirework(ctx, particle);
-  },
-
-  /**
-   * Explode firework (reuses Christmas explosion code)
-   */
-  explodeFirework(particle, specialParticles) {
-    // Use themed colors instead of Christmas colors
-    const sparkCount = 60 + Math.random() * 60;
-    const colors = this.colors.firework;
-
-    for (let i = 0; i < sparkCount; i++) {
-      const angle = Math.random() * Math.PI * 2;
-      const speed = Math.random() * 6 + 3;
-      specialParticles.push({
-        type: 'spark',
-        x: particle.x,
-        y: particle.y,
-        vx: Math.cos(angle) * speed,
-        vy: Math.sin(angle) * speed,
-        size: 2 + Math.random() * 2.5,
-        opacity: 1,
-        active: true,
-        static: false,
-        color: colors[Math.floor(Math.random() * colors.length)],
-        trail: []
-      });
-    }
-  },
-
-  /**
-   * Draw soft red moon (Bonfire Night atmosphere)
-   */
-  drawMoon(ctx, particle, time) {
-    const x = particle.x;
-    const y = particle.y;
-    const size = particle.size;
-
-    ctx.save();
-    ctx.globalAlpha = particle.opacity;
-    ctx.translate(x, y);
-
-    // Moon body (soft red/orange tint)
-    const moonGradient = ctx.createRadialGradient(-size * 0.2, -size * 0.2, 0, 0, 0, size);
-    moonGradient.addColorStop(0, '#ffb6a0');    // Soft peachy center
-    moonGradient.addColorStop(0.5, '#ff8c66');  // Warm orange-red
-    moonGradient.addColorStop(1, '#cc6644');    // Deeper red edge
-    ctx.fillStyle = moonGradient;
-    ctx.beginPath();
-    ctx.arc(0, 0, size, 0, Math.PI * 2);
-    ctx.fill();
-
-    // Craters (darker red)
-    ctx.fillStyle = 'rgba(120, 50, 40, 0.25)';
-    ctx.beginPath();
-    ctx.arc(-size * 0.3, -size * 0.2, size * 0.15, 0, Math.PI * 2);
-    ctx.fill();
-    ctx.beginPath();
-    ctx.arc(size * 0.25, size * 0.1, size * 0.2, 0, Math.PI * 2);
-    ctx.fill();
-    ctx.beginPath();
-    ctx.arc(size * 0.1, -size * 0.4, size * 0.12, 0, Math.PI * 2);
-    ctx.fill();
-
-    // Soft smoke wisps drifting across moon surface
-    ctx.strokeStyle = 'rgba(100, 60, 50, 0.15)';
-    ctx.lineWidth = size * 0.08;
-    ctx.lineCap = 'round';
-    const smokeWave = Math.sin(time * 0.001 + particle.glowPhase) * size * 0.3;
-    for (let i = 0; i < 3; i++) {
-      ctx.beginPath();
-      const yPos = -size * 0.4 + i * size * 0.4;
-      ctx.moveTo(-size * 0.8, yPos + smokeWave * (i % 2 === 0 ? 1 : -1));
-      ctx.bezierCurveTo(
-        -size * 0.3, yPos + smokeWave * 0.5,
-        size * 0.3, yPos - smokeWave * 0.5,
-        size * 0.8, yPos + smokeWave * (i % 2 === 0 ? -1 : 1)
-      );
-      ctx.stroke();
-    }
-
-    // Soft red glow (pulsing gently)
-    const glowIntensity = 0.25 + Math.sin(time * 0.0015 + particle.glowPhase) * 0.1;
-    ctx.globalAlpha = glowIntensity;
-    const glowGradient = ctx.createRadialGradient(0, 0, size * 0.8, 0, 0, size * 2.0);
-    glowGradient.addColorStop(0, 'rgba(255, 140, 100, 0.6)');
-    glowGradient.addColorStop(0.5, 'rgba(255, 100, 80, 0.3)');
-    glowGradient.addColorStop(1, 'rgba(255, 80, 60, 0)');
-    ctx.fillStyle = glowGradient;
-    ctx.beginPath();
-    ctx.arc(0, 0, size * 2.0, 0, Math.PI * 2);
-    ctx.fill();
-
-    ctx.restore();
-  },
-
-  /**
-   * Draw rocket particle (shoots up with trail, then explodes)
-   */
-  drawRocket(ctx, particle, time) {
-    ctx.save();
-
-    if (!particle.exploded) {
-      // Update physics - upward flight
-      particle.x += particle.vx;
-      particle.y += particle.vy;
-      particle.rotation += particle.rotationSpeed;
-
-      // Check if reached target explosion height
-      if (particle.y <= particle.targetY) {
-        particle.exploded = true;
-
-        // Create MASSIVE explosion - more burst particles than embers!
-        const explosionCount = 80 + Math.floor(Math.random() * 60); // 80-140 particles!
-        particle.explosionParticles = [];
-
-        for (let i = 0; i < explosionCount; i++) {
-          const angle = (i / explosionCount) * Math.PI * 2;
-          const speed = 2 + Math.random() * 6; // Fast explosive spread
-          const isTracer = i % 6 === 0; // Every 6th particle is bright tracer
-
-          particle.explosionParticles.push({
-            x: particle.x,
-            y: particle.y,
-            vx: Math.cos(angle) * speed,
-            vy: Math.sin(angle) * speed,
-            size: isTracer ? 2.5 + Math.random() * 2 : 1 + Math.random() * 2,
-            color: isTracer ? '#ffffff' : this.colors.firework[Math.floor(Math.random() * this.colors.firework.length)],
-            opacity: 1,
-            life: 1.0,
-            gravity: 0.05,
-            sparkle: Math.random() < 0.3
-          });
-        }
-      }
-
-      const x = particle.x;
-      const y = particle.y;
-      const size = particle.size;
-
-      // Draw rocket trail
-      const trailLength = 15;
-      ctx.globalAlpha = 0.6;
-      const trailGradient = ctx.createLinearGradient(x, y, x - particle.vx * trailLength, y - particle.vy * trailLength);
-      trailGradient.addColorStop(0, particle.color);
-      trailGradient.addColorStop(0.5, `${particle.color}80`);
-      trailGradient.addColorStop(1, 'rgba(255, 69, 0, 0)');
-      ctx.strokeStyle = trailGradient;
-      ctx.lineWidth = size * 1.5;
-      ctx.lineCap = 'round';
-      ctx.beginPath();
-      ctx.moveTo(x, y);
-      ctx.lineTo(x - particle.vx * trailLength, y - particle.vy * trailLength);
-      ctx.stroke();
-
-      // Rocket glow
-      ctx.globalAlpha = 0.8;
-      const glowGradient = ctx.createRadialGradient(x, y, 0, x, y, size * 5);
-      glowGradient.addColorStop(0, particle.color);
-      glowGradient.addColorStop(0.5, `${particle.color}60`);
-      glowGradient.addColorStop(1, 'rgba(255, 69, 0, 0)');
-      ctx.fillStyle = glowGradient;
-      ctx.fillRect(x - size * 5, y - size * 5, size * 10, size * 10);
-
-      // Rocket core (bright white-hot center)
-      ctx.globalAlpha = 1;
-      ctx.fillStyle = '#ffffff';
-      ctx.shadowColor = particle.color;
-      ctx.shadowBlur = size * 3;
-      ctx.beginPath();
-      ctx.arc(x, y, size * 1.2, 0, Math.PI * 2);
-      ctx.fill();
-
-      // Outer colored ring
-      ctx.fillStyle = particle.color;
-      ctx.shadowBlur = size * 2;
-      ctx.beginPath();
-      ctx.arc(x, y, size * 0.8, 0, Math.PI * 2);
-      ctx.fill();
-    } else {
-      // Draw explosion particles (similar to ember explosions)
-      particle.explosionParticles = particle.explosionParticles.filter(p => {
-        p.x += p.vx;
-        p.y += p.vy;
-        p.vy += p.gravity; // Gravity pulls down
-        p.life -= 0.012; // Faster fade than embers for dramatic effect
-        p.opacity = p.life;
-
-        if (p.life <= 0) return false;
-
-        // Draw explosion particle with glow
-        ctx.globalAlpha = p.opacity * 0.6;
-        const glowGradient = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.size * 4);
-        glowGradient.addColorStop(0, p.color);
-        glowGradient.addColorStop(0.5, `${p.color}60`);
-        glowGradient.addColorStop(1, 'rgba(255, 69, 0, 0)');
-        ctx.fillStyle = glowGradient;
-        ctx.fillRect(p.x - p.size * 4, p.y - p.size * 4, p.size * 8, p.size * 8);
-
-        // Core
-        ctx.globalAlpha = p.opacity;
-        ctx.fillStyle = p.color;
-        ctx.shadowColor = p.color;
-        ctx.shadowBlur = p.size * 3;
-
-        // Sparkle effect
-        if (p.sparkle && Math.random() < 0.3) {
-          ctx.shadowBlur = p.size * 5;
-          ctx.fillStyle = '#ffffff';
-        }
-
-        ctx.beginPath();
-        ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
-        ctx.fill();
-
-        return true;
-      });
-
-      // Deactivate rocket when all explosion particles are gone
-      if (particle.explosionParticles.length === 0) {
-        particle.active = false;
-      }
-    }
-
-    ctx.shadowBlur = 0;
-    ctx.restore();
-  },
-
-  /**
-   * Draw burst particle (explosion fragment)
-   */
-  drawBurst(ctx, particle) {
-    const x = particle.x;
-    const y = particle.y;
-    const size = particle.size;
-
-    ctx.save();
-
-    // Update physics
-    particle.x += particle.vx;
-    particle.y += particle.vy;
-    particle.vy += particle.gravity; // Gravity pulls down
-    particle.life -= particle.fadeRate;
-    particle.opacity = Math.max(0, particle.life);
-
-    // Deactivate when faded out
-    if (particle.life <= 0) {
-      particle.active = false;
-      ctx.restore();
-      return;
-    }
-
-    // Glow effect
-    ctx.globalAlpha = particle.opacity * 0.6;
-    const glowGradient = ctx.createRadialGradient(x, y, 0, x, y, size * 4);
-    glowGradient.addColorStop(0, particle.color);
-    glowGradient.addColorStop(0.5, `${particle.color}60`);
-    glowGradient.addColorStop(1, 'rgba(255, 69, 0, 0)');
-    ctx.fillStyle = glowGradient;
-    ctx.fillRect(x - size * 4, y - size * 4, size * 8, size * 8);
-
-    // Core particle
-    ctx.globalAlpha = particle.opacity;
-    ctx.fillStyle = particle.color;
-    ctx.shadowColor = particle.color;
-    ctx.shadowBlur = size * 2;
-
-    // Sparkle effect (randomly brighter)
-    if (particle.sparkle && Math.random() < 0.3) {
-      ctx.shadowBlur = size * 4;
-      ctx.fillStyle = '#ffffff';
-    }
-
-    ctx.beginPath();
-    ctx.arc(x, y, size, 0, Math.PI * 2);
-    ctx.fill();
-
-    ctx.shadowBlur = 0;
-    ctx.restore();
-  },
-
-  /**
-   * Draw trail particle (follows rockets)
-   */
-  drawTrail(ctx, particle) {
-    const x = particle.x;
-    const y = particle.y;
-    const size = particle.size;
-
-    ctx.save();
-
-    // Update physics
-    particle.x += particle.vx;
-    particle.y += particle.vy;
-    particle.life -= particle.fadeRate;
-    particle.opacity = Math.max(0, particle.life * 0.8);
-
-    // Deactivate when faded out
-    if (particle.life <= 0) {
-      particle.active = false;
-      ctx.restore();
-      return;
-    }
-
-    // Glow
-    ctx.globalAlpha = particle.opacity * 0.4;
-    const glowGradient = ctx.createRadialGradient(x, y, 0, x, y, size * 3);
-    glowGradient.addColorStop(0, particle.color);
-    glowGradient.addColorStop(0.6, `${particle.color}40`);
-    glowGradient.addColorStop(1, 'rgba(255, 215, 0, 0)');
-    ctx.fillStyle = glowGradient;
-    ctx.fillRect(x - size * 3, y - size * 3, size * 6, size * 6);
-
-    // Core
-    ctx.globalAlpha = particle.opacity;
-    ctx.fillStyle = particle.color;
-    ctx.shadowColor = particle.color;
-    ctx.shadowBlur = size * 1.5;
-    ctx.beginPath();
-    ctx.arc(x, y, size, 0, Math.PI * 2);
-    ctx.fill();
-
-    ctx.shadowBlur = 0;
-    ctx.restore();
-  },
-
-  /**
-   * Draw spark particle (small glowing bits)
-   */
-  drawSpark(ctx, particle) {
-    const x = particle.x;
-    const y = particle.y;
-    const size = particle.size;
-
-    ctx.save();
-
-    // Update physics
-    particle.x += particle.vx;
-    particle.y += particle.vy;
-    particle.life -= particle.fadeRate;
-    particle.opacity = Math.max(0, particle.life);
-
-    // Deactivate when faded out
-    if (particle.life <= 0) {
-      particle.active = false;
-      ctx.restore();
-      return;
-    }
-
-    // Glow
-    ctx.globalAlpha = particle.opacity * 0.5;
-    const glowGradient = ctx.createRadialGradient(x, y, 0, x, y, size * 3);
-    glowGradient.addColorStop(0, particle.color);
-    glowGradient.addColorStop(0.5, `${particle.color}60`);
-    glowGradient.addColorStop(1, 'rgba(255, 215, 0, 0)');
-    ctx.fillStyle = glowGradient;
-    ctx.fillRect(x - size * 3, y - size * 3, size * 6, size * 6);
-
-    // Core (very small, bright gold)
-    ctx.globalAlpha = particle.opacity;
-    ctx.fillStyle = particle.color;
-    ctx.shadowColor = particle.color;
-    ctx.shadowBlur = size * 2;
-    ctx.beginPath();
-    ctx.arc(x, y, size * 0.8, 0, Math.PI * 2);
-    ctx.fill();
-
-    ctx.shadowBlur = 0;
-    ctx.restore();
-  },
-
-  /**
-   * Draw global theme effects (e.g., lightning)
-   */
-  drawGlobalEffects(ctx, currentTime, canvasWidth, canvasHeight) {
-    if (this.lightningActive) {
-      ctx.save();
-      ctx.globalAlpha = 0.8 + Math.sin(this.lightningTimer * 0.01) * 0.2; // Pulsing effect during flash
-      ctx.shadowColor = this.lightningColor;
-      ctx.shadowBlur = 20;
-
-      // Draw main lightning bolt from top-center to random bottom position
-      const startX = canvasWidth * (0.4 + Math.random() * 0.2); // Top middle
-      const startY = 0;
-      const endX = canvasWidth * Math.random();
-      const endY = canvasHeight;
-
-      this.drawLightning(
-        ctx,
-        startX,
-        startY,
-        endX,
-        endY,
-        5 + Math.floor(Math.random() * 3), // 5-7 segments
-        50 + Math.random() * 50, // 50-100 displacement
-        0.7, // Roughness
-        0.3, // Branch chance
-        3 + Math.random() * 2, // Line width
-        this.lightningColor
-      );
-
-      ctx.restore();
-    }
-  }
-};
+import R from"./christmas.js";export default{name:"guy-fawkes",displayName:"Guy Fawkes Night",emoji:"\u{1F386}",intensityConfig:{light:{count:60,initialParticleRatio:.25,speedRange:[.5,1.5],sizeRange:[2,4],bonfires:1,fireworkChance:9e-4,rocketChance:7e-4,burstChance:.0012},medium:{count:120,initialParticleRatio:.25,speedRange:[.5,2],sizeRange:[2,5],bonfires:2,fireworkChance:.0011,rocketChance:9e-4,burstChance:.0015},heavy:{count:200,initialParticleRatio:.25,speedRange:[.5,2.5],sizeRange:[3,6],bonfires:3,fireworkChance:.0014,rocketChance:.0012,burstChance:.0018}},particles:["ember","firework","spark","rocket","burst","trail"],decorations:["bonfire","guy-effigy","catherine-wheel","roman-candle","sparkler-bundle","moon"],colors:{primary:"#ff4500",secondary:"#ffd700",accent:"#8b0000",fire:["#ff4500","#ffa500","#ffff00","#ff0000"],firework:["#ff0000","#ffff00","#00ff00","#0000ff","#ff00ff","#00ffff","#ffffff"]},lightningChance:5e-4,lightningDuration:200,lightningTimer:0,lightningActive:!1,lightningColor:"#fefefe",drawLightning(o,e,n,r,l,a,t,f,i,s,h){if(a<1)return;const d=(e+r)/2,y=(n+l)/2,g=Math.atan2(l-n,r-e),b=g+Math.PI/2,S=(Math.random()-.5)*t,M=d+Math.cos(b)*S,m=y+Math.sin(b)*S,u=a-1,w=t*f,C=s*.8;if(o.strokeStyle=h,o.lineWidth=s,o.lineCap="round",o.lineJoin="round",o.beginPath(),o.moveTo(e,n),o.lineTo(M,m),o.lineTo(r,l),o.stroke(),u>0&&(this.drawLightning(o,e,n,M,m,u,w,f,i,C,h),this.drawLightning(o,M,m,r,l,u,w,f,i,C,h),Math.random()<i&&u>1)){const P=Math.random()*t*.5,v=(Math.random()-.5)*Math.PI/3,k=M+Math.cos(g+v)*P,z=m+Math.sin(g+v)*P;this.drawLightning(o,M,m,k,z,u-1,w*.5,f,i*.5,C*.6,h)}},createEmber(o,e,n){const r=n?.sizeRange||[2,4],l=n?.speedRange||[.5,1.5],a=this.colors.firework,t=Math.random()*o,f=e-50,i=100+Math.random()*300;return{type:"ember",x:t,y:f,vx:(Math.random()-.5)*1.5,vy:-2-Math.random()*2,targetY:i,size:r[0]+Math.random()*(r[1]-r[0]),speed:l[0]+Math.random()*(l[1]-l[0]),opacity:1,color:a[Math.floor(Math.random()*a.length)],trailColor:a[Math.floor(Math.random()*a.length)],glowPhase:Math.random()*Math.PI*2,exploded:!1,explosionParticles:[],active:!0}},createBonfire(o,e,n={}){return{type:"bonfire",x:n.x!==void 0?n.x:Math.random()*o*.6+o*.2,y:n.y!==void 0?n.y:e-60,size:30+Math.random()*20,opacity:1,flames:[],logs:[],embers:[],time:0,cracklePhase:0,active:!0,static:!0}},createGuyEffigy(o,e,n,r){return{type:"guy-effigy",x:n,y:r-50,size:20+Math.random()*10,opacity:.8,burning:!1,burnProgress:0,active:!0,static:!0}},createCatherineWheel(o,e,n={}){return{type:"catherine-wheel",x:n.x!==void 0?n.x:Math.random()*o,y:n.y!==void 0?n.y:100+Math.random()*200,size:15+Math.random()*10,opacity:1,rotation:0,rotationSpeed:.05+Math.random()*.1,sparks:[],sparkTimer:0,sparkInterval:50,time:0,duration:5e3+Math.random()*3e3,active:!0,static:!0}},createRomanCandle(o,e,n={}){return{type:"roman-candle",x:n.x!==void 0?n.x:Math.random()*o,y:n.y!==void 0?n.y:e-30,size:8+Math.random()*4,opacity:1,shots:[],shotInterval:800+Math.random()*400,lastShotTime:0,shotCount:0,maxShots:5+Math.floor(Math.random()*5),time:0,active:!0,static:!0}},createRocket(o,e,n){const r=n?.sizeRange||[2,4],l=50+Math.random()*(o-100),a=80+Math.random()*150;return{type:"rocket",x:l,y:e-20,vx:(Math.random()-.5)*.5,vy:-3-Math.random()*2,targetY:a,size:r[0]+Math.random()*(r[1]-r[0]),opacity:1,color:this.colors.firework[Math.floor(Math.random()*this.colors.firework.length)],trail:[],exploded:!1,rotation:Math.random()*Math.PI*2,rotationSpeed:(Math.random()-.5)*.1,active:!0}},createBurst(o,e,n,r){const l=n?.sizeRange||[1,3],a=Math.random()*Math.PI*2,t=1+Math.random()*4;return{type:"burst",x:r?.x||o/2,y:r?.y||e/2,vx:Math.cos(a)*t,vy:Math.sin(a)*t,size:l[0]+Math.random()*(l[1]-l[0]),opacity:1,color:this.colors.firework[Math.floor(Math.random()*this.colors.firework.length)],life:1,fadeRate:.015+Math.random()*.015,gravity:.05,sparkle:Math.random()<.3,active:!0}},createTrail(o,e,n,r){const l=n?.sizeRange||[1,2];return{type:"trail",x:r?.x||o/2,y:r?.y||e/2,vx:(Math.random()-.5)*.3,vy:(Math.random()-.5)*.3,size:l[0]+Math.random()*(l[1]-l[0]),opacity:.8,color:r?.color||"#ffd700",life:1,fadeRate:.03+Math.random()*.02,active:!0}},createSpark(o,e,n,r){const l=n?.sizeRange||[.5,1.5],a=Math.random()*Math.PI*2,t=.5+Math.random()*2;return{type:"spark",x:r?.x||Math.random()*o,y:r?.y||Math.random()*e,vx:Math.cos(a)*t,vy:Math.sin(a)*t,size:l[0]+Math.random()*(l[1]-l[0]),opacity:1,color:this.colors.secondary,life:1,fadeRate:.02+Math.random()*.02,active:!0}},createFallingParticle(o,e,n){return this.createEmber(o,e,n)},createInitialDecorations(o,e,n){const r=[],l=n.bonfires||2;for(let i=0;i<l;i++){const s=o/(l+1)*(i+1),h=e-60;r.push(this.createBonfire(o,e,{x:s,y:h})),r.push(this.createGuyEffigy(o,e,s,h))}const a=Math.min(l,2);for(let i=0;i<a;i++){const s=i%2===0?"left":"right";r.push(this.createCatherineWheel(o,e,{x:s==="left"?100:o-100,y:150+i*100}))}const t=Math.min(l,2);for(let i=0;i<t;i++)r.push(this.createRomanCandle(o,e,{x:150+i*((o-300)/t),y:e-30}));const f=Math.min(l+1,3);for(let i=0;i<f;i++)r.push({type:"sparkler-bundle",x:80+i*((o-160)/(f-1)),y:e-20,size:12+Math.random()*4,opacity:.85,sparklePhase:Math.random()*Math.PI*2,active:!0,static:!0});return r.push({type:"moon",x:o-120,y:100,size:60+Math.random()*20,opacity:.75,glowPhase:Math.random()*Math.PI*2,active:!0,static:!0}),r},spawnSpecialParticle(o,e,n,r){const l=Math.random();if(l<r.fireworkChance){const a=n*(.2+Math.random()*.5),t=n,f=t-a,i=40+Math.random()*20,s=-(f/i);return{type:"firework",x:Math.random()*e,y:t,targetY:a,vx:(Math.random()-.5)*3,vy:s,size:2+Math.random()*2,opacity:1,active:!0,static:!1,time:0,exploded:!1,explosionTime:i,color:this.colors.firework[Math.floor(Math.random()*this.colors.firework.length)]}}return l<3e-4&&o.filter(t=>t.type==="bonfire").length<r.bonfires?this.createBonfire(e,n):l<5e-4?this.createCatherineWheel(e,n):l<8e-4?this.createRomanCandle(e,n):null},updateSpecialParticles(o,e){this.lightningActive?(this.lightningTimer+=e,this.lightningTimer>=this.lightningDuration&&(this.lightningActive=!1,this.lightningTimer=0)):Math.random()<this.lightningChance&&(this.lightningActive=!0,this.lightningTimer=0);for(const n of o){if(n.time!==void 0&&n.time++,n.type==="firework"&&!n.exploded){const r=n.targetY&&n.y<=n.targetY,l=n.time>=n.explosionTime;(r||l)&&(n.exploded=!0,this.explodeFirework(n,o),n.active=!1)}if(n.type==="spark"&&(n.opacity-=.015,n.vy+=.15,n.opacity<=0&&(n.active=!1)),n.type==="catherine-wheel"){if(n.rotation+=n.rotationSpeed*(e/16),n.time+=e,n.time>n.duration&&(n.active=!1),n.sparkTimer+=e,n.sparkTimer>=n.sparkInterval){n.sparkTimer=0;const r=2+Math.floor(Math.random()*3);for(let l=0;l<r;l++){const a=Math.random()*Math.PI*2,t=1+Math.random()*3;n.sparks.push({x:0,y:0,vx:Math.cos(a)*t,vy:Math.sin(a)*t,size:1+Math.random()*1.5,opacity:1,life:1,fadeRate:.05+Math.random()*.03,color:this.colors.firework[Math.floor(Math.random()*this.colors.firework.length)]})}}n.sparks=n.sparks.filter(r=>(r.x+=r.vx,r.y+=r.vy,r.life-=r.fadeRate,r.opacity=Math.max(0,r.life),r.life>0))}}},drawEmber(o,e,n){if(!isFinite(e.x)||!isFinite(e.y)||!isFinite(e.size)||!isFinite(e.vx)||!isFinite(e.vy)){console.warn("[Guy Fawkes] Invalid ember particle values, deactivating:",e),e.active=!1;return}if(!e.exploded){if(e.x+=e.vx,e.y+=e.vy,e.vy+=.02,!isFinite(e.x)||!isFinite(e.y)){console.warn("[Guy Fawkes] Ember particle became non-finite after update, deactivating"),e.active=!1;return}if(e.y<=e.targetY){e.exploded=!0;const t=50+Math.floor(Math.random()*40);for(let f=0;f<t;f++){const i=f/t*Math.PI*2,s=2+Math.random()*5,h=f%5===0;e.explosionParticles.push({x:e.x,y:e.y,vx:Math.cos(i)*s,vy:Math.sin(i)*s,size:h?2+Math.random()*2:.8+Math.random()*2,color:h?"#ffffff":this.colors.firework[Math.floor(Math.random()*this.colors.firework.length)],opacity:1,life:1,trail:[]})}}}const r=e.x,l=e.y,a=e.size;if(o.save(),e.exploded)e.explosionParticles=e.explosionParticles.filter(t=>(t.x+=t.vx,t.y+=t.vy,t.vy+=.05,t.life-=.015,t.opacity=t.life,t.life<=0?!1:(o.globalAlpha=t.opacity,o.fillStyle=t.color,o.shadowColor=t.color,o.shadowBlur=t.size*3,o.beginPath(),o.arc(t.x,t.y,t.size,0,Math.PI*2),o.fill(),!0))),e.explosionParticles.length===0&&(e.active=!1);else{const t=.8+(Math.sin(n*.01+e.glowPhase)+1)*.2;o.globalAlpha=.3,o.strokeStyle=e.trailColor,o.lineWidth=a*.8,o.lineCap="round",o.beginPath(),o.moveTo(r,l),o.lineTo(r-e.vx*5,l-e.vy*5),o.stroke();const f=o.createRadialGradient(r,l,0,r,l,a*4);f.addColorStop(0,e.color),f.addColorStop(.5,`${e.color}80`),f.addColorStop(1,"rgba(255, 69, 0, 0)"),o.globalAlpha=t,o.fillStyle=f,o.fillRect(r-a*4,l-a*4,a*8,a*8),o.globalAlpha=1,o.fillStyle=e.color,o.shadowColor=e.color,o.shadowBlur=a*2,o.beginPath(),o.arc(r,l,a,0,Math.PI*2),o.fill()}o.restore()},drawBonfire(o,e,n){const r=e.x,l=e.y,a=e.size;o.save(),o.translate(r,l),o.fillStyle="#8B4513",o.strokeStyle="#654321",o.lineWidth=2,o.fillRect(-a*.8,a*.3,a*1.6,a*.3),o.strokeRect(-a*.8,a*.3,a*1.6,a*.3),o.save(),o.rotate(-.3),o.fillRect(-a*.7,a*.1,a*1.4,a*.25),o.strokeRect(-a*.7,a*.1,a*1.4,a*.25),o.restore(),o.save(),o.rotate(.3),o.fillRect(-a*.7,a*.1,a*1.4,a*.25),o.strokeRect(-a*.7,a*.1,a*1.4,a*.25),o.restore();const t=12;for(let i=0;i<t;i++){const s=-a*.6+i/t*a*1.2,h=a*(1.2+Math.sin(n*.006+i)*.5),d=a*(.2+Math.sin(n*.01+i*.5)*.12),y=o.createLinearGradient(s,0,s,-h);y.addColorStop(0,"#ffffff"),y.addColorStop(.15,"#ffff00"),y.addColorStop(.4,"#ffa500"),y.addColorStop(.7,"#ff4500"),y.addColorStop(.85,"#ff0000"),y.addColorStop(1,"rgba(139, 0, 0, 0)"),o.fillStyle=y,o.globalAlpha=.85,o.shadowColor="#ff6600",o.shadowBlur=a*.3,o.beginPath(),o.moveTo(s,0),o.bezierCurveTo(s-d,-h*.4,s-d*.6,-h*.7,s,-h),o.bezierCurveTo(s+d*.6,-h*.7,s+d,-h*.4,s,0),o.closePath(),o.fill()}o.shadowBlur=0,o.globalAlpha=1;const f=o.createRadialGradient(0,0,0,0,0,a*2);f.addColorStop(0,"rgba(255, 165, 0, 0.4)"),f.addColorStop(.5,"rgba(255, 69, 0, 0.2)"),f.addColorStop(1,"rgba(255, 69, 0, 0)"),o.fillStyle=f,o.fillRect(-a*2,-a*2,a*4,a*2);for(let i=0;i<5;i++){const s=(Math.random()-.5)*a*.8,h=-a*Math.random()*1.5,d=1+Math.random()*2;o.fillStyle=Math.random()<.5?"#ffa500":"#ffff00",o.globalAlpha=Math.random()*.8,o.beginPath(),o.arc(s,h,d,0,Math.PI*2),o.fill()}o.restore()},drawGuyEffigy(o,e,n){const r=e.x,l=e.y,a=e.size;if(o.save(),o.globalAlpha=e.opacity*(1-e.burnProgress),o.translate(r,l),o.fillStyle="#8B7355",o.fillRect(-a*.4,0,a*.8,a*1.5),o.fillRect(-a*.9,a*.3,a*.5,a*.2),o.fillRect(a*.4,a*.3,a*.5,a*.2),o.fillStyle="#D2B48C",o.beginPath(),o.arc(0,-a*.3,a*.5,0,Math.PI*2),o.fill(),o.fillStyle="#4a4a4a",o.fillRect(-a*.6,-a*.8,a*1.2,a*.2),o.fillRect(-a*.4,-a*1.2,a*.8,a*.4),o.fillStyle="#000000",o.fillRect(-a*.25,-a*.4,a*.15,a*.2),o.fillRect(a*.1,-a*.4,a*.15,a*.2),o.beginPath(),o.arc(0,-a*.1,a*.25,0,Math.PI),o.fill(),e.burning){o.globalAlpha=1;const t=o.createRadialGradient(0,0,0,0,0,a*2);t.addColorStop(0,"rgba(255, 255, 0, 0.8)"),t.addColorStop(.5,"rgba(255, 69, 0, 0.5)"),t.addColorStop(1,"rgba(255, 0, 0, 0)"),o.fillStyle=t,o.fillRect(-a*2,-a*2,a*4,a*4)}o.restore()},drawCatherineWheel(o,e,n){const r=e.x,l=e.y,a=e.size;o.save(),o.translate(r,l),o.rotate(e.rotation),o.fillStyle="#654321",o.beginPath(),o.arc(0,0,a*.1,0,Math.PI*2),o.fill(),o.strokeStyle="#8B4513",o.lineWidth=a*.15,o.beginPath(),o.arc(0,0,a*.6,0,Math.PI*2),o.stroke(),o.strokeStyle="#cc6600",o.lineWidth=a*.1,o.beginPath(),o.arc(0,0,a*.4,0,Math.PI*2),o.stroke();const t=8;for(let s=0;s<t;s++){const h=s/t*Math.PI*2,d=Math.cos(h)*a*.7,y=Math.sin(h)*a*.7;o.fillStyle="#444444",o.strokeStyle="#222222",o.lineWidth=1,o.beginPath(),o.arc(d,y,a*.15,0,Math.PI*2),o.fill(),o.stroke()}e.sparks.forEach(s=>{o.save(),o.translate(s.x,s.y);const h=o.createRadialGradient(0,0,0,0,0,s.size*5);h.addColorStop(0,s.color),h.addColorStop(.5,`${s.color}80`),h.addColorStop(1,"rgba(255, 69, 0, 0)"),o.fillStyle=h,o.globalAlpha=s.opacity*.6,o.fillRect(-s.size*5,-s.size*5,s.size*10,s.size*10),o.globalAlpha=s.opacity,o.fillStyle=s.color,o.shadowColor=s.color,o.shadowBlur=s.size*3,o.beginPath(),o.arc(0,0,s.size,0,Math.PI*2),o.fill(),o.restore()});const f=.6+Math.sin(n*.01)*.4;o.globalAlpha=f*e.opacity;const i=o.createRadialGradient(0,0,0,0,0,a);i.addColorStop(0,"rgba(255, 200, 0, 0.7)"),i.addColorStop(.5,"rgba(255, 100, 0, 0.4)"),i.addColorStop(1,"rgba(255, 0, 0, 0)"),o.fillStyle=i,o.beginPath(),o.arc(0,0,a,0,Math.PI*2),o.fill(),o.shadowBlur=0,o.restore()},drawRomanCandle(o,e,n){const r=e.x,l=e.y,a=e.size;if(o.save(),o.translate(r,l),o.fillStyle="#c00",o.strokeStyle="#800",o.lineWidth=2,o.fillRect(-a*.4,0,a*.8,a*2),o.strokeRect(-a*.4,0,a*.8,a*2),o.fillStyle="#ffd700",o.fillRect(-a*.3,a*.8,a*.6,a*.5),o.fillStyle="#654321",o.fillRect(-a*.2,-a*.3,a*.4,a*.3),e.shotCount<e.maxShots){const t=Math.sin(n*.05)*.5+.5;o.fillStyle=`rgba(255, 255, 0, ${t})`,o.shadowColor="#ffff00",o.shadowBlur=15,o.beginPath(),o.arc(0,-a*.2,a*.3,0,Math.PI*2),o.fill()}o.shadowBlur=0,o.restore(),e.shots.forEach(t=>{o.save(),o.globalAlpha=t.opacity,o.strokeStyle=t.color,o.lineWidth=3,o.shadowColor=t.color,o.shadowBlur=10,o.beginPath(),o.moveTo(t.x,t.y),o.lineTo(t.x,t.y+10),o.stroke(),o.fillStyle=t.color,o.beginPath(),o.arc(t.x,t.y,t.size,0,Math.PI*2),o.fill(),o.shadowBlur=0,o.restore()})},drawSparklerBundle(o,e,n){const r=e.x,l=e.y,a=e.size;o.save(),o.globalAlpha=e.opacity,o.translate(r,l);const t=5,f=a*.15;for(let i=0;i<t;i++){const s=(i-2)*f,h=(i-2)*.05;o.save(),o.translate(s,0),o.rotate(h),o.strokeStyle="#888888",o.lineWidth=a*.08,o.lineCap="round",o.beginPath(),o.moveTo(0,0),o.lineTo(0,-a*1.8),o.stroke();const d=Math.sin(n*.01+e.sparklePhase+i*.5)*.5+.5,y=o.createRadialGradient(0,-a*1.8,0,0,-a*1.8,a*.5);y.addColorStop(0,`rgba(255, 255, 255, ${d})`),y.addColorStop(.4,`rgba(255, 215, 0, ${d*.8})`),y.addColorStop(.7,`rgba(255, 140, 0, ${d*.5})`),y.addColorStop(1,"rgba(255, 69, 0, 0)"),o.fillStyle=y,o.beginPath(),o.arc(0,-a*1.8,a*.5,0,Math.PI*2),o.fill();const g=3;for(let b=0;b<g;b++){const S=Math.random()*Math.PI*2,M=a*(.6+Math.random()*.4),m=Math.cos(S)*M,u=-a*1.8+Math.sin(S)*M,w=a*(.05+Math.random()*.08);o.fillStyle=Math.random()<.5?"#ffffff":"#ffd700",o.shadowColor=o.fillStyle,o.shadowBlur=a*.3,o.globalAlpha=e.opacity*Math.random()*.8,o.beginPath(),o.arc(m,u,w,0,Math.PI*2),o.fill()}o.restore()}o.fillStyle="#654321",o.fillRect(-a*.5,-a*.2,a,a*.4),o.shadowBlur=0,o.restore()},drawFirework(o,e){return R.drawFirework(o,e)},explodeFirework(o,e){const n=60+Math.random()*60,r=this.colors.firework;for(let l=0;l<n;l++){const a=Math.random()*Math.PI*2,t=Math.random()*6+3;e.push({type:"spark",x:o.x,y:o.y,vx:Math.cos(a)*t,vy:Math.sin(a)*t,size:2+Math.random()*2.5,opacity:1,active:!0,static:!1,color:r[Math.floor(Math.random()*r.length)],trail:[]})}},drawMoon(o,e,n){const r=e.x,l=e.y,a=e.size;o.save(),o.globalAlpha=e.opacity,o.translate(r,l);const t=o.createRadialGradient(-a*.2,-a*.2,0,0,0,a);t.addColorStop(0,"#ffb6a0"),t.addColorStop(.5,"#ff8c66"),t.addColorStop(1,"#cc6644"),o.fillStyle=t,o.beginPath(),o.arc(0,0,a,0,Math.PI*2),o.fill(),o.fillStyle="rgba(120, 50, 40, 0.25)",o.beginPath(),o.arc(-a*.3,-a*.2,a*.15,0,Math.PI*2),o.fill(),o.beginPath(),o.arc(a*.25,a*.1,a*.2,0,Math.PI*2),o.fill(),o.beginPath(),o.arc(a*.1,-a*.4,a*.12,0,Math.PI*2),o.fill(),o.strokeStyle="rgba(100, 60, 50, 0.15)",o.lineWidth=a*.08,o.lineCap="round";const f=Math.sin(n*.001+e.glowPhase)*a*.3;for(let h=0;h<3;h++){o.beginPath();const d=-a*.4+h*a*.4;o.moveTo(-a*.8,d+f*(h%2===0?1:-1)),o.bezierCurveTo(-a*.3,d+f*.5,a*.3,d-f*.5,a*.8,d+f*(h%2===0?-1:1)),o.stroke()}const i=.25+Math.sin(n*.0015+e.glowPhase)*.1;o.globalAlpha=i;const s=o.createRadialGradient(0,0,a*.8,0,0,a*2);s.addColorStop(0,"rgba(255, 140, 100, 0.6)"),s.addColorStop(.5,"rgba(255, 100, 80, 0.3)"),s.addColorStop(1,"rgba(255, 80, 60, 0)"),o.fillStyle=s,o.beginPath(),o.arc(0,0,a*2,0,Math.PI*2),o.fill(),o.restore()},drawRocket(o,e,n){if(o.save(),e.exploded)e.explosionParticles=e.explosionParticles.filter(r=>{if(r.x+=r.vx,r.y+=r.vy,r.vy+=r.gravity,r.life-=.012,r.opacity=r.life,r.life<=0)return!1;o.globalAlpha=r.opacity*.6;const l=o.createRadialGradient(r.x,r.y,0,r.x,r.y,r.size*4);return l.addColorStop(0,r.color),l.addColorStop(.5,`${r.color}60`),l.addColorStop(1,"rgba(255, 69, 0, 0)"),o.fillStyle=l,o.fillRect(r.x-r.size*4,r.y-r.size*4,r.size*8,r.size*8),o.globalAlpha=r.opacity,o.fillStyle=r.color,o.shadowColor=r.color,o.shadowBlur=r.size*3,r.sparkle&&Math.random()<.3&&(o.shadowBlur=r.size*5,o.fillStyle="#ffffff"),o.beginPath(),o.arc(r.x,r.y,r.size,0,Math.PI*2),o.fill(),!0}),e.explosionParticles.length===0&&(e.active=!1);else{if(e.x+=e.vx,e.y+=e.vy,e.rotation+=e.rotationSpeed,e.y<=e.targetY){e.exploded=!0;const s=80+Math.floor(Math.random()*60);e.explosionParticles=[];for(let h=0;h<s;h++){const d=h/s*Math.PI*2,y=2+Math.random()*6,g=h%6===0;e.explosionParticles.push({x:e.x,y:e.y,vx:Math.cos(d)*y,vy:Math.sin(d)*y,size:g?2.5+Math.random()*2:1+Math.random()*2,color:g?"#ffffff":this.colors.firework[Math.floor(Math.random()*this.colors.firework.length)],opacity:1,life:1,gravity:.05,sparkle:Math.random()<.3})}}const r=e.x,l=e.y,a=e.size,t=15;o.globalAlpha=.6;const f=o.createLinearGradient(r,l,r-e.vx*t,l-e.vy*t);f.addColorStop(0,e.color),f.addColorStop(.5,`${e.color}80`),f.addColorStop(1,"rgba(255, 69, 0, 0)"),o.strokeStyle=f,o.lineWidth=a*1.5,o.lineCap="round",o.beginPath(),o.moveTo(r,l),o.lineTo(r-e.vx*t,l-e.vy*t),o.stroke(),o.globalAlpha=.8;const i=o.createRadialGradient(r,l,0,r,l,a*5);i.addColorStop(0,e.color),i.addColorStop(.5,`${e.color}60`),i.addColorStop(1,"rgba(255, 69, 0, 0)"),o.fillStyle=i,o.fillRect(r-a*5,l-a*5,a*10,a*10),o.globalAlpha=1,o.fillStyle="#ffffff",o.shadowColor=e.color,o.shadowBlur=a*3,o.beginPath(),o.arc(r,l,a*1.2,0,Math.PI*2),o.fill(),o.fillStyle=e.color,o.shadowBlur=a*2,o.beginPath(),o.arc(r,l,a*.8,0,Math.PI*2),o.fill()}o.shadowBlur=0,o.restore()},drawBurst(o,e){const n=e.x,r=e.y,l=e.size;if(o.save(),e.x+=e.vx,e.y+=e.vy,e.vy+=e.gravity,e.life-=e.fadeRate,e.opacity=Math.max(0,e.life),e.life<=0){e.active=!1,o.restore();return}o.globalAlpha=e.opacity*.6;const a=o.createRadialGradient(n,r,0,n,r,l*4);a.addColorStop(0,e.color),a.addColorStop(.5,`${e.color}60`),a.addColorStop(1,"rgba(255, 69, 0, 0)"),o.fillStyle=a,o.fillRect(n-l*4,r-l*4,l*8,l*8),o.globalAlpha=e.opacity,o.fillStyle=e.color,o.shadowColor=e.color,o.shadowBlur=l*2,e.sparkle&&Math.random()<.3&&(o.shadowBlur=l*4,o.fillStyle="#ffffff"),o.beginPath(),o.arc(n,r,l,0,Math.PI*2),o.fill(),o.shadowBlur=0,o.restore()},drawTrail(o,e){const n=e.x,r=e.y,l=e.size;if(o.save(),e.x+=e.vx,e.y+=e.vy,e.life-=e.fadeRate,e.opacity=Math.max(0,e.life*.8),e.life<=0){e.active=!1,o.restore();return}o.globalAlpha=e.opacity*.4;const a=o.createRadialGradient(n,r,0,n,r,l*3);a.addColorStop(0,e.color),a.addColorStop(.6,`${e.color}40`),a.addColorStop(1,"rgba(255, 215, 0, 0)"),o.fillStyle=a,o.fillRect(n-l*3,r-l*3,l*6,l*6),o.globalAlpha=e.opacity,o.fillStyle=e.color,o.shadowColor=e.color,o.shadowBlur=l*1.5,o.beginPath(),o.arc(n,r,l,0,Math.PI*2),o.fill(),o.shadowBlur=0,o.restore()},drawSpark(o,e){const n=e.x,r=e.y,l=e.size;if(o.save(),e.x+=e.vx,e.y+=e.vy,e.life-=e.fadeRate,e.opacity=Math.max(0,e.life),e.life<=0){e.active=!1,o.restore();return}o.globalAlpha=e.opacity*.5;const a=o.createRadialGradient(n,r,0,n,r,l*3);a.addColorStop(0,e.color),a.addColorStop(.5,`${e.color}60`),a.addColorStop(1,"rgba(255, 215, 0, 0)"),o.fillStyle=a,o.fillRect(n-l*3,r-l*3,l*6,l*6),o.globalAlpha=e.opacity,o.fillStyle=e.color,o.shadowColor=e.color,o.shadowBlur=l*2,o.beginPath(),o.arc(n,r,l*.8,0,Math.PI*2),o.fill(),o.shadowBlur=0,o.restore()},drawGlobalEffects(o,e,n,r){if(this.lightningActive){o.save(),o.globalAlpha=.8+Math.sin(this.lightningTimer*.01)*.2,o.shadowColor=this.lightningColor,o.shadowBlur=20;const l=n*(.4+Math.random()*.2),a=0,t=n*Math.random(),f=r;this.drawLightning(o,l,a,t,f,5+Math.floor(Math.random()*3),50+Math.random()*50,.7,.3,3+Math.random()*2,this.lightningColor),o.restore()}}};