:root{--ink:#121212;--paper:#f6f3ee;--card:#fff;--red:#d4141c;--red2:#a80f15;--gold:#b8892b;--mut:#6b6660;--line:#ddd6cc;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--cond:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans)}
a{color:inherit}a:hover{color:var(--red)}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.topbar{background:#000;color:#aaa;font:12px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase}.topbar .wrap{display:flex;justify-content:space-between;padding:7px 18px}
.mast{background:var(--ink);color:#fff;border-bottom:4px solid var(--red)}.mast-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:6px;text-decoration:none;font:900 28px/1 var(--cond);letter-spacing:-.01em;text-transform:uppercase}
.brand .b2{color:var(--red)}.brand .b3{font-weight:400;font-size:.7em;letter-spacing:.2em;border:1px solid currentColor;padding:3px 5px 2px}
.brand.sm{font-size:20px}
.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{color:#ddd;text-decoration:none;font:700 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;padding:9px 10px}.nav a:hover{color:#fff;background:#262626}
.nav .nav-bot{background:var(--red);color:#fff}.nav .nav-bot:hover{background:var(--red2)}
.ticker{background:#fff;border-bottom:1px solid var(--line);font-size:13px}.ticker-in{display:flex;gap:14px;align-items:center;overflow:hidden;padding:8px 18px}
.tk-l{background:var(--red);color:#fff;font:800 11px/1 var(--sans);padding:5px 7px;letter-spacing:.1em;flex:none}
.tk-s{display:flex;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.tk-s a{text-decoration:none;font-weight:600}.tk-s span{color:var(--mut);font-weight:400;margin-left:4px}
.demo{background:#fff3cd;text-align:center;font-size:13px;padding:4px}
main{padding:26px 18px 40px}
h1,h2,h3{font-family:var(--serif);line-height:1.15;margin:0 0 .4em}h1{font-size:clamp(30px,4.4vw,48px);letter-spacing:-.01em}h2{font-size:26px}h3{font-size:19px}
.kicker{font:800 12px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--red);margin:0 0 8px}
.lede{font-size:18px;color:#3b3732;max-width:62ch}.meta{color:var(--mut);font-size:14px;margin:0 0 10px}.fine{color:var(--mut);font-size:12.5px}
.src{display:inline-block;font:600 11px/1.3 var(--sans);color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.missing{background:#fff;border:1px dashed var(--line);padding:12px 14px;color:var(--mut);font-size:14px;border-radius:4px}
.red{color:var(--red);font-weight:700}
/* hero bot */
.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:center;background:var(--ink);color:#fff;padding:30px;border-radius:6px;position:relative;overflow:hidden;margin-bottom:28px}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.025) 22px 44px);pointer-events:none}
.hero:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border:28px solid var(--red);border-radius:50%;opacity:.18}
.hero h1{font-size:clamp(28px,3.6vw,42px)}.hero .lede{color:#cfcac3;font-size:16px}
.hero-chat{position:relative;z-index:1;background:#1d1d1d;border:1px solid #333;border-radius:6px;padding:14px}
.chat-log{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.msg{padding:9px 12px;border-radius:6px;font-size:14.5px;max-width:92%}.msg.me{align-self:flex-end;background:var(--red);color:#fff}.msg.bot{background:#f1ede6;color:var(--ink)}
.hero .msg.bot{background:#2a2a2a;color:#eee}.msg a{color:var(--red);font-weight:600}.hero .msg a{color:#ff6b70}
.chat-f{display:flex;gap:8px}.chat-f input{flex:1;min-width:0;font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink)}
.chat-f button,.btn{font:800 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;background:var(--red);color:#fff;border:0;border-radius:4px;padding:0 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.chat-f button:hover,.btn:hover{background:var(--red2);color:#fff}.btn{padding:13px 18px;margin-top:10px}
.chat-f.big input{padding:15px 14px;font-size:17px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chips button{font:600 12.5px/1 var(--sans);background:transparent;border:1px solid #555;color:#ddd;border-radius:99px;padding:7px 11px;cursor:pointer}.chips button:hover{border-color:var(--red);color:#fff}
.side-box .chips button{border-color:var(--line);color:var(--ink)}
.chat-note{font-size:11.5px;color:#8f8a84;margin-top:8px}.gk{display:block;margin-top:6px;font-size:11px;color:#8f8a84;font-style:italic}.err{color:var(--red)}.dots{opacity:.7}
/* lead story */
.lead{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;background:var(--card);border-top:5px solid var(--ink);padding:24px;margin-bottom:30px;box-shadow:0 1px 0 var(--line)}
.lead h2{font-size:clamp(28px,3.4vw,40px)}.lead h2 a{text-decoration:none}
.belt-tag{display:inline-block;background:linear-gradient(180deg,#d9b25a,var(--gold));color:#2a1d00;font:800 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;padding:6px 8px;border-radius:3px;margin:0 6px 6px 0}
.vs-strip{display:flex;align-items:stretch;gap:10px;margin:16px 0}.vs-f{flex:1;background:var(--paper);padding:12px;border-left:4px solid var(--ink)}.vs-f:last-child{border-left:0;border-right:4px solid var(--red);text-align:right}
.vs-f b{display:block;font:700 20px/1.1 var(--serif)}.vs-f span{display:block;font:800 24px/1.2 var(--cond);margin-top:4px}.vs-f small{color:var(--mut);font-size:12px}
.vs-x{align-self:center;font:900 22px/1 var(--cond);color:var(--red)}
.lead-pick{font-size:17px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pick-l{font:800 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;background:var(--ink);color:#fff;padding:5px 7px}.pct{font:900 20px/1 var(--cond);color:var(--red)}.conf{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.est{font:700 10.5px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--mut);color:var(--mut);padding:3px 5px;border-radius:2px}
/* sections & cards */
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:3px solid var(--ink);margin:6px 0 16px;flex-wrap:wrap}.sec-h h2{margin:0 0 6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.card{background:var(--card);border-top:4px solid var(--red);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 0 var(--line)}
.card.cancelled{border-top-color:#999;opacity:.75}
.card-k{font:700 11.5px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.07em;color:var(--mut)}.belt{color:var(--gold);font-weight:800}
.card h3{font-size:22px;margin:0}.card h3 a{text-decoration:none}.card h3 i{font-style:normal;color:var(--red);font-size:.75em}
.card-m{font-size:13px;color:var(--mut)}.card-r{display:flex;justify-content:space-between;font-size:14px}.card-r b{font-family:var(--cond);font-size:16px}
.card-p{background:var(--paper);padding:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.card-p.off{color:var(--mut);font-size:13px}
.bar{flex-basis:100%;height:6px;background:var(--ink);border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:var(--red)}
.bar.big{height:12px;flex:1}
.card-go{margin-top:auto;font:800 12px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--red);text-decoration:none}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}
.res{list-style:none;padding:0;margin:0}.res li{padding:9px 0;border-bottom:1px solid var(--line)}.res span{display:block;color:var(--mut);font-size:13px}
.res b.w{color:#137a2a}.res b.l{color:var(--red)}
.tbl{width:100%;border-collapse:collapse;background:var(--card);font-size:14px}.tbl th,.tbl td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.tbl thead th{background:var(--ink);color:#fff;font:700 11.5px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.07em}
.tbl tr.tot td{font-weight:800}.sched tr.cx{opacity:.55}
.rg{margin:30px 0 0;background:#fff;border-left:4px solid var(--ink);padding:12px 14px;font-size:13px;color:#3b3732}.rg a{font-weight:600}
/* fight page */
.crumbs{font-size:13px;color:var(--mut);margin-bottom:12px}.crumbs a{text-decoration:none}
.fight-h{border-bottom:3px solid var(--ink);padding-bottom:12px;margin-bottom:22px}
.fight-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px}
.verdict{background:var(--ink);color:#fff;padding:22px;border-radius:4px;border-left:8px solid var(--red)}.verdict h2{font-size:34px}.verdict .kicker{color:#ff6b70}.verdict .est{color:#bbb;border-color:#777;margin-left:6px}
.verdict.off{background:#fff;color:var(--ink);border-left-color:#999}.verdict .fine{color:#aaa}.verdict .fine a{color:#fff}
.vbar{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:15px}.vbar b{font:900 22px/1 var(--cond)}.vbar .bar{background:#555}
.conf-l{font-size:14px;color:#ddd}
.block{margin-top:30px}.block>h2{border-bottom:3px solid var(--ink);padding-bottom:6px}
.tape{width:100%;border-collapse:collapse;background:var(--card);font-size:15px}.tape td,.tape th{padding:10px;border-bottom:1px solid var(--line)}
.tape td{width:38%;font-weight:600}.tape td:first-child{text-align:right}.tape tbody th{text-align:center;font:700 11px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.07em;color:var(--mut)}
.tape thead th{font:700 20px/1.2 var(--serif);padding:12px 10px}.tape thead th:first-child{text-align:right;border-bottom:4px solid var(--ink)}.tape thead th:last-child{text-align:left;border-bottom:4px solid var(--red)}
.fight-side{display:flex;flex-direction:column;gap:16px}
.side-box{background:var(--card);padding:16px;border-top:4px solid var(--ink)}.side-box h3{font-size:17px}
.side-box dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:14px}.side-box dt{color:var(--mut)}.side-box dd{margin:0;font-weight:600}
.links{margin:0;padding-left:18px}.links li{margin:5px 0}
.page-h{margin-bottom:20px}
.rk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.rk{background:var(--card);padding:14px;border-top:4px solid var(--gold)}
.rk .champ{margin:0 0 6px;font-size:14px}.rk .champ span{display:block;font:700 10.5px/1.2 var(--sans);color:var(--mut);text-transform:uppercase;letter-spacing:.06em}.rk ol{font-size:14px;padding-left:26px}
.prose{max-width:760px}.prose h2{margin-top:1.4em}.prose code{background:#fff;padding:2px 5px}
/* footer */
.foot{background:var(--ink);color:#bbb;padding:30px 0 18px;margin-top:20px;font-size:14px}.foot a{color:#eee}.foot-in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px;margin-bottom:18px}.foot .brand{color:#fff;margin-bottom:10px}
.small{font-size:12px;color:#888;border-top:1px solid #333;padding-top:12px}
/* floating chat */
.chat-fab{position:fixed;right:18px;bottom:18px;z-index:50;background:var(--red);color:#fff;border:0;border-radius:99px;padding:14px 20px;font:800 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer}
.chat-panel{position:fixed;right:18px;bottom:18px;z-index:51;width:min(380px,calc(100vw - 36px));background:#fff;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.3);padding:12px}
.chat-h{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--red);margin:-12px -12px 10px;padding:10px 12px;background:var(--ink);color:#fff;border-radius:8px 8px 0 0}.chat-x{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
/* images */
.ph{margin:0;position:relative;display:flex;flex-direction:column}.ph picture,.ph img{display:block;width:100%;height:auto}.ph img{aspect-ratio:4/5;object-fit:cover;background:#222;border-radius:3px}
.ph-flag{position:absolute;top:6px;left:6px;font-size:20px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.ph.mono{aspect-ratio:4/5;background:linear-gradient(135deg,var(--ink) 0 58%,var(--red) 58% 100%);border-radius:3px;justify-content:center;align-items:center;color:#fff}
.ph.mono .mono-i{font:900 clamp(34px,6vw,64px)/1 var(--cond);letter-spacing:-.02em;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.ph.mono .credit{position:absolute;top:100%;left:0;right:0}
.credit{font:11px/1.35 var(--sans);color:var(--mut);margin-top:4px}.credit a{color:inherit;text-decoration:underline;text-decoration-color:rgba(0,0,0,.25)}
.duo{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:start;margin:0}.duo-f{display:flex;flex-direction:column;gap:6px;min-width:0}.duo-f>b{font:800 18px/1.15 var(--cond);text-transform:uppercase;margin-top:16px}.duo-r{font:700 15px/1 var(--cond);color:var(--mut)}
.duo-vs{align-self:center;background:var(--red);color:#fff;font:900 18px/1 var(--cond);width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-top:-40px}
.lead-art{align-self:center}.duo-fight{max-width:600px;margin:18px 0 6px}
.duo-art{max-width:520px;margin:22px auto;padding:14px;background:var(--card);border-top:4px solid var(--ink)}.duo-art>figcaption{grid-column:1/-1;font-size:12px;color:var(--mut);margin-top:18px}
.card-duo{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.cd-f{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px}.cd-2{flex-direction:row-reverse;text-align:right}.cd-f b{font-family:var(--cond);font-size:16px;display:block}
.cd-f .ph-sm{width:56px;flex:0 0 56px}.cd-f .ph-sm img{border-radius:50%;aspect-ratio:1;object-position:50% 20%}.cd-f .ph-sm.mono{aspect-ratio:1;border-radius:50%}.cd-f .ph-sm .mono-i{font-size:20px}.cd-f .ph-sm .ph-flag{font-size:15px;top:auto;bottom:-3px;left:-3px}.cd-vs{font:800 13px/1 var(--cond);color:var(--red);text-transform:uppercase}
.card-cred{margin:0;font-size:10.5px}
.art-hero{margin:14px 0 18px}.art-hero img{width:100%;height:auto;display:block;border-radius:3px}.art-hero .credit{text-align:right}
.art-thumb{display:block;margin:-16px -16px 6px}.art-thumb img{display:block;width:100%;height:auto;aspect-ratio:1200/630}
.av{display:inline-block;width:28px;height:28px;border-radius:50%;overflow:hidden;vertical-align:middle;background:var(--ink)}.av picture,.av img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}.av.mono{color:#fff;font:800 11px/28px var(--cond);text-align:center}
@media (max-width:600px){.duo{gap:8px}.duo-f>b{font-size:15px}.duo-vs{width:36px;height:36px;font-size:14px}}
@media (max-width:900px){.hero,.lead,.fight-grid,.two,.foot-in{grid-template-columns:1fr}.hero{padding:20px}.topbar span:last-child{display:none}.brand{font-size:22px}}
/* Editorial articles */
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}.btn.ghost:hover{background:var(--ink);color:#fff}
.ed-label{background:var(--paper);border-left:4px solid var(--gold);padding:10px 14px;font-size:14px;color:#3b3732}
.art table{border-collapse:collapse;width:100%;margin:10px 0 18px;background:var(--card);font-size:15px}
.art th,.art td{border-bottom:1px solid var(--line);padding:7px 10px;text-align:left}.art thead th{background:var(--ink);color:#fff;font-family:var(--cond);letter-spacing:.03em}
.art h2{border-bottom:3px solid var(--ink);padding-bottom:4px}.art h3{color:var(--red)}
.art > p:first-of-type + p strong:first-child{font-size:1.05em}
.art-card.top{border-top-color:var(--gold);grid-column:span 2;background:linear-gradient(135deg,#fff 0,#fff 60%,#f5ead2 100%)}.art-card.top h3{font-size:28px}
@media(max-width:700px){.art-card.top{grid-column:auto}}
.crumbs{font-size:13px;color:var(--mut);margin:4px 0 12px}.crumbs a{color:var(--mut)}