/* =====================================================================
feat-seasons.css -- ClanWar Seasons (league.php)
Scoped styling for the Seasons page only. Every rule is namespaced
under .cw-season-* so it layers cleanly on top of assets/cw.css and
touches nothing else. Pulled in from league.php via an in-
(page.php owns and must not be edited).
Accent: crimson -> var(--cw-accent)
Gold (champion) -> var(--cw-warn)
No emoji anywhere; the trophy mark reuses the .cw-ico sprite.
Inherits all colour tokens (--cw-bg-*, --cw-fg-*, --cw-border, ...)
from cw.css, so it follows the dark / light theme automatically.
===================================================================== */
/* ---------- Hero ---------------------------------------------------- */
.cw-season-hero {
position: relative;
overflow: hidden;
}
.cw-season-hero::after {
/* crimson glow bleeding in from the right edge */
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(120% 140% at 100% 0%,
rgba(220, 38, 38, 0.16), transparent 55%);
pointer-events: none;
}
.cw-season-hero-main { position: relative; z-index: 1; min-width: 0; }
.cw-season-eyebrow {
display: inline-block;
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--cw-accent);
margin-bottom: 8px;
}
.cw-season-sub {
margin: 0 0 10px;
color: var(--cw-fg-2);
}
.cw-season-sub strong { color: var(--cw-fg); }
.cw-season-note {
margin: 0;
font-size: 13px;
color: var(--cw-fg-dim);
max-width: 70ch;
}
.cw-season-hero-stat {
position: relative;
z-index: 1;
text-align: center;
align-self: center;
padding: 14px 22px;
border: 1px solid var(--cw-border);
border-radius: var(--cw-radius-lg);
background: linear-gradient(180deg, var(--cw-bg-3), var(--cw-bg-2));
box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.08) inset;
}
.cw-season-stat-num {
font-size: 40px;
font-weight: 900;
line-height: 1;
letter-spacing: -1px;
color: var(--cw-fg);
font-variant-numeric: tabular-nums;
}
.cw-season-stat-lbl {
margin-top: 6px;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--cw-fg-dim);
}
/* ---------- Shared empty state ------------------------------------- */
.cw-season-empty {
margin: 0;
padding: 26px 18px;
text-align: center;
color: var(--cw-fg-dim);
font-style: italic;
}
.cw-season-muted { color: var(--cw-fg-dim); }
/* ---------- Current standings table -------------------------------- */
.cw-season-table th { white-space: nowrap; }
.cw-season-badge-cell { white-space: nowrap; }
/* Win-streak chip */
.cw-season-streak {
display: inline-block;
padding: 1px 8px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
font-variant-numeric: tabular-nums;
color: var(--cw-warn);
background: rgba(251, 191, 36, 0.10);
border: 1px solid rgba(251, 191, 36, 0.30);
}
/* Subtle crimson rail + tint on the season leader row */
.cw-season-table tr.cw-season-leader td,
.cw-season-final-table tr.cw-season-leader td {
background: linear-gradient(90deg,
rgba(251, 191, 36, 0.07), transparent 60%);
}
.cw-season-table tr.cw-season-leader td:first-child,
.cw-season-final-table tr.cw-season-leader td:first-child {
box-shadow: inset 3px 0 0 var(--cw-warn);
}
/* ---------- Admin: start a new season ------------------------------ */
.cw-season-admin {
border-color: rgba(220, 38, 38, 0.35);
box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.10),
0 18px 40px -28px rgba(220, 38, 38, 0.55);
}
.cw-season-admin .cw-card-h {
background: linear-gradient(90deg,
rgba(220, 38, 38, 0.12), transparent 70%);
}
.cw-season-admin-lead {
margin: 0 0 8px;
color: var(--cw-fg-2);
line-height: 1.5;
}
.cw-season-admin-lead strong { color: var(--cw-fg); }
.cw-season-admin-fine {
margin: 0 0 14px;
font-size: 12.5px;
color: var(--cw-fg-dim);
}
.cw-season-admin-fine strong { color: var(--cw-fg-2); }
.cw-season-admin-warn {
margin: 0 0 14px;
padding: 9px 12px;
border-radius: var(--cw-radius-sm);
font-size: 13px;
color: var(--cw-warn);
background: rgba(251, 191, 36, 0.08);
border: 1px solid rgba(251, 191, 36, 0.30);
}
.cw-season-form {
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
}
.cw-season-input {
flex: 1;
min-width: 220px;
background: var(--cw-bg-2);
border: 1px solid var(--cw-border-2);
color: var(--cw-fg);
border-radius: var(--cw-radius-sm);
padding: 9px 13px;
font: inherit;
font-size: 14px;
}
.cw-season-input::placeholder { color: var(--cw-fg-dim); }
.cw-season-input:focus {
outline: none;
border-color: var(--cw-accent);
box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.18);
}
.cw-season-go { white-space: nowrap; }
.cw-season-admin-hint {
margin: 10px 0 0;
font-size: 12px;
color: var(--cw-fg-dim);
}
/* ---------- Past seasons + champions ------------------------------- */
.cw-season-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.cw-season-row {
border: 1px solid var(--cw-border);
border-radius: var(--cw-radius);
background: var(--cw-bg-2);
overflow: hidden;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.cw-season-row[open] {
border-color: var(--cw-border-2);
box-shadow: 0 10px 30px -24px rgba(0, 0, 0, 0.8);
}
.cw-season-row + .cw-season-row { margin-top: 0; }
.cw-season-summary {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
padding: 14px 16px;
cursor: pointer;
list-style: none;
user-select: none;
}
.cw-season-summary::-webkit-details-marker { display: none; }
.cw-season-summary:hover { background: var(--cw-bg-3); }
.cw-season-summary:focus-visible {
outline: 2px solid var(--cw-accent);
outline-offset: -2px;
}
.cw-season-summary-id {
display: flex;
align-items: center;
gap: 12px;
min-width: 200px;
flex: 1;
}
.cw-season-trophy {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
flex: none;
border-radius: 50%;
background: radial-gradient(circle at 30% 25%,
rgba(251, 191, 36, 0.30), rgba(251, 191, 36, 0.05));
border: 1px solid rgba(251, 191, 36, 0.35);
}
.cw-season-trophy .cw-ico {
background-color: var(--cw-warn);
width: 18px;
height: 18px;
}
.cw-season-summary-meta { display: flex; flex-direction: column; min-width: 0; }
.cw-season-name {
font-weight: 800;
font-size: 15px;
color: var(--cw-fg);
}
.cw-season-dates {
font-size: 12px;
color: var(--cw-fg-dim);
font-variant-numeric: tabular-nums;
}
/* Champion block */
.cw-season-champ {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
padding: 6px 12px;
border-radius: 999px;
background: rgba(251, 191, 36, 0.07);
border: 1px solid rgba(251, 191, 36, 0.22);
}
.cw-season-champ-label {
font-size: 10px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--cw-warn);
}
.cw-season-champ-who {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--cw-fg);
}
.cw-season-champ-who strong { font-weight: 700; }
.cw-season-champ-mmr {
font-weight: 800;
font-variant-numeric: tabular-nums;
color: var(--cw-warn);
}
.cw-season-champ-none {
font-size: 13px;
font-style: italic;
color: var(--cw-fg-dim);
}
/* Expand / collapse toggle (CSS-only, driven by ) */
.cw-season-toggle {
margin-left: auto;
font-size: 12px;
font-weight: 700;
color: var(--cw-accent);
white-space: nowrap;
}
.cw-season-toggle-close { display: none; }
.cw-season-row[open] .cw-season-toggle-open { display: none; }
.cw-season-row[open] .cw-season-toggle-close { display: inline; }
.cw-season-detail {
border-top: 1px solid var(--cw-border);
background: var(--cw-bg);
}
.cw-season-final-table { margin: 0; }
/* ---------- Light theme nudges ------------------------------------- */
[data-theme="light"] .cw-season-input {
background: #fff;
border-color: #d3d8e4;
}
[data-theme="light"] .cw-season-row { background: #fff; }
[data-theme="light"] .cw-season-detail { background: #f7f8fc; }
/* ---------- Responsive --------------------------------------------- */
@media (max-width: 720px) {
.cw-season-summary { gap: 12px; }
.cw-season-toggle { margin-left: 0; }
.cw-season-stat-num { font-size: 32px; }
}