[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_95":94,"_33":46,"_103":85,"_28":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":27,"_118":119,"_120":25,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":27,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":27},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":27},"previous",{"_31":32,"_33":29,"_34":35,"_36":37},"deleted",true,"deletedHere",false,"path","main.ts","latestPath","fileId","bcd70994-3c30-11f1-a3b2-42b51c65c3df","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport { renderToString } from \"npm:react-dom/server\";\n\n// Learn more: https://docs.val.town/vals/http/jsx/\nexport const reactExample = (request: Request) =>\n new Response(renderToString(

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });","import { useEffect, useRef, useState } from \"react\";\n\n/* ══════════════════════════════════════════════════════════════════════════════\n HCASC MATCH BOARD — Cinematic TV / Projector Display\n Designed for: 16:9 display, 8–40 ft viewing distance\n Aesthetic: Championship broadcast — deep black, gold heritage, bold numerals\n Real data from: NQT_DB26Rm2.accdb (Bowie 480 vs Fisk 560, Game 10)\n══════════════════════════════════════════════════════════════════════════════ */\n\nconst inject = () => {\n if (document.getElementById(\"mb-css\")) return;\n const s = document.createElement(\"style\");\n s.id = \"mb-css\";\n s.textContent = `\n @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=IM+Fell+English:ital@0;1&family=Share+Tech+Mono&display=swap');\n\n .mb-root * { box-sizing: border-box; margin: 0; padding: 0; }\n\n @keyframes mb-scorePop {\n 0% { transform: scale(1); }\n 30% { transform: scale(1.18); color: #FFD700; }\n 60% { transform: scale(0.97); }\n 100% { transform: scale(1); }\n }\n @keyframes mb-flashBar {\n 0%,100% { opacity: 1; }\n 50% { opacity: 0.4; }\n }\n @keyframes mb-slideUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes mb-tickerScroll {\n 0% { transform: translateX(100%); }\n 100% { transform: translateX(-100%); }\n }\n @keyframes mb-pulse {\n 0%,100% { box-shadow: 0 0 0 0 rgba(212,160,23,0.5); }\n 50% { box-shadow: 0 0 0 12px rgba(212,160,23,0); }\n }\n @keyframes mb-countBar {\n from { width: 100%; }\n to { width: 0%; }\n }\n @keyframes mb-blink {\n 0%,100% { opacity: 1; }\n 50% { opacity: 0; }\n }\n @keyframes mb-fadeIn {\n from { opacity: 0; } to { opacity: 1; }\n }\n @keyframes mb-roundReveal {\n from { clip-path: inset(0 100% 0 0); }\n to { clip-path: inset(0 0% 0 0); }\n }\n\n .mb-score-pop { animation: mb-scorePop 0.55s cubic-bezier(.36,.07,.19,.97) forwards; }\n .mb-slide-up { animation: mb-slideUp 0.4s ease forwards; }\n .mb-fade-in { animation: mb-fadeIn 0.6s ease forwards; }\n .mb-blink { animation: mb-blink 1s ease infinite; }\n\n .mb-root {\n background: #050810;\n min-height: 100vh;\n font-family: 'Oswald', 'Arial Narrow', sans-serif;\n color: #F0F4FA;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n }\n\n /* Subtle grid texture overlay */\n .mb-root::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image:\n linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);\n background-size: 40px 40px;\n pointer-events: none;\n z-index: 0;\n }\n\n .mb-content { position: relative; z-index: 1; flex: 1; display: flex; flex-direction: column; }\n\n /* Top broadcast bar */\n .mb-topbar {\n background: linear-gradient(180deg, #0A0D18 0%, #060910 100%);\n border-bottom: 2px solid #D4A017;\n padding: 10px 28px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .mb-logo-area {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n\n .mb-logo-hex {\n width: 42px; height: 42px;\n background: #D4A017;\n clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);\n display: flex; align-items: center; justify-content: center;\n font-size: 16px; font-weight: 700; color: #050810;\n font-family: 'IM Fell English', serif;\n flex-shrink: 0;\n }\n\n .mb-event-name {\n font-family: 'IM Fell English', serif;\n font-size: 15px;\n color: #D4A017;\n letter-spacing: 0.5px;\n line-height: 1.2;\n }\n .mb-event-sub {\n font-family: 'Share Tech Mono', monospace;\n font-size: 10px;\n color: #5A6A80;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-top: 1px;\n }\n\n .mb-live-pill {\n display: flex; align-items: center; gap: 7px;\n background: rgba(34,197,94,0.12);\n border: 1px solid rgba(34,197,94,0.35);\n border-radius: 3px;\n padding: 5px 14px;\n }\n .mb-live-dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: #22C55E;\n box-shadow: 0 0 8px rgba(34,197,94,0.8);\n animation: mb-blink 1.4s ease infinite;\n }\n .mb-live-text {\n font-family: 'Share Tech Mono', monospace;\n font-size: 11px; letter-spacing: 3px; color: #22C55E;\n }\n\n .mb-topbar-right {\n font-family: 'Share Tech Mono', monospace;\n font-size: 11px; color: #3A4A5E; letter-spacing: 2px;\n text-align: right; line-height: 1.8;\n }\n\n /* Main scoreboard */\n .mb-scoreboard {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 0;\n padding: 0 0 0;\n flex: 0 0 auto;\n }\n\n /* Team panel */\n .mb-team {\n padding: 28px 32px 24px;\n position: relative;\n overflow: hidden;\n }\n .mb-team-left { border-right: 1px solid #1A2535; }\n .mb-team-right { border-left: 1px solid #1A2535; }\n\n .mb-team::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 3px;\n }\n .mb-team-left::after { background: linear-gradient(90deg, transparent, #1E90FF40, transparent); }\n .mb-team-right::after { background: linear-gradient(90deg, transparent, #D4A01740, transparent); }\n\n .mb-school-abbr {\n font-family: 'Share Tech Mono', monospace;\n font-size: 10px; letter-spacing: 4px; color: #3A4A5E;\n text-transform: uppercase; margin-bottom: 6px;\n }\n .mb-school-name {\n font-family: 'Oswald', sans-serif;\n font-size: clamp(18px, 2.5vw, 28px);\n font-weight: 600;\n color: #E8EFF8;\n letter-spacing: 1px;\n line-height: 1.1;\n text-transform: uppercase;\n margin-bottom: 4px;\n }\n .mb-school-city {\n font-family: 'Share Tech Mono', monospace;\n font-size: 11px; color: #3A4A5E; letter-spacing: 2px;\n }\n\n .mb-score-num {\n font-family: 'Oswald', sans-serif;\n font-size: clamp(72px, 10vw, 110px);\n font-weight: 700;\n line-height: 0.95;\n color: #F0F4FA;\n letter-spacing: -2px;\n transition: color 0.3s;\n display: block;\n margin: 16px 0 14px;\n }\n\n .mb-score-leading { color: #D4A017 !important; }\n .mb-score-trailing { color: #8B9AB0 !important; }\n\n .mb-round-scores {\n display: flex; gap: 8px; flex-wrap: wrap; margin-top: 2px;\n }\n .mb-round-pill {\n font-family: 'Share Tech Mono', monospace;\n font-size: 10px; letter-spacing: 1px;\n padding: 3px 9px; border-radius: 2px;\n border: 1px solid #1A2535;\n color: #4A5568;\n }\n .mb-round-pill.done { color: #6A7A8E; border-color: #2A3545; }\n\n .mb-win-streak {\n margin-top: 10px;\n font-family: 'Share Tech Mono', monospace;\n font-size: 10px; letter-spacing: 2px;\n color: #22C55E; opacity: 0;\n transition: opacity 0.4s;\n }\n .mb-win-streak.visible { opacity: 1; }\n\n /* Center divider */\n .mb-center {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px 20px;\n gap: 16px;\n min-width: 130px;\n }\n\n .mb-vs {\n font-family: 'IM Fell English', serif;\n font-size: 14px;\n color: #2A3545;\n letter-spacing: 3px;\n }\n\n .mb-round-badge {\n background: rgba(212,160,23,0.1);\n border: 1px solid rgba(212,160,23,0.3);\n border-radius: 3px;\n padding: 8px 16px;\n text-align: center;\n }\n .mb-round-badge-num {\n font-family: 'Oswald', sans-serif;\n font-size: 28px; font-weight: 700;\n color: #D4A017; line-height: 1;\n }\n .mb-round-badge-lbl {\n font-family: 'Share Tech Mono', monospace;\n font-size: 9px; letter-spacing: 3px; color: #5A6A80;\n text-transform: uppercase; margin-top: 2px;\n }\n\n .mb-diff {\n font-family: 'Oswald', sans-serif;\n font-size: 13px; font-weight: 500;\n padding: 4px 10px; border-radius: 2px;\n }\n .mb-diff-lead { color: #22C55E; }\n .mb-diff-tied { color: #5A6A80; }\n\n /* Category / question strip */\n .mb-question-strip {\n background: #090C15;\n border-top: 1px solid #1A2535;\n border-bottom: 1px solid #1A2535;\n padding: 18px 32px;\n flex: 0 0 auto;\n }\n .mb-cat-label {\n font-family: 'Share Tech Mono', monospace;\n font-size: 10px; letter-spacing: 4px; color: #D4A017;\n text-transform: uppercase; margin-bottom: 8px;\n display: flex; align-items: center; gap: 10px;\n }\n .mb-cat-dot {\n width: 6px; height: 6px; border-radius: 50%; background: #D4A017;\n }\n .mb-question-text {\n font-family: 'IM Fell English', serif;\n font-size: clamp(16px, 2vw, 22px);\n color: #C8D4E0;\n line-height: 1.5;\n font-style: italic;\n }\n\n /* Player buzzer display */\n .mb-players {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n border-top: 1px solid #1A2535;\n flex: 0 0 auto;\n }\n .mb-player-panel {\n padding: 16px 32px;\n display: flex; align-items: center; gap: 14px;\n }\n .mb-player-panel-left { border-right: 1px solid #1A2535; }\n\n .mb-player-avatar {\n width: 44px; height: 44px; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-family: 'Oswald', sans-serif;\n font-size: 14px; font-weight: 600;\n flex-shrink: 0;\n border: 2px solid;\n transition: all 0.3s;\n }\n .mb-player-avatar.neutral { background: rgba(30,45,64,0.8); border-color: #1E2D40; color: #4A5568; }\n .mb-player-avatar.buzzed { background: rgba(212,160,23,0.2); border-color: #D4A017; color: #D4A017; animation: mb-pulse 1.2s ease infinite; }\n .mb-player-avatar.correct { background: rgba(34,197,94,0.2); border-color: #22C55E; color: #22C55E; }\n .mb-player-avatar.incorrect{ background: rgba(239,68,68,0.15); border-color: #EF4444; color: #EF4444; }\n\n .mb-player-name {\n font-family: 'Oswald', sans-serif;\n font-size: clamp(13px, 1.5vw, 17px);\n font-weight: 500; color: #C8D4E0;\n text-transform: uppercase; letter-spacing: 1px;\n line-height: 1.2;\n }\n .mb-player-sub {\n font-family: 'Share Tech Mono', monospace;\n font-size: 10px; color: #3A4A5E; letter-spacing: 1.5px;\n margin-top: 2px;\n }\n .mb-buzz-status {\n margin-left: auto;\n font-family: 'Share Tech Mono', monospace;\n font-size: 10px; letter-spacing: 2px;\n padding: 3px 10px; border-radius: 2px;\n }\n .mb-buzz-status.buzzed { color: #D4A017; border: 1px solid rgba(212,160,23,0.4); background: rgba(212,160,23,0.08); }\n .mb-buzz-status.answered { color: #22C55E; border: 1px solid rgba(34,197,94,0.4); background: rgba(34,197,94,0.08); }\n .mb-buzz-status.incorrect { color: #EF4444; border: 1px solid rgba(239,68,68,0.4); background: rgba(239,68,68,0.08); }\n .mb-buzz-status.waiting { color: #3A4A5E; border: 1px solid #1E2D40; }\n\n /* UC timer bar */\n .mb-uc-bar {\n background: #090C15;\n border-top: 2px solid rgba(212,160,23,0.5);\n padding: 14px 32px;\n display: flex; align-items: center; gap: 20px;\n flex: 0 0 auto;\n }\n .mb-uc-time {\n font-family: 'Oswald', sans-serif;\n font-size: 48px; font-weight: 700;\n line-height: 1; min-width: 100px;\n transition: color 0.3s;\n }\n .mb-uc-bar-track {\n flex: 1; height: 8px;\n background: #1A2535; border-radius: 4px; overflow: hidden;\n }\n .mb-uc-bar-fill {\n height: 100%; border-radius: 4px;\n transition: background 0.5s;\n }\n .mb-uc-meta {\n text-align: right;\n font-family: 'Share Tech Mono', monospace;\n font-size: 11px; color: #5A6A80; letter-spacing: 2px;\n line-height: 1.8;\n }\n\n /* Score event feed */\n .mb-feed {\n flex: 1;\n overflow: hidden;\n padding: 14px 32px;\n display: flex; flex-direction: column; gap: 6px;\n max-height: 130px;\n }\n .mb-feed-item {\n display: flex; align-items: center; gap: 12px;\n font-family: 'Share Tech Mono', monospace;\n font-size: 11px; letter-spacing: 1px;\n color: #3A4A5E;\n animation: mb-slideUp 0.35s ease forwards;\n opacity: 0;\n animation-fill-mode: both;\n }\n .mb-feed-item:nth-child(1) { animation-delay: 0s; color: #6A7A8E; }\n .mb-feed-item:nth-child(2) { animation-delay: 0.05s; }\n .mb-feed-item:nth-child(3) { animation-delay: 0.1s; }\n\n .mb-feed-pts {\n font-weight: 600;\n min-width: 36px; text-align: right;\n }\n .mb-feed-pts.pos { color: #22C55E; }\n .mb-feed-pts.neg { color: #EF4444; }\n\n /* Bottom ticker */\n .mb-ticker {\n background: #D4A017;\n padding: 7px 0;\n overflow: hidden;\n flex: 0 0 auto;\n }\n .mb-ticker-inner {\n display: flex;\n white-space: nowrap;\n animation: mb-tickerScroll 28s linear infinite;\n }\n .mb-ticker-item {\n font-family: 'Share Tech Mono', monospace;\n font-size: 11px; letter-spacing: 2px;\n color: #050810; padding: 0 40px;\n text-transform: uppercase;\n }\n .mb-ticker-sep {\n font-size: 11px; color: rgba(5,8,16,0.4);\n padding: 0 8px;\n }\n\n /* Demo controls */\n .mb-controls {\n position: fixed; bottom: 16px; right: 16px;\n z-index: 100;\n display: flex; flex-direction: column; gap: 8px;\n align-items: flex-end;\n }\n .mb-ctrl-btn {\n font-family: 'Share Tech Mono', monospace;\n font-size: 10px; letter-spacing: 2px;\n padding: 8px 14px; cursor: pointer;\n background: rgba(10,13,24,0.92);\n border: 1px solid #2A3A50;\n color: #5A7A9A; border-radius: 3px;\n transition: all 0.15s;\n text-transform: uppercase;\n }\n .mb-ctrl-btn:hover { border-color: #D4A017; color: #D4A017; }\n .mb-ctrl-btn.active { border-color: #D4A017; color: #D4A017; background: rgba(212,160,23,0.1); }\n\n .mb-ctrl-label {\n font-family: 'Share Tech Mono', monospace;\n font-size: 9px; letter-spacing: 2px; color: #2A3545;\n text-align: right; margin-bottom: 2px;\n }\n `;\n document.head.appendChild(s);\n};\n\nconst TEAMS = {\n L: { name: \"BOWIE STATE\", city: \"Bowie, MD\", abbr: \"BSU\", state: \"MARYLAND\" },\n R: {\n name: \"FISK UNIV.\",\n city: \"Nashville, TN\",\n abbr: \"FU\",\n state: \"TENNESSEE\",\n },\n};\n\nconst PLAYERS = {\n L: [{\n name: \"Chambers, Nya\",\n initials: \"NC\",\n major: \"Biology · Junior\",\n id: \"l1\",\n }],\n R: [{\n name: \"Macon-Pruitt, A.\",\n initials: \"AM\",\n major: \"History · Senior\",\n id: \"r1\",\n }],\n};\n\nconst FEED_EVENTS = [\n {\n team: \"R\",\n player: \"Macon-Pruitt\",\n pts: 10,\n type: \"Face-Off\",\n cat: \"FROM THE ITALIAN\",\n },\n {\n team: \"R\",\n player: \"Macon-Pruitt\",\n pts: 20,\n type: \"Bonus\",\n cat: \"FROM THE ITALIAN\",\n },\n {\n team: \"L\",\n player: \"Chambers\",\n pts: 10,\n type: \"Face-Off\",\n cat: \"BIBLICAL ANIMALS\",\n },\n { team: \"R\", player: \"Hampton\", pts: 10, type: \"Face-Off\", cat: \"GEOGRAPHY\" },\n {\n team: \"R\",\n player: \"Hampton\",\n pts: 10,\n type: \"Bonus\",\n cat: \"W.E.B. DU BOIS\",\n },\n {\n team: \"L\",\n player: \"Chambers\",\n pts: 20,\n type: \"Bonus\",\n cat: \"BIBLICAL ANIMALS\",\n },\n];\n\nconst QUESTIONS = [\n {\n cat: \"FROM THE ITALIAN\",\n text:\n 'Since 1851, what diminutive of the Italian word for \"house\" has meant a building used for gambling?',\n },\n {\n cat: \"BIBLICAL ANIMALS\",\n text:\n \"What raven-like bird did Noah send out before the dove, to see if the waters had receded from the earth?\",\n },\n {\n cat: \"W.E.B. DU BOIS\",\n text:\n \"In what year did W.E.B. Du Bois co-found the Niagara Movement, a precursor to the NAACP?\",\n },\n {\n cat: \"GEOGRAPHY: THE ____\",\n text:\n \"What capital city sits at the confluence of the Blue and White Nile rivers?\",\n },\n {\n cat: \"MATH SPEAK\",\n text:\n \"What is the term for a polynomial equation of degree two, typically expressed as ax² + bx + c = 0?\",\n },\n {\n cat: \"MARTIN MANIA\",\n text:\n \"In what city was Rev. Dr. Martin Luther King Jr. assassinated on April 4, 1968?\",\n },\n];\n\nconst TICKER_ITEMS = [\n \"NQT 2026 · UDC Hub · Room 2\",\n \"Division 1 · Round Robin Play\",\n \"Standings: Fisk leads Div. 1 with 7-2 record\",\n \"Ultimate Challenge: next — both teams play after Round 3\",\n \"Head judge: J. Williams · Scorekeeper: K. Thompson\",\n \"Game 10 of 10 · Final match of the session\",\n];\n\nexport default function MatchBoard() {\n useEffect(() => {\n inject();\n }, []);\n\n const [scoreL, setScoreL] = useState(480);\n const [scoreR, setScoreR] = useState(560);\n const [round, setRound] = useState(3);\n const [mode, setMode] = useState(\"faceoff\"); // faceoff | uc | between | final\n const [qIndex, setQIndex] = useState(0);\n const [buzzState, setBuzzState] = useState({ side: null, status: \"waiting\" }); // waiting | buzzed | correct | incorrect\n const [popL, setPopL] = useState(false);\n const [popR, setPopR] = useState(false);\n const [ucTime, setUcTime] = useState(60);\n const [ucTeam, setUcTeam] = useState(\"L\");\n const [ucRunning, setUcRunning] = useState(false);\n const [ucCorrect, setUcCorrect] = useState(0);\n const [feed, setFeed] = useState(FEED_EVENTS.slice(0, 3));\n const [clock, setClock] = useState(\"4:00\");\n const [clockRunning, setClockRunning] = useState(false);\n const ucRef = useRef(null);\n const clockRef = useRef(null);\n const clockSecsRef = useRef(240);\n\n // Game clock\n useEffect(() => {\n if (clockRunning) {\n clockRef.current = setInterval(() => {\n clockSecsRef.current = Math.max(0, clockSecsRef.current - 1);\n const m = Math.floor(clockSecsRef.current / 60);\n const s = clockSecsRef.current % 60;\n setClock(`${m}:${String(s).padStart(2, \"0\")}`);\n if (clockSecsRef.current === 0) {\n setClockRunning(false);\n clearInterval(clockRef.current);\n }\n }, 1000);\n } else clearInterval(clockRef.current);\n return () => clearInterval(clockRef.current);\n }, [clockRunning]);\n\n // UC timer\n useEffect(() => {\n if (ucRunning && ucTime > 0) {\n ucRef.current = setInterval(() => setUcTime((t) => t - 1), 1000);\n } else if (ucTime === 0) {\n setUcRunning(false);\n }\n return () => clearInterval(ucRef.current);\n }, [ucRunning, ucTime]);\n\n const triggerPop = (side) => {\n if (side === \"L\") {\n setPopL(true);\n setTimeout(() => setPopL(false), 600);\n } else {\n setPopR(true);\n setTimeout(() => setPopR(false), 600);\n }\n };\n\n const addScore = (side, pts) => {\n triggerPop(side);\n if (side === \"L\") setScoreL((s) => s + pts);\n else setScoreR((s) => s + pts);\n const evtSide = side === \"L\" ? TEAMS.L.name : TEAMS.R.name;\n const q = QUESTIONS[qIndex % QUESTIONS.length];\n setFeed((f) =>\n [{\n team: side,\n player: side === \"L\" ? \"Chambers\" : \"Macon-Pruitt\",\n pts,\n type: \"Face-Off\",\n cat: q.cat,\n }, ...f].slice(0, 4)\n );\n setBuzzState({ side, status: \"correct\" });\n setTimeout(() => {\n setBuzzState({ side: null, status: \"waiting\" });\n setQIndex((i) => i + 1);\n }, 1800);\n };\n\n const doBuzz = (side) => setBuzzState({ side, status: \"buzzed\" });\n\n const diff = Math.abs(scoreL - scoreR);\n const leading = scoreL > scoreR ? \"L\" : scoreL < scoreR ? \"R\" : null;\n\n const ucPct = (ucTime / 60) * 100;\n const ucColor = ucTime > 30 ? \"#22C55E\" : ucTime > 15 ? \"#F59E0B\" : \"#EF4444\";\n\n const currentQ = QUESTIONS[qIndex % QUESTIONS.length];\n\n return (\n

\n {/* ── TOP BAR ── */}\n

\n Honda Campus All-Star Challenge\n

\n National Qualifying Tournament · 2026 Season\n

\n LIVE\n

UDC HUB · ROOM 2 · GAME 10

DIVISION 1 · ROUND ROBIN

\n\n {/* ── SCOREBOARD ── */}\n

\n {/* Left team */}\n

{TEAMS.L.city}

{TEAMS.L.name}

\n \n {scoreL}\n \n

\n {[120, 160, 200].slice(0, round - 1).map((s, i) => (\n \n R{i + 1}: {s}\n \n ))}\n {round <= 3 && (\n \n R{round}: LIVE\n \n )}\n

\n {leading === \"L\" && (\n

▲ LEADING BY {diff}

\n )}\n

\n\n {/* Center */}\n

{round}

Round

\n \n {clock}\n

\n \n ROUND CLOCK\n

\n {leading && (\n \n {diff === 0 ? \"TIED\" : `±${diff}`}\n

\n )}\n

\n\n {/* Right team */}\n

\n {TEAMS.R.city}\n

\n {TEAMS.R.name}\n

\n \n {scoreR}\n \n \n {[180, 200, 180].slice(0, round - 1).map((s, i) => (\n \n R{i + 1}: {s}\n \n ))}\n {round <= 3 && (\n \n R{round}: LIVE\n \n )}\n

\n {leading === \"R\" && (\n \n ▲ LEADING BY {diff}\n

\n )}\n \n \n\n {/* ── QUESTION STRIP ── */}\n {mode === \"faceoff\" && (\n

\n {currentQ.cat}\n \n FACE-OFF · 10 PTS\n \n

{currentQ.text}

\n )}\n\n {/* ── UC BAR ── */}\n {mode === \"uc\" && (\n

\n \n ULTIMATE CHALLENGE ·{\" \"}\n {ucTeam === \"L\" ? TEAMS.L.name : TEAMS.R.name}\n

\n 30\n ? \"#F0F4FA\"\n : ucTime > 15\n ? \"#F59E0B\"\n : \"#EF4444\",\n }}\n >\n {String(Math.floor(ucTime / 60)).padStart(2, \"0\")}:{String(\n ucTime % 60,\n ).padStart(2, \"0\")}\n

\n \n

\n \n 60 SEC · 10 QUESTIONS · 25 PTS EACH\n MAX 250 PTS\n

\n \n

\n \n {ucCorrect * 25}\n

PTS SO FAR

{ucCorrect} / 10 CORRECT

\n \n \n )}\n\n {/* ── BETWEEN ROUNDS MESSAGE ── */}\n {mode === \"between\" && (\n \n \n End of Round {round} — Reviewing Scores\n \n \n TEAMS MAY RAISE DISCREPANCIES · OFFICIALS REVIEWING\n \n \n )}\n\n {/* ── PLAYER BUZZ PANELS ── */}\n

\n {PLAYERS.L.map((p) => {\n const isBuzzed = buzzState.side === \"L\";\n const status = isBuzzed ? buzzState.status : \"neutral\";\n return (\n \n

\n {p.initials}\n

{p.name}

{p.major}

\n {isBuzzed && (\n \n {status === \"buzzed\"\n ? \"BUZZED IN\"\n : status === \"correct\"\n ? \"CORRECT +\"\n : \"INCORRECT\"}\n \n )}\n {!isBuzzed && (\n WAITING\n )}\n

\n );\n })}\n

\n \n {PLAYERS.R.map((p) => {\n const isBuzzed = buzzState.side === \"R\";\n const status = isBuzzed ? buzzState.status : \"neutral\";\n return (\n \n

\n {p.initials}\n

{p.name}

{p.major}

\n {isBuzzed && (\n \n {status === \"buzzed\"\n ? \"BUZZED IN\"\n : status === \"correct\"\n ? \"CORRECT +\"\n : \"INCORRECT\"}\n \n )}\n {!isBuzzed && (\n WAITING\n )}\n \n );\n })}\n \n \n\n {/* ── SCORE FEED ── */}\n

\n {feed.map((e, i) => (\n \n ▸\n \n {e.team === \"L\" ? TEAMS.L.abbr : TEAMS.R.abbr}\n \n ·\n {e.player}\n ·\n {e.type}\n ·\n {e.cat}\n 0 ? \"pos\" : \"neg\"}`}\n style={{ marginLeft: \"auto\" }}\n >\n {e.pts > 0 ? `+${e.pts}` : e.pts}\n \n

\n ))}\n \n\n {/* ── TICKER ── */}\n

\n {[...TICKER_ITEMS, ...TICKER_ITEMS].map((item, i) => (\n \n {item}\n ◆\n \n ))}\n

\n \n\n {/* ── DEMO CONTROLS (floating, simulate judge actions) ── */}\n

SIMULATE JUDGE ACTIONS

\n \n \n \n \n addScore(leading === \"L\" ? \"R\" : \"L\", 20)}\n >\n TRAILING TEAM +20 BONUS\n \n {\n setClockRunning((r) => !r);\n }}\n >\n {clockRunning ? \"PAUSE CLOCK\" : \"START CLOCK\"}\n \n {\n if (mode !== \"uc\") {\n setMode(\"uc\");\n setUcTime(60);\n setUcRunning(true);\n setUcCorrect(0);\n } else {\n setMode(\"faceoff\");\n setUcRunning(false);\n }\n }}\n >\n {mode === \"uc\" ? \"END UC MODE\" : \"ACTIVATE UC MODE\"}\n \n {\n if (ucRunning) {\n setUcCorrect((c) => c + 1);\n addScore(ucTeam, 25);\n }\n }}\n >\n UC CORRECT (+25)\n \n \n setMode((m) => m === \"between\" ? \"faceoff\" : \"between\")}\n >\n BETWEEN ROUNDS\n \n

\n \n );\n}","createdAt",["D",1776631584165],"branchVersion","branchId","bcd41284-3c30-11f1-a3b2-42b51c65c3df","id","bcd2d20c-3c30-11f1-a3b2-42b51c65c3df","untitled-3881",["D",1776631544921],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","c70f2292-8e27-420f-84c7-45ea315f9517","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019da76e-791d-74cf-acc3-27bc742bb0b3","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":27},"branch",{"_13":84,"_33":85,"_44":43,"_86":45,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":46,"_93":94},"isOwned",5,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wjbradshaw","handle","displayName","avatar","https://avatars.githubusercontent.com/u/26145267?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_33":46,"_39":149,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":27,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":150,"_79":151,"_81":152,"_83":27},"tree",[144],"files",[144],"counts",{"_133":61,"_134":135,"_136":61,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":126,"_33":29,"_31":32,"_127":-5,"_42":43,"_41":14,"_128":27,"_39":129,"_13":130,"_34":35,"_36":38,"_24":27,"_131":-5,"_28":132},"d439e76e-3c30-11f1-8e54-42b51c65c3df","parentId","latest",["D",1776631584165],3,"label",[29],"pulls","branches",1,"forks","envVars",{"_141":61,"_143":61},"connections",{"_141":61,"_142":61},"count","unfilledCount","emptyCount",{"_44":126,"_33":29,"_31":32,"_127":-5,"_42":43,"_41":14,"_128":27,"_39":145,"_13":130,"_34":35,"_36":38,"_24":27,"_131":-5,"_146":147,"_28":148},["D",1776631584165],"children",[],[29],["D",1776631544921],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":27},{"_13":84,"_33":85,"_44":43,"_86":45,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":46,"_93":94},"ctx",{"_77":-5,"_122":186,"_187":188,"_189":190,"_191":27,"_192":27,"_193":27,"_194":25,"_195":-5,"_196":-7,"_197":-7,"_198":61,"_199":27,"_200":27,"_201":-5,"_202":27,"_203":27,"_204":27,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":85,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v4