*{box-sizing:border-box}body{background:var(--ss-bg);min-height:100vh;color:var(--ss-ink);font:16px/1.5 var(--ss-font-body);flex-direction:column;margin:0;display:flex}#root{display:contents}a{color:var(--ss-link)}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--ss-green-light);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{background:var(--ss-green);color:var(--ss-on-accent)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:12px 16px;display:flex}.brand{color:inherit;font-family:var(--ss-font);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.brand img{width:40px;height:40px}.brand__sub{opacity:.9;font-weight:600}.site-nav{gap:20px;display:flex}.site-nav a{color:inherit;font-family:var(--ss-font);font-weight:600;text-decoration:none}.site-nav a:hover{text-decoration:underline}.site-main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:24px 16px 48px}.page-title{font-family:var(--ss-font);margin:24px 0 16px;font-size:clamp(1.4rem,1rem + 1.5vw,2rem);font-weight:800;line-height:1.2}.page-title a{color:inherit;-webkit-text-decoration-color:var(--ss-green-light);text-decoration-color:var(--ss-green-light)}input,select,button,.button{font:inherit;border:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);background:var(--ss-surface);min-height:44px;color:var(--ss-ink);padding:8px 14px}button,.button{background:var(--ss-accent);border-color:var(--ss-accent);color:var(--ss-on-accent);font-family:var(--ss-font);cursor:pointer;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--ss-green-dark);border-color:var(--ss-green-dark)}.search{flex-wrap:wrap;gap:8px;display:flex}.search input,.search select{flex:220px;min-width:0}.replays{background:var(--ss-surface);border:1px solid var(--ss-border);border-radius:var(--ss-radius);margin:0;padding:0;list-style:none;overflow:hidden}.replays li+li{border-top:1px solid var(--ss-border)}.replay-row{color:inherit;grid-template-columns:1fr auto;grid-template-areas:"players date""format date";gap:2px 16px;padding:12px 16px;text-decoration:none;display:grid}.replay-row:hover{background:var(--ss-surface-2)}.replay-row__players{overflow-wrap:anywhere;grid-area:players}.replay-row__format{color:var(--ss-muted);grid-area:format;font-size:.875rem}.replay-row__date{color:var(--ss-muted);font-variant-numeric:tabular-nums;grid-area:date;align-self:center;font-size:.875rem}.pager{justify-content:space-between;padding:16px 0;display:flex}.pager a{font-family:var(--ss-font);font-weight:600}.empty,.loading{color:var(--ss-muted)}.error{color:#b3261e}@media (prefers-color-scheme:dark){.error{color:#f2b8b5}}.replay__format{color:var(--ss-link);font-family:var(--ss-font);text-transform:uppercase;letter-spacing:.04em;margin:24px 0 0;font-size:.9rem;font-weight:600}.replay__header .page-title{margin-top:4px}.replay__meta{color:var(--ss-muted);margin:0 0 16px}.replay__actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.replay__player{border:1px solid var(--ss-border);border-radius:var(--ss-radius);background:#fff;width:100%;min-height:640px;display:block}.site-footer{border-top:1px solid var(--ss-border);color:var(--ss-muted);text-align:center;padding:16px;font-size:.875rem}.site-footer p{margin:0}