/* global React */ const { useState: useStateB, useEffect: useEffectB, useRef: useRefB } = React; // ============= §03 · FIGHT NIGHT FORMAT (merged) ===================== // Single section that consolidates everything a builder needs to know about // the actual competition: bot limits + bout format (6-card grid), the arena // (top-down SVG + spec callouts), the bracket (10 teams · 4 rounds), and a // recommended-reading link to Bristol Bot Builders for community guides. // Replaces the old CpDeal (spec table) + CpRules (rules list + arena) split. function CpArenaSvg() { // SVG coord system: 600×600. Arena occupies (50,50)→(550,550) — i.e. // 500×500 representing 3000×3000mm (1mm ≈ 0.1667px). Centre pit is // 167×167px (~1m). House bots sit at the exact NW (50,50) and SE // (550,550) corners with a 200px (~1200mm) quarter-circle aggression // radius extending into the arena. return ( {/* fine 100mm grid */} {/* bold 1m grid */} {/* hazard stripes for the pit */} {/* base */} {/* grid layers, clipped to arena bounds */} {/* 3×3 grid of 1m × 1m cells — center cell is the pit (removed) */} {/* aggression zones — convex quarter circles at NW (50,50) and SE (550,550) */} {/* aggression radius callouts — inside the danger zone, off the bot */} ⟡ R 1200 ⟡ R 1200 {/* centre pit */} PIT 1000 × 1000 FALL = OUT {/* arena boundary */} {/* corner registration marks at arena corners */} {/* scan line — sweeps across the arena */} {/* house bots — diagonal rectangles facing each other across the arena */} {/* dimension callouts — top + right */} 3000 mm 3000 mm {/* compass — top right */} N {/* title block — bottom left */} FIG. 04 · ARENA · TOP-DOWN FN26.ENG.0042 · REV-A ); } // Six rules — bot limits + bout format. Reuses the cp-spec-card visual // (proven 3-col grid w/ corner brackets, big orange value, mono sub-note). const FIGHT_RULES = [ { n: "01", k: "WEIGHT", v: "2", unit: "kg max", sub: "TOTAL — FULLY ARMED & CHARGED", }, { n: "02", k: "VOLTAGE", v: "6–24", unit: "V", sub: "6S LIPO, FULLY CHARGED", }, { n: "03", k: "WEAPONS", v: "OPEN", unit: "all classes", sub: "SPINNERS · LIFTERS · HAMMERS · CRUSHERS", }, { n: "04", k: "BOUT", v: "3", unit: "min", sub: "SINGLE ROUND, FULL CLOCK", }, { n: "05", k: "MATCH", v: "BO3", unit: "best of three", sub: "ADVANCE THE BRACKET ON TWO WINS", }, { n: "06", k: "TEAMS", v: "8–10", unit: "teams", sub: "SINGLE ELIMINATION · FOUR ROUNDS TO TROPHY", }, ]; const FIGHT_ROUNDS = [ { name: "ROUND 1", matches: 2, from: 10, to: 8 }, { name: "QUARTER FINALS", matches: 4, from: 8, to: 4 }, { name: "SEMI FINALS", matches: 2, from: 4, to: 2 }, { name: "FINAL", matches: 1, from: 2, to: 1, isFinal: true }, ]; const ARENA_FACTS = [ "3 M × 3 M ENCLOSED", "1 M × 1 M PIT (FALL = OUT)", "2 HOUSE-BOT CORNERS · NW + SE", "POLYCARB WALLS · CO₂ READY", ]; function CpFight() { const ref = useRefB(null); const [inView, setInView] = useStateB(false); useEffectB(() => { if (!ref.current) return; const obs = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { setInView(true); obs.disconnect(); } }); }, { threshold: 0.18 }); obs.observe(ref.current); return () => obs.disconnect(); }, []); return (
▸ §03 · FIGHT NIGHT FORMAT

FIGHT
NIGHT.

September 5th, only one team can come out on top. Below are some of our rules, almost entirely inspired from the{" "} Beetleweight rules from Bristol Bot Builders. Rules are in spirit, not iron-clad — if you have something unique you want to try, talk to the committee first.

▸ THE RULES // 6 THINGS TO KNOW
{FIGHT_RULES.map((c) => (
▸ {c.n} // {c.k} {c.flag && {c.flag}}
{c.v} {c.unit && {c.unit}}
{c.sub}
))}
▸ THE ARENA + THE BRACKET
ARENA · TOP-DOWN · 1:50 BLUEPRINT
{ARENA_FACTS.map((f) => {f})}
BRACKET.SH · FN-26 ▣ 10 SEEDS
▸ FORMAT SINGLE ELIMINATION
▸ ENTRIES 10 TEAMS
last team standing takes the trophy.
▸ RECOMMENDED READING BRISTOL BOT BUILDERS

New to combat robotics? Our ruleset is based off of the Bristol Bot Builders Beetleweight class. They have excellent resources and guides.

bristolbotbuilders.com
); } // ============= BRACKET TREE GRAPHIC ===================================== // 10-team single-elimination bracket as an SVG tree with a cyber-styled // "W" glowing in the centre. Vertical layout on desktop, horizontal on // mobile — same geometry, just transposed. Entry dots are abstract (no // individual seed labels) so the bracket reads as a structure rather than // a fixtures list. function CpBracketTree() { return (
); } Object.assign(window, { CpFight, CpBracketTree });