:root{color-scheme:dark;--bg:#0a151e;--deep:#081119;--panel:#12232a;--jade:#203a3b;--gold:#b99861;--light:#e6d7b4;--muted:#b5ae99;--cyan:#91c7c6;--line:#746346;--serif:Georgia,'Times New Roman',serif;--sans:Arial,sans-serif;--hair:rgba(185,152,97,.26)}
*,*::before,*::after{box-sizing:border-box}body{margin:0;min-width:300px;background:var(--bg);color:var(--light);font:16px/1.6 var(--sans)}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip{position:absolute;left:12px;top:-100px;z-index:20;background:var(--deep);padding:10px}.skip:focus{top:12px}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px max(24px,calc((100vw - 1280px)/2));background:#09151c;border-bottom:1px solid var(--hair)}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--serif);font-size:21px}.site-header nav{display:flex;gap:32px;align-items:center;color:var(--muted);font-size:14px}.site-header nav a:hover,.site-header nav [aria-current]{color:var(--light);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:9px}.menu-toggle{display:none}.site-footer{border:0;border-top:1px solid var(--hair);font-size:13px;color:var(--muted);margin-top:72px}.site-footer .brand{color:var(--light);font-size:17px}
.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.hero{position:relative;min-height:610px;display:grid;align-items:center;overflow:hidden;background:#0b1720;border-bottom:1px solid var(--hair)}.hero-art{position:absolute;inset:0 0 0 38%;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 33%;opacity:.82}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08131b 8%,#0a151ef5 32%,#0a151e64 65%,#09141b28),linear-gradient(0deg,#0a151e 0%,transparent 37%);pointer-events:none}.hero-inner{z-index:1;position:relative;padding:92px 0 104px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:700;color:var(--gold);margin:0 0 14px}.hero h1{font:normal clamp(58px,8vw,112px)/.94 var(--serif);letter-spacing:-.062em;max-width:730px;margin:0 0 24px;text-wrap:balance}.hero .intro{font-size:18px;max-width:440px;color:var(--light);margin:0 0 29px}.hero-actions,.filter-row,.inline-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid var(--line);padding:11px 18px;color:var(--light);background:#101f25;font-size:14px;line-height:1.35;min-height:44px}.button:hover{border-color:var(--gold);background:var(--jade)}.button.primary{background:var(--gold);color:#0a151e;border-color:var(--gold);font-weight:700}.button.primary:hover{background:#d5b77e}.art-credit{position:absolute;z-index:1;bottom:26px;right:max(24px,calc((100vw - 1280px)/2));font:17px var(--serif);color:var(--light);text-shadow:0 2px 10px #000}.section{padding:64px 0 0}.page-head{padding:64px 0 28px;border-bottom:1px solid var(--hair);margin-bottom:28px}.page-head h1,.section h2{font:normal clamp(34px,5vw,56px)/1.08 var(--serif);letter-spacing:-.035em;margin:0 0 12px}.page-head p:not(.eyebrow),.muted{color:var(--muted)}.page-head p{margin-bottom:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.section-head h2{margin-bottom:0}.text-link{color:var(--gold);font-size:14px;white-space:nowrap}.text-link:hover{text-decoration:underline}
.archive-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px}.spotlight{position:relative;min-height:344px;isolation:isolate;overflow:hidden;border:1px solid var(--hair);display:flex;align-items:end;background:var(--panel)}.spotlight img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:-2}.spotlight::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#081119 4%,#08111994 45%,transparent 76%)}.spotlight:hover{border-color:var(--gold)}.spotlight-copy{padding:26px 28px;max-width:100%;overflow-wrap:anywhere}.spotlight h3,.season-link h3,.arena-copy h2{font:normal 33px/1.12 var(--serif);margin:0 0 7px}.spotlight .eyebrow{margin:0 0 7px}.spotlight p{margin:0}.seasons{display:grid;gap:10px}.season-link{padding:19px 20px;border:1px solid var(--hair);display:grid;grid-template-columns:62px 1fr auto;gap:13px;align-items:center;background:linear-gradient(110deg,#1c3032,var(--panel))}.season-link:hover{border-color:var(--gold)}.roman{font:34px var(--serif);color:var(--gold);border-right:1px solid var(--hair);padding-right:10px}.season-link h3{font-size:22px;margin:0}.season-link p{font-size:13px;color:var(--muted);margin:2px 0 0}.season-link .arrow{color:var(--gold)}.arena-teaser{display:grid;grid-template-columns:1fr 1fr;min-height:270px;border:1px solid var(--hair);background:var(--panel);overflow:hidden}.arena-copy{padding:34px}.arena-picture{min-height:220px;background:linear-gradient(90deg,var(--panel),transparent 46%),url('/assets/heroes/mufti/arena.webp') center 19%/cover}.arena-copy p:not(.eyebrow){color:var(--muted);max-width:410px}
.filter-row{justify-content:space-between;margin:20px 0}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tab{background:transparent;color:var(--muted);border:1px solid var(--hair);padding:8px 14px;min-height:42px}.tab.active{border-color:var(--gold);color:var(--light);background:var(--jade)}input,select{background:var(--deep);border:1px solid var(--line);padding:9px 12px;color:var(--light);min-height:42px;border-radius:0}input[type=search]{min-width:250px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hero-card{background:var(--panel);border:1px solid var(--hair);overflow:hidden}.hero-card:hover{border-color:var(--gold)}.hero-card img,.hero-card .placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 28%}.placeholder{display:grid;place-items:center;background:radial-gradient(circle,#28474a,var(--deep));color:var(--gold);font:55px var(--serif)}.hero-card-copy{padding:18px}.hero-card h2{font:26px/1.15 var(--serif);margin:0 0 7px;overflow-wrap:anywhere}.hero-card p{margin:0;color:var(--muted);font-size:14px}.empty{padding:35px 28px;border:1px solid var(--hair);background:var(--panel);color:var(--muted)}.empty strong{display:block;color:var(--light);font:24px var(--serif);margin-bottom:7px}.empty p{margin:0}.ranking-wrap{overflow:auto;border:1px solid var(--hair)}table{width:100%;border-collapse:collapse;text-align:left;min-width:720px}th,td{padding:14px 16px;border-bottom:1px solid var(--hair)}th{color:var(--gold);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:var(--panel)}tr:last-child td{border:0}td a{text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:4px}td:first-child{color:var(--gold);font:24px var(--serif)}.policy{color:var(--muted);font-size:14px;padding:14px 0}.policy summary{color:var(--gold);cursor:pointer}.policy p{max-width:840px}
.profile-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:34px;align-items:start}.profile-art{position:relative;overflow:hidden;border:1px solid var(--hair);background:var(--panel)}.profile-art img{width:100%;max-height:720px;object-fit:cover;object-position:center top}.profile-art .placeholder{aspect-ratio:4/5}.profile-copy h1{font:normal clamp(35px,5vw,66px)/1.04 var(--serif);margin:14px 0;letter-spacing:-.035em;overflow-wrap:anywhere}.profile-copy h2,.panel h2{font:normal 26px var(--serif)}.profile-copy>.muted{margin:0 0 24px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--hair);background:var(--panel);margin:0 0 24px}.stat-grid div{padding:13px 16px;border-bottom:1px solid var(--hair);border-right:1px solid var(--hair)}.stat-grid dt{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.stat-grid dd{font:19px/1.22 var(--serif);margin:3px 0 0;overflow-wrap:anywhere}.detail-list{margin:0}.detail-list div{display:grid;grid-template-columns:minmax(110px,.65fr) minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--hair)}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;overflow-wrap:anywhere}.media-dialog{width:min(92vw,880px);max-height:92vh;background:var(--deep);border:1px solid var(--gold);color:var(--light);padding:16px}.media-dialog::backdrop{background:#02080de8}.media-dialog .close{margin-left:auto;display:block;margin-bottom:10px}.media-dialog img,.media-dialog video{max-height:78vh;margin:auto;object-fit:contain}.arena-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.arena-metrics div{border:1px solid var(--hair);background:var(--panel);padding:18px}.arena-metrics strong{font:34px var(--serif);display:block}.arena-metrics span{color:var(--muted);font-size:13px}.battle-list{display:grid;gap:12px}.battle-card{border:1px solid var(--hair);background:var(--panel);padding:22px}.battle-card h2{font:28px var(--serif);margin:0}.panel{background:var(--panel);border:1px solid var(--hair);padding:24px}.loading{padding:50px 32px;color:var(--muted)}.back{display:inline-block;margin:28px 0 22px;color:var(--gold)}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.site-header,.site-footer{padding:15px 18px}.site-header nav{gap:14px}.hero{min-height:560px}.hero-art{inset:0 0 0 24%}.hero::after{background:linear-gradient(90deg,#08131be8 8%,#0a151eac 45%,#0a151e24),linear-gradient(0deg,#0a151e 0%,transparent 40%)}.archive-layout,.profile-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-top:46px}.profile-art img{max-height:520px}.arena-copy{padding:25px}}
@media(max-width:560px){.site-header{position:relative;flex-wrap:wrap}.site-header .brand{font-size:18px}.menu-toggle{display:block;background:none;color:var(--light);border:1px solid var(--hair);padding:6px 12px}.site-header nav{display:none;width:100%;justify-content:space-between;padding:8px 0}.site-header nav.open{display:flex}.site-footer{flex-wrap:wrap}.site-footer>span{display:none}.hero{min-height:565px;align-items:end}.hero-art{inset:0}.hero-art img{object-position:50% 20%;opacity:.73}.hero::after{background:linear-gradient(0deg,#08131b 2%,#08131be9 34%,#08131b38 79%)}.hero-inner{padding:190px 0 55px}.hero h1{font-size:clamp(52px,13vw,74px)}.hero .intro{font-size:16px}.art-credit{display:none}.section-head{align-items:start}.section-head h2{font-size:32px}.grid{grid-template-columns:1fr}.arena-teaser{grid-template-columns:1fr}.arena-picture{order:-1;min-height:150px;background:linear-gradient(0deg,var(--panel),transparent 46%),url('/assets/heroes/mufti/arena.webp') center 20%/cover}.arena-metrics{gap:6px}.arena-metrics div{padding:11px}.arena-metrics strong{font-size:27px}.filter-row{align-items:stretch}.filter-row input{width:100%;min-width:0}.profile-copy h1{font-size:40px}.page-head{padding-top:42px}.stat-grid div{padding:10px 12px}.stat-grid dd{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}