*{box-sizing:border-box}:root{color-scheme:dark;--cream:#f4e7cc;--muted:#c0b39c;--gold:#d4ad69;--line:#b58e4f40;--panel:#101c18ed}
body{margin:0;min-height:100vh;background:#0a1311 url(/games/chess/holiday-hall.webp) center/cover fixed;color:var(--cream);font-family:system-ui,sans-serif;font-size:14px}
body::before{content:"";position:fixed;inset:0;background:#0a1311cc;z-index:-1}
main{width:min(760px,calc(100% - 24px));margin:0 auto;padding:12px 0 28px}
nav{display:flex;justify-content:space-between;align-items:center;height:42px}.wordmark{font:700 18px Georgia,serif;letter-spacing:2px;color:var(--cream);text-decoration:none}.wordmark span{display:block;font:600 7px system-ui,sans-serif;letter-spacing:3px;color:var(--gold);margin-top:4px}
.tools{display:flex;gap:7px}.tool,.join{border:1px solid var(--line);background:#15271fbd;border-radius:3px;padding:6px 10px;font-size:11px;color:var(--cream);text-decoration:underline}.tool:hover,.join:hover{background:#34503c;border-color:var(--gold)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
header{margin:18px 0 12px}.eyebrow{font-size:9px;color:var(--gold);font-weight:650;letter-spacing:2.4px;margin:0 0 9px}h1{font:400 34px Georgia,serif;margin:0 0 8px}.intro{color:var(--muted);line-height:1.5;margin:0}.intro a{color:var(--gold)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:12px}.fine{font-size:11px;color:var(--muted);margin:6px 2px}
.games{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.games li{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:4px;padding:10px 12px;background:#0a131399}.games small{display:block;color:var(--muted);margin-top:3px;line-height:1.4}.join{white-space:nowrap;font-size:12px;padding:8px 12px}
@media(max-width:560px){.games li{flex-direction:column;align-items:stretch}.join{text-align:center}h1{font-size:28px}}