/* Shared event surfaces; daylight applies only to the public display and local preview. */
body[data-page] .board{border:1px solid #626b57;border-radius:16px;background:#191d16;overflow-wrap:anywhere}
body[data-page] .board h2{padding-bottom:12px;border-bottom:5px solid var(--category-color,#c5ec75)}
body[data-page] .sponsor-region{background:#191d16;color:#f4f3eb;border:1px solid #626b57;box-shadow:none;border-radius:16px}
body[data-page] .sponsor-region h2{color:inherit}
body[data-page] .sponsor-card{border:1px solid #626b57;border-radius:12px}
body[data-page] .sponsor-controls button{background:#c5ec75!important;border:1px solid #626b57;border-radius:8px;color:#152009!important}
body[data-page=display] main{max-width:1600px;margin-top:32px}
body[data-page=display] .boards{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-page=display] .board{min-width:0;padding:24px}
body[data-page=display] .board h2{font-size:clamp(28px,3vw,48px);margin-top:0}
body[data-page=display] .board table{table-layout:fixed;font-size:clamp(20px,2.4vw,38px);font-weight:700;font-variant-numeric:tabular-nums}
body[data-page=display] .board td{padding:18px 8px;border-bottom:2px solid #626b57;overflow-wrap:anywhere}
body[data-page=display] .board td:first-child{width:16%}
body[data-page=display] .board td:last-child{width:25%;text-align:right;font-size:1.2em;font-weight:900}
body[data-page=display] .board tr:first-child{background:#283023}
body[data-page=input] .book-row button{min-height:52px;min-width:64px}
body[data-display-theme=light]{background:#fff;color:#111;color-scheme:light}
body[data-display-theme=light] header,body[data-display-theme=light] footer{border-color:#111;color:#111}
body[data-display-theme=light] header a,body[data-display-theme=light] #connection,body[data-display-theme=light] a{color:#111}
body[data-display-theme=light] .board,body[data-display-theme=light] .sponsor-region{background:#fff;color:#111;border:3px solid #111}
body[data-display-theme=light] .board h2,body[data-display-theme=light] .sponsor-region h2{color:#111}
body[data-display-theme=light] .board td{border-color:#111}
body[data-display-theme=light] .board tr:first-child{background:#eee}
body[data-display-theme=light] #status{font-size:20px;font-weight:700}
body[data-display-theme=light] #effects button{background:#fff;color:#111;border:2px solid #111}
body[data-display-theme=light] .sponsor-controls button{background:#fff!important;color:#111!important;border:2px solid #111}
body[data-display-theme=light] .sponsor-card{border:2px solid #111}
.settings-preview[data-display-theme=light]{background:#fff;color:#111;border-color:#111}
.settings-preview[data-display-theme=light] .preview-help{color:#333}
.settings-preview[data-display-theme=light] .board{background:#fff;border:2px solid #111}
.settings-preview[data-display-theme=light] td{color:#111;border-color:#111;font-weight:700}
.settings-preview .board h2{border-bottom:5px solid var(--category-color,#c5ec75);padding-bottom:8px}
@media(max-width:650px){body[data-page=display] .boards{grid-template-columns:1fr}body[data-page=display] .board{padding:14px}body[data-page=display] .board td{padding:12px 4px}body[data-page=display] main{padding:0 12px}body[data-page=display] .board h2 img{width:44px;height:44px}}