{
  "id": "neon-arcade-tourney",
  "name": "Tournament Bracket",
  "theme": "neon-arcade",
  "category": "Marketing",
  "description": "A bracket drawn as connected blocks rather than as a tree of lines, so it survives being read on a phone at the back of a noisy room.",
  "layout": "Four columns of decreasing count with the connectors drawn as 2px borders on the blocks themselves, and the prize block breaking out of the grid at the far right.",
  "modules": [
    {
      "key": "head",
      "name": "Header",
      "html": "\n<header class=\"hd\"><span class=\"k\">Season 04 · Vector Run</span><h1>Sixteen enter. One gets the cabinet.</h1><span class=\"m\">Saturday 13 September · 14:00 · free to watch</span></header>"
    },
    {
      "key": "bracket",
      "name": "Bracket",
      "html": "\n<section class=\"bk\">\n  <div class=\"rd\"><span class=\"rl\">Round of 16</span>\n    <div class=\"mt\"><span>NIGHTJAR</span><b>3</b></div><div class=\"mt lo\"><span>TWO_COINS</span><b>1</b></div>\n    <div class=\"mt\"><span>OKONKWO</span><b>3</b></div><div class=\"mt lo\"><span>GLASSJAW</span><b>0</b></div>\n    <div class=\"mt\"><span>HALFLIGHT</span><b>3</b></div><div class=\"mt lo\"><span>DUSTKID</span><b>2</b></div>\n    <div class=\"mt\"><span>PALE_HORSE</span><b>3</b></div><div class=\"mt lo\"><span>ASHWORTH</span><b>1</b></div>\n  </div>\n  <div class=\"rd\"><span class=\"rl\">Quarter</span>\n    <div class=\"mt\"><span>NIGHTJAR</span><b>3</b></div><div class=\"mt lo\"><span>MERRIWEATHER</span><b>2</b></div>\n    <div class=\"mt\"><span>OKONKWO</span><b>3</b></div><div class=\"mt lo\"><span>HALFLIGHT</span><b>1</b></div>\n  </div>\n  <div class=\"rd\"><span class=\"rl\">Semi</span>\n    <div class=\"mt lo\"><span>NIGHTJAR</span><b>2</b></div><div class=\"mt\"><span>OKONKWO</span><b>3</b></div>\n  </div>\n  <div class=\"rd\"><span class=\"rl\">Final</span>\n    <div class=\"mt win\"><span>OKONKWO</span><b>W</b></div>\n  </div>\n</section>"
    },
    {
      "key": "prize",
      "name": "Prize block",
      "html": "\n<aside class=\"pz\"><span class=\"k\">The prize</span><b>A cabinet</b><p>The winner takes home the actual Vector Run cabinet, delivered, plus whatever is in it. It weighs 141 kilograms. Please plan ahead.</p><button type=\"button\" class=\"go\">Enter next season</button></aside>"
    }
  ],
  "moduleCount": 3,
  "reorderable": false,
  "meta": {
    "id": "neon-arcade-tourney",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T19:56:24+09:00",
    "updatedAt": "2026-09-01T19:56:24+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/neon-arcade-tourney.json",
  "structure": "Four columns of decreasing count with the connectors drawn as 2px borders on the blocks themselves, and the prize block breaking out of the grid at the far right.",
  "html": "<div class=\"dz dz-neon-arcade-tourney\" data-design=\"neon-arcade-tourney\" data-theme=\"neon-arcade\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Header\">\n<header class=\"hd\"><span class=\"k\">Season 04 · Vector Run</span><h1>Sixteen enter. One gets the cabinet.</h1><span class=\"m\">Saturday 13 September · 14:00 · free to watch</span></header></section><section class=\"dz-mod\" data-mod=\"bracket\" aria-label=\"Bracket\">\n<section class=\"bk\">\n  <div class=\"rd\"><span class=\"rl\">Round of 16</span>\n    <div class=\"mt\"><span>NIGHTJAR</span><b>3</b></div><div class=\"mt lo\"><span>TWO_COINS</span><b>1</b></div>\n    <div class=\"mt\"><span>OKONKWO</span><b>3</b></div><div class=\"mt lo\"><span>GLASSJAW</span><b>0</b></div>\n    <div class=\"mt\"><span>HALFLIGHT</span><b>3</b></div><div class=\"mt lo\"><span>DUSTKID</span><b>2</b></div>\n    <div class=\"mt\"><span>PALE_HORSE</span><b>3</b></div><div class=\"mt lo\"><span>ASHWORTH</span><b>1</b></div>\n  </div>\n  <div class=\"rd\"><span class=\"rl\">Quarter</span>\n    <div class=\"mt\"><span>NIGHTJAR</span><b>3</b></div><div class=\"mt lo\"><span>MERRIWEATHER</span><b>2</b></div>\n    <div class=\"mt\"><span>OKONKWO</span><b>3</b></div><div class=\"mt lo\"><span>HALFLIGHT</span><b>1</b></div>\n  </div>\n  <div class=\"rd\"><span class=\"rl\">Semi</span>\n    <div class=\"mt lo\"><span>NIGHTJAR</span><b>2</b></div><div class=\"mt\"><span>OKONKWO</span><b>3</b></div>\n  </div>\n  <div class=\"rd\"><span class=\"rl\">Final</span>\n    <div class=\"mt win\"><span>OKONKWO</span><b>W</b></div>\n  </div>\n</section></section><section class=\"dz-mod\" data-mod=\"prize\" aria-label=\"Prize block\">\n<aside class=\"pz\"><span class=\"k\">The prize</span><b>A cabinet</b><p>The winner takes home the actual Vector Run cabinet, delivered, plus whatever is in it. It weighs 141 kilograms. Please plan ahead.</p><button type=\"button\" class=\"go\">Enter next season</button></aside></section>\n</div>",
  "css": "\n.dz-neon-arcade-tourney { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 0 26px 30px; }\n.dz-neon-arcade-tourney .hd { padding: 24px 0 26px; max-width: 34ch; }\n.dz-neon-arcade-tourney .k { font-size: 12.5px; color: var(--accent); }\n.dz-neon-arcade-tourney .hd h1 { font-family: var(--pv-display); font-size: 54px; font-weight: 700; line-height: .98; text-transform: uppercase; letter-spacing: -.04em; margin: 10px 0 10px; }\n.dz-neon-arcade-tourney .m { font-size: 12.5px; color: var(--muted-foreground); }\n.dz-neon-arcade-tourney .bk { display: grid; grid-template-columns: repeat(4, 1fr) 240px; gap: 20px; align-items: start; }\n.dz-neon-arcade-tourney .rd { display: flex; flex-direction: column; gap: 10px; }\n.dz-neon-arcade-tourney .rl { font-size: 11.5px; color: var(--muted-foreground); margin-bottom: 4px; }\n.dz-neon-arcade-tourney .mt { border: 2px solid var(--foreground); border-radius: var(--pv-radius); box-shadow: 5px 5px 0 var(--chart-3); transition: transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease); background: var(--card); display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; box-shadow: 4px 4px 0 var(--chart-3); }\n.dz-neon-arcade-tourney .mt span { font-family: var(--pv-mono); font-size: 12.5px; }\n.dz-neon-arcade-tourney .mt b { font-family: var(--pv-mono); font-size: 15px; font-weight: 700; color: var(--accent); }\n.dz-neon-arcade-tourney .lo { opacity: .48; box-shadow: 4px 4px 0 var(--border); }\n.dz-neon-arcade-tourney .win { box-shadow: 4px 4px 0 var(--primary); border-color: var(--primary); }\n.dz-neon-arcade-tourney .win b { color: var(--primary); }\n.dz-neon-arcade-tourney .rd:nth-child(2) { padding-top: 46px; gap: 62px; }\n.dz-neon-arcade-tourney .rd:nth-child(3) { padding-top: 118px; gap: 176px; }\n.dz-neon-arcade-tourney .rd:nth-child(4) { padding-top: 254px; }\n.dz-neon-arcade-tourney .pz { border: 2px solid var(--foreground); border-radius: var(--pv-radius); box-shadow: 5px 5px 0 var(--primary); background: var(--card); padding: 18px; display: flex; flex-direction: column; gap: 6px; }\n.dz-neon-arcade-tourney .pz b { font-family: var(--pv-display); font-size: 34px; font-weight: 700; text-transform: uppercase; letter-spacing: -.03em; }\n.dz-neon-arcade-tourney .pz p { font-size: 13.5px; line-height: 1.5; color: var(--muted-foreground); margin: 4px 0 10px; }\n.dz-neon-arcade-tourney .go { font: inherit; font-size: 13.5px; background: var(--primary); color: var(--primary-foreground); border: 2px solid var(--foreground); border-radius: var(--pv-radius-md); padding: 11px; cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-neon-arcade-tourney *, .dz-neon-arcade-tourney *::before, .dz-neon-arcade-tourney *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/neon-arcade.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;500;600;700&display=swap"
}