{/* zewnętrzna obręcz - kute żelazo */}

{/* obrotowe koło — w okrągłym klipie, by obracany kwadrat nie poszerzał strony */}

); } // ====== MIECZ-WSKAZÓWKA ====== function SwordSvg() { return ( ); } function Sword({ wobble }) { return (

); } function FallingSword() { return (

); } // ====== ŚWIECE ====== function Candle({ style }) { return (

); } // ====== KARTKA ZWYCIĘZCY ====== function WinnerCard({ winner, onClose, onAgain, onExclude }) { if (!winner) return null; return (

e.stopPropagation()}>

Hop hop hop!

{winner.label}

prowadzi dziś radę poranną

); } // ====== ZWÓJ HISTORII ====== function HistoryScroll({ history, onRestoreAll }) { return (

Kronika dni minionych

Kliknij w zdjęcie na kole, by wpisać osobę do kroniki.

{history.length === 0 ? (

— jeszcze nic nie zapisano —

) : (

{romanize(history.length - i)} {h.label} {h.date}

)} {history.length > 0 && ( )}

); } function romanize(n) { const map = [['M',1000],['CM',900],['D',500],['CD',400],['C',100],['XC',90],['L',50],['XL',40],['X',10],['IX',9],['V',5],['IV',4],['I',1]]; let s = ''; for (const [r, v] of map) { while (n >= v) { s += r; n -= v; } } return s; } // ====== EFEKTY SEZONOWE ====== function SeasonEffects({ kind }) { const ref = useRef(null); useEffect(() => { if (!kind) return; const canvas = ref.current; const ctx = canvas.getContext('2d'); let W = 0, H = 0, raf = 0, last = performance.now(); const resize = () => { W = canvas.width = window.innerWidth; H = canvas.height = window.innerHeight; }; resize(); window.addEventListener('resize', resize); const rnd = (a, b) => a + Math.random() * (b - a); const LEAF = ['#c9701e', '#a8481a', '#96731c', '#7c3212']; const PETAL = ['#f2c4d2', '#eeb0c4', '#f8dce4', '#e89cb4']; const count = kind === 'fireflies' ? 34 : kind === 'snow' ? 90 : 55; const mk = (top) => { const p = { x: rnd(0, W), y: top ? rnd(-60, -10) : rnd(0, H), r: 2, vx: 0, vy: 20, rot: rnd(0, 6.28), vr: rnd(-1.6, 1.6), ph: rnd(0, 6.28), a: rnd(0.5, 0.95), c: '#fff' }; if (kind === 'snow') { p.r = rnd(1, 3.2); p.vy = rnd(18, 55); p.vx = rnd(-8, 8); p.c = '#eef5ff'; } else if (kind === 'leaves') { p.r = rnd(5, 11); p.vy = rnd(28, 65); p.vx = rnd(-14, 14); p.c = LEAF[Math.floor(Math.random() * LEAF.length)]; } else if (kind === 'petals') { p.r = rnd(3, 6.5); p.vy = rnd(16, 40); p.vx = rnd(-12, 12); p.c = PETAL[Math.floor(Math.random() * PETAL.length)]; } else if (kind === 'fireflies') { p.r = rnd(1.3, 2.6); p.vx = rnd(-9, 9); p.vy = rnd(-7, 7); } return p; }; const parts = Array.from({ length: count }, () => mk(false)); const step = (now) => { const dt = Math.min(0.05, (now - last) / 1000); last = now; const t = now / 1000; ctx.clearRect(0, 0, W, H); for (let i = 0; i < parts.length; i++) { const p = parts[i]; if (kind === 'fireflies') { p.vx = Math.max(-12, Math.min(12, p.vx + rnd(-8, 8) * dt)); p.vy = Math.max(-9, Math.min(9, p.vy + rnd(-8, 8) * dt)); p.x += p.vx * dt; p.y += p.vy * dt; if (p.x < -12) p.x = W + 12; else if (p.x > W + 12) p.x = -12; if (p.y < -12) p.y = H + 12; else if (p.y > H + 12) p.y = -12; const glow = Math.max(0, Math.sin(t * 1.5 + p.ph)); ctx.save(); ctx.shadowBlur = 14; ctx.shadowColor = 'rgba(215,255,130,0.9)'; ctx.fillStyle = `rgba(225,255,150,${0.12 + 0.8 * glow})`; ctx.beginPath(); ctx.arc(p.x, p.y, p.r, 0, 6.29); ctx.fill(); ctx.restore(); continue; } p.x += (p.vx + Math.sin(t * 1.2 + p.ph) * 16) * dt; p.y += p.vy * dt; p.rot += p.vr * dt; if (p.y > H + 24) { Object.assign(p, mk(true)); continue; } if (p.x < -30) p.x = W + 28; else if (p.x > W + 30) p.x = -28; ctx.save(); ctx.translate(p.x, p.y); ctx.rotate(p.rot); ctx.globalAlpha = p.a; ctx.fillStyle = p.c; if (kind === 'snow') { ctx.beginPath(); ctx.arc(0, 0, p.r, 0, 6.29); ctx.fill(); } else if (kind === 'petals') { ctx.beginPath(); ctx.ellipse(0, 0, p.r, p.r * 0.55, 0, 0, 6.29); ctx.fill(); } else { ctx.beginPath(); ctx.moveTo(0, -p.r); ctx.quadraticCurveTo(p.r * 0.85, 0, 0, p.r); ctx.quadraticCurveTo(-p.r * 0.85, 0, 0, -p.r); ctx.fill(); } ctx.restore(); } raf = requestAnimationFrame(step); }; raf = requestAnimationFrame(step); return () => { cancelAnimationFrame(raf); window.removeEventListener('resize', resize); ctx.clearRect(0, 0, W, H); }; }, [kind]); if (!kind) return null; return