.news-fanokes { font-family:Arial,Helvetica,sans-serif; --fn-red:#ff555b; --fn-text:#f3f0e9; --fn-muted:#b4b7b2; width:100%; max-width:704px; margin:22px auto; background:#111414; color:var(--fn-text); border-radius:22px; border-top:5px solid #ed343a; overflow:hidden; color-scheme:dark; }
.news-fanokes * { box-sizing:border-box; }
.news-fanokes .fn-masthead { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; margin:0 30px; padding:25px 0 22px; border-bottom:1px solid #343a37; color:var(--fn-muted); font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; }
.news-fanokes .fn-brand { display:flex; align-items:center; gap:9px; }
.news-fanokes .fn-brand:before { content:''; width:7px; height:7px; border-radius:50%; background:var(--fn-red); }
.news-fanokes .fn-story { padding:26px 30px 20px; }
.news-fanokes .fn-team { display:flex; align-items:center; gap:20px; margin-bottom:23px; }
.news-fanokes .fn-avatar { width:104px; height:104px; flex-shrink:0; border:2px solid var(--fn-red); border-radius:50%; object-fit:cover; object-position:50% 25%; }
.news-fanokes .fn-team-name { line-height:1.3; margin:0 0 8px; color:var(--fn-text); font-size:21px; font-weight:700; }
.news-fanokes .fn-status { display:inline-flex; align-items:center; gap:6px; color:var(--fn-red); font-size:11px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; }
.news-fanokes .fn-status i { font-size:14px; }
.news-fanokes .fn-heading { font-family:Impact,'Arial Narrow',sans-serif; font-weight:400; font-size:clamp(52px,9vw,76px); line-height:1; letter-spacing:.1px; margin:0; color:var(--fn-text); }
.news-fanokes .fn-dek { margin:15px 0 23px; color:#c8ccc6; font-size:19px; line-height:1.45; max-width:570px; }
.news-fanokes strong { color:var(--fn-text); }
.news-fanokes .fn-result { display:grid; grid-template-columns:minmax(0,1fr) 190px; overflow:hidden; border:1px solid #383e3b; border-radius:12px; background:#1b2020; }
.news-fanokes .fn-score { padding:23px 24px 21px; }
.news-fanokes .fn-label { color:var(--fn-muted); font-size:11px; letter-spacing:1.3px; text-transform:uppercase; margin:0; font-weight:700; }
.news-fanokes .fn-points { margin:6px 0 0; font-family:Impact,'Arial Narrow',sans-serif; font-size:110px; line-height:1; letter-spacing:-1px; color:var(--fn-red); }
.news-fanokes .fn-unit { margin:4px 0 19px; color:#d5d9d2; font-size:11px; letter-spacing:1.8px; text-transform:uppercase; }
.news-fanokes .fn-score-note { color:#b6bcb5; font-size:12px; line-height:1.4; margin:0; }
.news-fanokes .fn-player { overflow:hidden; background:#153446; position:relative; min-height:245px; isolation:isolate; display:flex; flex-direction:column; justify-content:flex-end; }
.news-fanokes .fn-player img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; max-width:none; object-fit:cover; object-position:50% 30%; }
.news-fanokes .fn-player:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,#0b191f 2%,#0b191fc9 22%,#0b191f00 70%); }
.news-fanokes .fn-player-caption { padding:16px; }
.news-fanokes .fn-player-caption strong { display:block; font-family:Impact,'Arial Narrow',sans-serif; font-size:28px; line-height:1.05; font-weight:400; letter-spacing:.2px; }
.news-fanokes .fn-player-caption span { display:block; margin-top:7px; color:#d7dee1; font-size:11px; letter-spacing:.8px; }
.news-fanokes .fn-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:18px 0; border-bottom:1px solid #343a37; }
.news-fanokes .fn-stat { display:flex; flex-direction:column; text-align:center; }
.news-fanokes .fn-stat+.fn-stat { border-left:1px solid #343a37; }
.news-fanokes .fn-stat dd { color:var(--fn-text); margin:0; font-size:31px; line-height:1; font-weight:400; font-family:Impact,'Arial Narrow',sans-serif; }
.news-fanokes .fn-stat dt { font-weight:400; order:2; margin:7px 0 0; font-size:11px; letter-spacing:.6px; text-transform:uppercase; color:var(--fn-muted); }
.news-fanokes .fn-game { margin:10px 0 22px; color:#a2aaa2; font-size:11px; letter-spacing:.5px; text-align:right; line-height:1.4; }
.news-fanokes .fn-copy { margin:0 0 14px; font-size:14px; line-height:1.65; color:#bfc5bc; }
.news-fanokes .fn-verdict { border-left:3px solid var(--fn-red); padding:3px 0 4px 17px; margin:23px 0 26px; }
.news-fanokes .fn-verdict-label { display:block; margin-bottom:9px; font-size:11px; letter-spacing:1.3px; font-weight:700; color:var(--fn-red); text-transform:uppercase; }
.news-fanokes .fn-verdict p { margin:0; font-size:24px; line-height:1.3; font-weight:700; letter-spacing:-.3px; }
.news-fanokes details { border-top:1px solid #343a37; }
.news-fanokes summary { min-height:50px; display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; cursor:pointer; color:#d7ddd3; font-size:12px; font-weight:700; }
.news-fanokes summary::-webkit-details-marker { display:none; }
.news-fanokes summary span { display:flex; align-items:center; gap:9px; }
.news-fanokes summary i { display:inline-block; font-size:16px; }
.news-fanokes details[open] .fn-expand { transform:rotate(45deg); }
.news-fanokes .fn-receipts { padding:3px 0 16px; }
.news-fanokes table { width:100%; border-collapse:collapse; font-size:12px; font-variant-numeric:tabular-nums; }
.news-fanokes th,.news-fanokes td { padding:11px 3px; border-bottom:1px solid #303632; text-align:right; }
.news-fanokes th { color:var(--fn-muted); font-weight:400; font-size:11px; }
.news-fanokes th:first-child,.news-fanokes td:first-child { text-align:left; }
.news-fanokes tr:last-child td { color:#ff858a; }
.news-fanokes .fn-source { color:#a7b0a6; font-size:11px; line-height:1.6; margin:12px 0 0; }
.news-fanokes a { color:#d9e4dc; text-decoration:underline; text-underline-offset:3px; }
.news-fanokes .fn-footer { padding:18px 30px; background:#171b18; border-top:1px solid #303731; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; color:#9ca79b; font-size:11px; letter-spacing:1px; text-transform:uppercase; }
@media(max-width:520px) {
 .news-fanokes .fn-masthead { margin:0 18px; padding:22px 0 18px; font-size:11px; letter-spacing:.5px; }
 .news-fanokes .fn-story { padding:23px 18px 16px; }
 .news-fanokes .fn-team { gap:14px; margin-bottom:21px; }
 .news-fanokes .fn-avatar { width:84px; height:84px; }
 .news-fanokes .fn-team-name { font-size:20px; }
 .news-fanokes .fn-heading { font-size:52px; }
 .news-fanokes .fn-dek { font-size:16px; }
 .news-fanokes .fn-result { grid-template-columns:minmax(0,1fr) 112px; }
 .news-fanokes .fn-score { container-type:inline-size; padding:20px 12px 17px; }
 .news-fanokes .fn-label { letter-spacing:.6px; }
 .news-fanokes .fn-points { font-size:56px; font-size:clamp(34px,54cqw,78px); margin-top:10px; }
 .news-fanokes .fn-unit { letter-spacing:.4px; font-size:11px; margin-bottom:17px; }
 .news-fanokes .fn-player { min-height:230px; }
 .news-fanokes .fn-player-caption { padding:13px 9px; }
 .news-fanokes .fn-player-caption strong { font-size:22px; }
 .news-fanokes .fn-player-caption span { font-size:11px; line-height:1.5; letter-spacing:0; }
 .news-fanokes .fn-stat dt { font-size:11px; letter-spacing:0; }
 .news-fanokes .fn-copy { font-size:14px; }
 .news-fanokes .fn-verdict p { font-size:22px; }
 .news-fanokes .fn-footer { padding:17px 18px; }
}