*{box-sizing:border-box}
:root{
  --color-bg:#f7f0df;--color-surface:#fffaf0;--color-surface-strong:#f1e6cf;
  --color-text:#2f3237;--color-muted:#6e6b63;--color-border:#d8cfbc;
  --color-primary:#244f78;--color-primary-soft:#dbe7f1;--color-warning:#9a6b1f;
  --color-error:#9f2f2f;--color-main-match:#2f628d;--color-main-match-bg:#dceaf5;
  --color-bonus-match:#8a641d;--color-bonus-match-bg:#ead9ad;--color-win:#6c5320;--color-win-bg:#f4e7c7;
  --radius-sm:6px;--radius-md:10px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--max-width:1200px
}
html{color-scheme:light}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.6}
button,a{font:inherit}
.site-header,.page-shell{width:min(calc(100% - 32px),var(--max-width));margin:0 auto}
.site-header{padding:var(--space-3) 0 0}
.site-header__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.site-title{margin:0;color:var(--color-primary);font-size:clamp(1.6rem,3vw,2.15rem);letter-spacing:.03em}
.page-shell{padding:var(--space-4) 0 56px}
.page-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-bottom:var(--space-2)}
.page-title{margin:0;font-size:clamp(1.3rem,2.4vw,1.9rem)}
.section-block{margin-top:36px}.section-title{margin:0 0 var(--space-2);color:var(--color-primary);font-size:clamp(1.1rem,2vw,1.4rem)}
.updated-at{margin:0 0 var(--space-3);color:var(--color-muted);font-size:.88rem}
.ended-label{padding:2px 10px;border:1px solid var(--color-border);border-radius:999px;font-weight:700}