Visual polish only, highest quality. Wheel Raid is a finished, working Sepolia dapp: a co-op boss raid on Squeektoshi's real wheel. index.html holds the whole app (CSS and JS inline). contracts/, release/, dev/ are docs only: don't build or run dev/.

First apply exactly these eight fixes in index.html (your content-check advisories). Replace each old text with the new, character for character; change nothing else in the script:

a) in the S state object, replace:

past: [], art: new Map(),

with:

past: [], hallN: 24, art: new Map(),

b) in loadHall(), replace:

const list = decode(await call(SEL.bosses + pad(S.bossCount - 1) + pad(24)), [{ arr: BOSS }])[0].map(asBoss).filter(b => b.fate !== 0);

with:

const list = []; const want = Math.min(S.bossCount, S.hallN); // newest first; "Show older bosses" raises hallN

for (let from = S.bossCount - 1; from >= 0 && list.length < want; from -= 24) list.push(...decode(await call(SEL.bosses + pad(from) + pad(Math.min(24, want - list.length))), [{ arr: BOSS }])[0].map(asBoss));

for (let i = list.length - 1; i >= 0; i--) if (list[i].fate === 0) list.splice(i, 1);

c) the isRunning line, replace:

const isRunning = () => { const m = S.status && S.status.measurement; return !!m && m.freshness !== 'stale' && Number(m.rpmMilli) > 0; };

with:

const statusFresh = () => !!S.status && Date.now() - S.lastStatusAt < 45000; // an older cached reading counts as unknown

const isRunning = () => { const m = S.status && S.status.measurement; return statusFresh() && !!m && m.freshness !== 'stale' && Number(m.rpmMilli) > 0; };

d) in renderBoss(), replace:

const sig = JSON.stringify([b.id, round, run, S.busy,

with:

const sig = JSON.stringify([b.id, round, run, statusFresh(), S.busy,

e) in renderBoss(), replace:

else hint.append(bold("He's resting."), ' A charge now will most likely miss. He usually runs around 21:00 to 07:00 UTC.'); }

with:

else if (S.status && !statusFresh()) hint.append(bold('Wheel status unavailable.'), " We can't tell right now whether he is running, so a charge may miss.");

else hint.append(bold("He's resting."), ' A charge now will most likely miss. He usually runs around 21:00 to 07:00 UTC.'); }

f) in renderHall(), replace:

(Wal.addr || '') + S.busy + S.deployed;

if (el.dataset.sig === sig) return;

with:

(Wal.addr || '') + S.busy + S.deployed + S.bossCount + ':' + S.hallN;

if (el.dataset.sig === sig) return;

g) in renderHall(), replace:

if (!S.past.length) { const p = document.createElement('p');

with:

if (!S.past.length && S.bossCount <= S.hallN) { const p = document.createElement('p');

h) at the end of renderHall(), replace:

el.appendChild(c); }

}

/* ---------- polling ---------- */

with:

el.appendChild(c); }

if (S.bossCount > S.hallN) { const x = document.createElement('button'); x.type = 'button'; x.className = 'btn'; x.id = 'hallMore'; x.textContent = Show older bosses (${fmt(S.bossCount - S.hallN)} more);

x.addEventListener('click', async () => { S.hallN += 24; x.disabled = true; try { await loadHall(); } catch {} render(); }); el.appendChild(x); }

}

/* ---------- polling ---------- */

Then visuals. Keep the palette (#12091a, red #ff4d5a, ember #ff9a3c, gold #ffd166, teal #58e0c6; Bungee, Barlow, JetBrains Mono) and make it an award-winning indie game launch page:

1. #arena: rich inline-SVG backdrop: layered castle ruins, fog, blood moon glow, flickering torches, embers. Carved stone rune ring around #bossArt. Cuter, detailed hamster in its wheel with a tiny knight helmet; it spins only while #arena has class "running" (keep .wheelspin/.legs). Mouse parallax, off on touch and reduced motion.
2. When #bossArt gets class "hit": short arena shake, slash streak, spark burst; keep .pop damage numbers in #pops.
3. #hpBar: metal end caps, subtle shine; #hpGhost stays readable behind #hpFill.
4. All panels: consistent spacing, refined type scale, stone texture, hover/focus states, gentle entrance animation (content visible if animations are off), nicer #toast with icon.
5. #board: medal glow for top 3, aligned columns, clean phone layout (table scrolls in its own box).
6. #hall: framed trophy-plaque cards; fallen glow gold, fled look faded; style #hallMore. Contract SVG images exactly as-is.
7. New og.png 1200x630 of the arena, title "WHEEL RAID" ("RAID" red), line "A co-op boss raid powered by Squeektoshi's real wheel". og:image and twitter:image = https://wheel-raid.imd.site/og.png. New favicon.svg: sword through a wheel. Check at 1280 and 390 px; fix anything cramped, blurry or generic.

Deliver the finished site as a code repository.

Don't change (except the fixes): existing JS logic, constants or strings (a separate small script for animations is fine); element ids, page text, section order; the contract art. No frameworks, build step or external scripts; Google Fonts only. Respect prefers-reduced-motion, readable contrast, no horizontal scroll at 320 px.

Acceptance: / returns "Wheel Raid" with 200; /og.png and /card.png 200 image/png; no console errors; boss name, HP and round load from Sepolia; board, log and hall load; Connect, Charge, Apply settled hits, Claim trophy and Show older bosses work.