:root { color-scheme: dark; --bg:#111827; --card:#1f2937; --text:#e5e7eb; --accent:#34d399; --error:#fca5a5; }
.site-footer { text-align:center; display:flex; flex-direction:column; align-items:center; gap:.35rem }
.wgs-logo { display:inline-block; margin-top:.25rem }
.wgs-logo img { display:block; width:180px; max-width:80vw; height:auto }
.championship-list { margin:1rem 0; background:var(--card); border-radius:8px; overflow:hidden }
.championship-list-header,.championship-row { display:grid; grid-template-columns:1.15fr 1.8fr 1fr 1fr auto; align-items:center; gap:1rem; padding:.85rem 1rem }
.championship-list-header { color:#9ca3af; font-size:.8rem; text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid #374151 }
.championship-list-header > span:nth-child(n+3),.championship-row > span:nth-of-type(n+2) { text-align:center }
.championship-list-header > span:last-child,.championship-row > span:last-child { justify-self:center }
.championship-item { border-bottom:1px solid #374151 }
.championship-item:last-child { border-bottom:0 }
.championship-row { cursor:pointer; list-style:none; min-height:4.2rem; position:relative }
.championship-row::-webkit-details-marker { display:none }
.championship-row::before { content:'›'; color:var(--accent); font-size:1.4rem; position:absolute; left:.35rem; transition:transform .15s ease }
.championship-item[open] .championship-row::before { transform:rotate(90deg) }
.championship-row:hover { background:#263548 }
.championship-row > span,.championship-row > strong { min-width:0; overflow-wrap:anywhere }
.league-name { color:var(--accent); font-size:.9rem }
.championship-details { padding:.25rem 1rem 1rem calc(1rem + 1.4rem); border-top:1px solid #374151; background:#1b2636 }
.championship-details .description { margin:.75rem 0 }
.download-button { padding:.45rem .65rem; font-size:.9rem }
.championship-row .download-button { position:relative; z-index:1 }
@media(max-width:700px){.championship-list-header { display:none }.championship-row { grid-template-columns:1fr auto; gap:.35rem .75rem; padding:.9rem 1rem .9rem 1.4rem }.championship-row > span:nth-of-type(1),.championship-row > strong { grid-column:1 }.championship-row > span:nth-of-type(2),.championship-row > span:nth-of-type(3) { font-size:.9rem; color:#9ca3af }.championship-row > span:last-child { grid-column:2; grid-row:1 / span 2; align-self:center }.championship-details { padding-left:2.4rem }}
* { box-sizing:border-box } body { margin:0; background:var(--bg); color:var(--text); font:16px system-ui,sans-serif; line-height:1.5 } header, main, footer { max-width:1100px; margin:auto; padding:1rem } header { display:flex; justify-content:space-between; border-bottom:1px solid #374151 } header a { color:white; font-weight:700; text-decoration:none } footer { color:#9ca3af; font-size:.875rem } main { min-height:80vh } a { color:#6ee7b7 } h1 { line-height:1.15 } .championship,.file,.login,.form,table { background:var(--card); border-radius:8px; padding:1.25rem; margin:1rem 0 } .championships { display:grid; grid-template-columns:repeat(auto-fit,minmax(330px,1fr)); gap:1rem } .championship { margin:0; display:flex; flex-direction:column } .eyebrow { color:var(--accent); text-transform:uppercase; font-size:.8rem; font-weight:700 } .period,small { color:#9ca3af } .description { white-space:pre-wrap } .download-list { margin-top:auto; padding-top:.75rem; border-top:1px solid #374151 } .download-row { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.7rem 0; border-bottom:1px solid #374151 } .download-row div { min-width:0; display:grid } .files { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem } .file { margin:0; display:flex; flex-direction:column; gap:.5rem } .button,button { background:var(--accent); color:#062a20; border:0; padding:.65rem .9rem; border-radius:5px; font-weight:700; text-decoration:none; cursor:pointer; width:max-content } .danger { background:#f87171 } form { display:grid; gap:1rem; max-width:650px } label { display:grid; gap:.35rem } input,textarea,select { font:inherit; padding:.55rem; border:1px solid #4b5563; border-radius:4px; background:#111827; color:var(--text) } .check { display:flex; align-items:center; gap:.5rem } .check input { width:auto } .two-columns { display:grid; grid-template-columns:1fr 1fr; gap:1rem } .notice { padding:.75rem; border-radius:5px; background:#164e63 } .notice.error { background:#7f1d1d; color:#fee2e2 } table { width:100%; border-collapse:collapse } td,th { text-align:left; padding:.6rem; border-bottom:1px solid #374151 } .page-title { display:flex; align-items:center; justify-content:space-between; gap:1rem } .logout { margin-top:2rem }.delete { margin-top:.5rem } @media(max-width:550px){.two-columns{grid-template-columns:1fr}.championships{grid-template-columns:1fr}.download-row{align-items:flex-start;flex-direction:column}table{font-size:.875rem}}