Ref 원본 CSS를 근거로 문서·표·컨트롤 계약을 맞추고, scoped SFC의 :global(body)
누출과 Ref에 없는 클리핑을 페이지별 계약으로 정리했습니다.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
The auction, my page, nation betting and hall of fame roots clipped content that
Ref lets overflow, which shifted their measured document size. The dashboard
reload controls and the diplomacy table frame now follow Ref's Lumen navigation
family and its non-collapsed gray/black frame.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Ref never aligns `.tb_layout` cells from the table; each legacy cell opts in
with align=center. The directory title table, npc list and chief reservation
rows follow that, the nation info cells use Ref's gray rule, and the main
document stops clipping horizontally.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Ref keeps the page title row at its default alignment and centres only the
heading, rules the yearbook selector row with 1px gray edges, and lets the log
panels overflow instead of clipping. The shared Lumen control family gets Ref's
middle baseline, and the general grid drops a bottom rule and clip that Ref does
not have.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Ref's `.bg0/.bg1/.bg2` set only a background image and `html, body` centre the
texture with vertical tiling, so the extra background colours and the default
tiling are removed. Two ranking views declared unscoped `body` rules that leaked
a 500px min-width and a 21px line-height onto every screen; each page now owns
its own contract. Controls that Ref renders with the Bootstrap/Lumen family get
the shared modifier so the bottom edge moves on hover and while pressed.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>