:root{--bg:#f6f8fa;--ink:#14212b;--muted:#5b6b78;--card:#ffffff;--line:#dfe6ec;--soft:#e8f3fb;--accent:#0a7fc2;--on-accent:#ffffff;--radius:14px;--font-head:system-ui,sans-serif;--font-body:system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root{--bg:#0f171e;--ink:#e9f1f7;--muted:#9bb0bf;--card:#16212b;--line:#2a3b49;--soft:#1b2a36;--accent:#5cc6ff;--on-accent:#06202e}}
.seasons-t{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:6px}.seasons-t td,.seasons-t th{padding:8px 6px;text-align:left;border-bottom:1px solid var(--line)}.seasons-t td:last-child,.seasons-t th:last-child{text-align:right}.js-seasons h3{margin:18px 0 4px}.js-seasons p{color:var(--muted);font-size:.85rem}
table.cred{width:100%;border-collapse:collapse;font-size:.92rem}table.cred th,table.cred td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.rd{border-radius:var(--radius);width:100%;height:260px;object-fit:cover}
h1,h2,h3{font-weight:700}
.hd{background:var(--card);border-bottom:1px solid var(--line)}
.gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:150px 150px;gap:8px;border-radius:16px;overflow:hidden;margin-top:24px}
.gal div{background:#888 center/cover}.gal div:first-child{grid-row:span 2}
.main{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start;padding:28px 0 56px}
.u{display:grid;grid-template-columns:130px 1fr auto;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px;cursor:pointer}
.u.on{outline:2px solid var(--accent)}.u img{height:90px;width:100%;object-fit:cover;border-radius:10px}
.u b{display:block}.u small{color:var(--muted)}.u .pr{font-weight:700;text-align:right}.u .pr small{display:block;font-weight:400}
.side{position:sticky;top:16px}
.badge{display:inline-block;background:var(--soft);color:var(--accent);padding:3px 11px;border-radius:999px;font-size:.78rem;font-weight:600;margin-bottom:10px}
.main .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.main .unit img{height:120px}.main .unit .b{padding:12px}.main .unit .acts .btn{width:100%}
@media(max-width:860px){.main{grid-template-columns:1fr}.side{position:static}.gal{grid-template-rows:90px 90px}.u{grid-template-columns:90px 1fr}.u .pr{grid-column:2;text-align:left}}

.gal img{width:100%;height:100%;object-fit:cover;display:block}
