@import url("theme.css");
/* THESIS: Quiet utility; find a match without decorative noise.
OWN-WORLD: Charcoal, warm orange actions, one desaturated sponsor surface.
STORY: Filter matches, choose a source, manually play or try the next line.
FIRST VIEWPORT: Compact navigation, generous title, aligned schedule, restrained sponsor rail.
FORM: User-pinned direction overrides seed 8cb9d267; no Apple assets or branding.
FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md */
:root{--bg:var(--palette-night);--surface:var(--palette-surface);--line:var(--palette-ink);--text:var(--palette-soft);--muted:var(--palette-dim);--accent:var(--palette-brand);color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
::selection{background:var(--palette-soft);color:var(--palette-surface)}body{background:var(--bg)}.site-header{height:76px;max-width:1280px;border-bottom:0}.brand strong{font-size:21px;letter-spacing:-.02em}.brand svg{color:var(--text)}main.directory-main{max-width:1200px;padding-top:56px}.directory-intro{margin:0 0 36px}.directory-intro h1{font-size:48px;font-weight:650;letter-spacing:-.035em}.directory-intro p{font-size:17px}.primary-link,.primary-button{background:var(--accent);color:var(--palette-white);border:0;border-radius:24px;padding:12px 22px;font-weight:550}.scope-note{background:transparent;padding:0;margin-bottom:32px;max-width:80ch}.directory-layout{grid-template-columns:150px minmax(0,1fr);gap:48px}.sports-sidebar h2{font-size:13px;color:var(--muted);font-weight:500}.category-button{border-radius:10px;min-height:44px}.category-button.selected{background:var(--palette-warm);color:var(--text)}.sidebar-ad{background:var(--palette-soft);color:var(--text);border-radius:12px;padding:20px}.sidebar-ad strong{color:var(--text);font-size:18px}.sidebar-ad p,.sidebar-ad>span{color:var(--muted)}.events-tools h2{font-size:23px}.search-label input{background:var(--palette-white);border:1px solid var(--line);border-radius:10px;min-height:44px}.filter-button{border:0;border-radius:20px;min-height:44px}.filter-button.selected{background:var(--palette-warm);color:var(--text)}.event-row{padding:28px 12px;border-color:var(--line);grid-template-columns:95px minmax(0,1fr) 136px 74px}.event-row:hover{background:var(--palette-soft)}.event-time strong{font-size:21px;font-weight:550}.event-info h3{font-size:21px;font-weight:600;letter-spacing:-.02em}.event-state.ready{color:var(--palette-success)}.source-link{background:var(--palette-white);border:0;border-bottom:1px solid var(--line);padding:24px 18px}.source-link:hover{background:var(--palette-soft)}.source-link p{line-height:1.7}.source-link .primary-link{min-width:106px}.match-main{padding-top:48px}.match-main h1{font-size:42px;letter-spacing:-.03em}.match-banner{background:var(--palette-soft);color:var(--text);border-radius:12px}.match-banner p{color:var(--muted)}.more-lines{margin-top:20px}.more-lines summary{min-height:48px;cursor:pointer;color:var(--accent);padding:14px 0}.line-notice{font-size:14px;color:var(--muted);line-height:1.8}.pending-source{background:var(--palette-soft)}.secondary-button{background:var(--palette-white);color:var(--text);border-color:var(--line)}footer{line-height:1.9}.date-control{display:flex;gap:12px;align-items:center;margin:20px 0;color:var(--muted);font-size:14px}.date-control select{min-width:140px}
body:not([data-page]){--bg:var(--palette-night);--surface:var(--palette-surface);--line:var(--palette-ink);--text:var(--palette-soft);--muted:var(--palette-dim);--accent:var(--palette-brand);color-scheme:dark}body:not([data-page]) .site-header{max-width:1680px}body:not([data-page]) .primary-button{background:var(--palette-soft);color:var(--palette-surface)}body:not([data-page]) .secondary-button{background:var(--palette-ink);color:var(--palette-soft);border-color:var(--palette-darkborder)}.ad-orange,.ad-blue,.ad-green,.ad-plain{background:var(--palette-surface);color:var(--palette-warm)}.ad,.banner{border-radius:12px}.ad strong{font-size:21px}.ad-foot{color:var(--palette-dim)}.player-shell{border-radius:12px}.center-play:hover:not(:disabled){background:var(--palette-surface)}.source-panel select{max-width:100%}#next-line{color:var(--accent)}
/* Latest user choice: charcoal throughout, preserving refined spacing. */
.primary-link{background:var(--palette-soft);color:var(--palette-surface)}.category-button.selected,.filter-button.selected{background:var(--palette-ink);color:var(--text)}.sidebar-ad,.match-banner,.pending-source{background:var(--palette-surface);color:var(--text)}.sidebar-ad strong{color:var(--text)}.search-label input,.source-link,.secondary-button{background:var(--surface);color:var(--text)}.source-link:hover,.event-row:hover{background:var(--palette-surface)}.event-state.ready{color:var(--palette-soft)}
/* Restore the first version's warm watch-room palette; retain new behavior. */
:root,body:not([data-page]){--accent:var(--palette-brand)}
::selection{background:var(--palette-brand);color:var(--palette-white)}
.brand svg{color:var(--accent)}
.primary-link,.primary-button,body:not([data-page]) .primary-button{background:var(--accent);color:var(--palette-surface)}
.brand-lockup-dark{width:190px;height:60px;object-fit:contain;filter:none}
.category-button.selected{background:var(--palette-ink);color:var(--accent)}
.filter-button.selected{background:var(--palette-ink);color:var(--text)}
.sidebar-ad,.match-banner{background:var(--palette-surface);color:var(--palette-soft)}
.sidebar-ad strong{color:var(--palette-soft)}.sidebar-ad p,.sidebar-ad>span,.match-banner p{color:var(--palette-soft)}
.ad-orange{background:var(--palette-brand);color:var(--palette-warm)}.ad-blue{background:var(--palette-surface);color:var(--palette-soft)}.ad-green{background:var(--palette-success);color:var(--palette-soft)}.ad-plain{background:var(--palette-ink);color:var(--palette-warm)}
.ad-foot{color:inherit}.center-play:hover:not(:disabled){background:var(--palette-surface)}
/* One quiet sponsor surface across directory, match, and player. */
.sidebar-ad,.match-banner,.ad-orange,.ad-blue,.ad-green,.ad-plain{background:var(--palette-ink);color:var(--palette-soft)}
.sidebar-ad strong{color:var(--palette-soft)}
.sidebar-ad p,.sidebar-ad>span,.match-banner p,.ad-foot{color:var(--palette-soft)}
.compact-lines{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0 8px}.line-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 19px;border:1px solid var(--palette-darkborder);border-radius:7px;background:var(--palette-surface);color:var(--palette-warm);text-decoration:none;font-size:14px;line-height:1.4}.line-chip:hover{background:var(--palette-ink);border-color:var(--palette-brand)}.line-chip.preferred{border-color:var(--palette-brand);color:var(--palette-gold);background:var(--palette-surface)}.line-check-note{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 0}.match-main .line-heading{margin-top:28px}.match-main .match-help{font-size:12px;max-width:65ch}.match-main .scope-note{font-size:12px;max-width:70ch}
@media(max-width:800px){main.directory-main{padding-top:30px}.directory-intro h1{font-size:34px;max-width:10em}.directory-intro p{font-size:15px}.directory-layout{grid-template-columns:minmax(0,1fr);gap:28px}.category-filters{flex-wrap:wrap}.site-header{height:66px}.site-nav{gap:12px}.site-nav .local-label{display:none}.event-row{grid-template-columns:70px minmax(0,1fr);padding:24px 4px}.event-info h3{font-size:20px}.match-main h1{font-size:30px}.source-link{padding:22px 12px}.source-link .primary-link{width:100%}.ad-rail{grid-template-columns:1fr}.ad{min-height:130px}.ad strong{font-size:19px}.date-control{flex-wrap:wrap}}
