.page-content { padding: 8rem 3rem 5rem; max-width: 1100px; margin: 0 auto; }
    .fighter-block { margin-top: 4rem; border: 1px solid rgba(167,0,0,0.25); padding: 2.5rem; position: relative; transition: border-color 0.3s; }
    .fighter-block:hover { border-color: var(--red); }
    .fighter-block::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--red); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }
    .fighter-block:hover::before { transform: scaleX(1); }
    .fighter-top { display: grid; grid-template-columns: 1.2fr 1fr; gap: 3rem; align-items: start; }
    .fighter-number { font-family: var(--hyde); font-size: 0.7rem; letter-spacing: 0.35em; color: var(--red); text-transform: uppercase; margin-bottom: 1rem; }
    .fighter-name { font-family: var(--carnage); font-size: clamp(32px, 4vw, 56px); line-height: 0.95; color: var(--white); margin-bottom: 0.3rem; text-shadow: 0 0 20px rgba(240,236,228,0.35), 0 0 40px rgba(240,236,228,0.12), 1px 1px 0 #000; }
    .fighter-nickname { font-family: var(--bleeding); font-size: clamp(28px, 4vw, 52px); color: var(--red); letter-spacing: 0.05em; margin-bottom: 0.4rem; text-shadow: 0 0 15px rgba(167,0,0,0.8), 0 0 35px rgba(167,0,0,0.4); }
    .fighter-username-line { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.3rem; margin-bottom: 0.6rem; }
    .fighter-username { font-family: var(--carnage); font-size: clamp(16px, 2vw, 24px); letter-spacing: 0.05em; color: var(--white); text-decoration: none; transition: color 0.2s; }
    .fighter-username:hover { color: var(--red); }
    .verified-tick { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; background: #1d9bf0; border-radius: 50%; flex-shrink: 0; }
    .verified-tick::after { content: ''; width: 8px; height: 5px; border-left: 2px solid white; border-bottom: 2px solid white; transform: rotate(-45deg) translateY(-1px); display: block; }
    .fighter-division-weight { font-family: var(--hyde); font-size: clamp(14px, 1.8vw, 22px); color: var(--white); letter-spacing: 0.05em; margin-top: 0.3rem; }
    .fighter-division-sports { font-family: var(--hyde); font-size: 0.75rem; letter-spacing: 0.2em; color: var(--white); text-transform: uppercase; margin-bottom: 1.5rem; margin-top: 0.35rem; }
    .fighter-bio { font-family: var(--jekyll); font-size: 1.15rem; line-height: 2; color: var(--white); margin-bottom: 1.4rem; }
    .fighter-style-label { font-family: var(--hyde); font-size: 0.65rem; letter-spacing: 0.35em; color: var(--red); text-transform: uppercase; margin-bottom: 0.5rem; }
    .fighter-style { font-family: var(--jekyll); font-size: 1.15rem; line-height: 2; color: var(--white); margin-bottom: 1.5rem; }
    .hl-red { color: var(--red); }
    .hl-underline { text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 3px; }
    .hl-both { color: var(--red); text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 3px; }
    .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(167,0,0,0.15); }
    .stat-block { background: var(--black); padding: 1.2rem 1.4rem; border: 1px solid rgba(167,0,0,0.12); }
    .stat-value { font-family: var(--jekyll); font-size: clamp(16px, 2vw, 26px); color: var(--white); line-height: 1; }
    .stat-label { font-family: var(--hyde); font-size: 0.6rem; letter-spacing: 0.25em; color: rgba(240,236,228,0.55); text-transform: uppercase; margin-top: 0.35rem; }
    .evidence-section { margin-top: 2.5rem; border-top: 1px solid rgba(167,0,0,0.2); padding-top: 2rem; }
    .evidence-label { font-family: var(--hyde); font-size: 0.65rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--red); margin-bottom: 1.2rem; }
    .evidence-tabs { display: flex; margin-bottom: 1.5rem; border: 1px solid rgba(167,0,0,0.25); width: fit-content; }
    .ev-tab { font-family: var(--jekyll); font-size: 0.95rem; letter-spacing: 0.15em; padding: 0.6rem 1.5rem; cursor: pointer; color: var(--white); background: transparent; border: none; transition: all 0.2s; text-transform: uppercase; }
    .ev-tab.active { background: var(--red); color: var(--white); }
    .ev-tab:not(.active):hover { color: var(--red); }
    .evidence-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
    .evidence-placeholder { aspect-ratio: 16/9; background: rgba(167,0,0,0.04); border: 1px dashed rgba(167,0,0,0.2); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.5rem; }
    .evidence-placeholder span { font-family: var(--hyde); font-size: 0.55rem; letter-spacing: 0.3em; color: rgba(240,236,228,0.5); text-transform: uppercase; }
    .evidence-placeholder .play-icon { width: 32px; height: 32px; border: 1px solid rgba(167,0,0,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
    .evidence-placeholder .play-icon::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent rgba(167,0,0,0.4); margin-left: 2px; }
    @media (max-width: 768px) { .page-content { padding: 7rem 1.5rem 4rem; } .fighter-top { grid-template-columns: 1fr; gap: 2rem; } .evidence-grid { grid-template-columns: 1fr 1fr; } }

/* ---------- WANTED poster (Kit) ---------- */
.wanted { margin: 0 0 1.5rem; padding: 1.1rem 1.1rem 1.2rem; text-align: center; position: relative; background: #0d0b0b; border: 1px solid rgba(167,0,0,.55); box-shadow: 0 0 0 4px #050404, 0 0 0 5px rgba(167,0,0,.35), 0 18px 50px rgba(0,0,0,.6); transform: rotate(-.6deg); }
.wanted::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 3px); mix-blend-mode: screen; }
.wanted-head { font-family: var(--carnage); font-size: clamp(2.6rem, 7vw, 3.6rem); letter-spacing: .12em; line-height: 1; color: var(--red); text-shadow: 0 0 18px rgba(167,0,0,.6); }
.wanted-sub { font-family: var(--hyde); font-size: .62rem; letter-spacing: .38em; text-transform: uppercase; color: #fff; opacity: .75; margin: .35rem 0 .9rem; }
.wanted-photo { position: relative; border: 2px solid var(--red); line-height: 0; }
.wanted-photo > img:first-child { width: 100%; height: auto; display: block; filter: contrast(1.08) saturate(.9); }
.wanted-photo::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 60px rgba(0,0,0,.55); }
.wanted-exhibit { position: absolute; right: -.7rem; bottom: -1.6rem; width: 34%; height: auto; border: 3px solid #f2eee8; box-shadow: 0 8px 20px rgba(0,0,0,.7); transform: rotate(4deg); z-index: 2; }
.wanted figcaption { margin-top: 2.2rem; }
.wanted-name { font-family: var(--carnage); font-size: 1.35rem; letter-spacing: .08em; color: #fff; text-shadow: 0 0 12px rgba(167,0,0,.7); }
.wanted-crime { font-family: var(--jekyll); font-size: .85rem; color: #fff; opacity: .8; margin: .5rem 0; }
.wanted-reward { font-family: var(--hyde); font-size: .8rem; letter-spacing: .2em; text-transform: uppercase; color: #fff; }
.wanted-reward span { color: var(--red); margin-right: .4rem; }
.wanted + .stats-grid { margin-top: 0; }
/* poster: photos only, above the name */
.wanted-head,.wanted-sub,.wanted figcaption{display:none}
.wanted{width:min(100%,340px);margin:0 auto 1.8rem;padding:.7rem;transform:rotate(-1deg)}
.wanted-exhibit{bottom:-1rem}

.wanted-photo > img:first-child{aspect-ratio:1/1;object-fit:cover;object-position:50% 30%}
.wanted-exhibit{cursor:pointer;transition:transform .2s}
.wanted-exhibit:hover{transform:rotate(2deg) scale(1.05)}
.wanted-photo.swapped > img{animation:posterFlick .45s steps(1,end)}
@keyframes posterFlick{0%{opacity:.2;filter:contrast(1.8) saturate(2) hue-rotate(-20deg)}20%{opacity:1;clip-path:inset(0 0 55% 0)}40%{opacity:.5;clip-path:none}60%{opacity:1;filter:brightness(1.5)}100%{opacity:1;filter:none;clip-path:none}}

/* thumbnail sits below the main photo, not over it */
.wanted-photo{border:0;display:flex;flex-direction:column;align-items:center;gap:.7rem}
.wanted-photo::after{display:none}
.wanted-photo > img:first-child{border:2px solid var(--red);box-shadow:inset 0 0 60px rgba(0,0,0,.55)}
.wanted-exhibit{position:static;width:24%;transform:none;border:2px solid var(--red);box-shadow:none}
.wanted-exhibit:hover{transform:scale(1.05)}

/* ---------- photo spread ---------- */
.wanted-photo{display:block}
.wanted{width:min(100%,360px)}
.wanted-main{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 30%;border:2px solid var(--red);box-shadow:inset 0 0 60px rgba(0,0,0,.55);filter:contrast(1.08) saturate(.9)}
.wanted.swapped .wanted-main{animation:posterFlick .45s steps(1,end)}
.wanted-strip{display:flex;gap:.5rem;margin-top:.7rem;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
.wanted-strip::-webkit-scrollbar{display:none}
.thumb{flex:0 0 auto;width:calc((100% - 1.5rem) / 4);aspect-ratio:1/1;padding:0;border:2px solid rgba(167,0,0,.35);background:#000;cursor:pointer;opacity:.55;transition:opacity .2s,border-color .2s,transform .2s;position:relative}
.thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.thumb:hover{opacity:.9;transform:translateY(-2px)}
.thumb.on{opacity:1;border-color:var(--red);box-shadow:0 0 12px rgba(167,0,0,.7)}
.wanted-main{height:auto}
.wanted-strip{margin-top:.9rem}
.thumb:nth-child(odd){transform:rotate(-1.5deg)}
.thumb:nth-child(even){transform:rotate(1.5deg)}
.thumb:hover,.thumb.on{transform:rotate(0) translateY(-2px)}

/* ---------- polaroid pile ---------- */
.wanted{background:none;border:0;box-shadow:none;padding:0;transform:none;width:min(100%,300px);position:relative;margin:0 auto calc(2.2rem + var(--n,1) * 30px);aspect-ratio:300/356}
.wanted::after{display:none}
.pola{position:absolute;left:0;top:0;width:100%;background:#efe9df;padding:12px 12px 52px;box-shadow:0 14px 30px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.4);cursor:pointer;transform:translateY(calc(var(--d,0) * 30px)) rotate(var(--r,0deg));transition:transform .45s cubic-bezier(.2,.9,.2,1);-webkit-tap-highlight-color:transparent}
.pola img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 30%;background:#111;filter:contrast(1.05) saturate(.92)}
.pola:not(:first-of-type) img{filter:brightness(.7) contrast(1.05)}
.pola:hover{transform:translateY(calc(var(--d,0) * 30px - 6px)) rotate(var(--r,0deg))}
.pola.dev{animation:polaOut .6s cubic-bezier(.2,.9,.2,1)}
.pola.dev img{animation:polaDevelop 1.3s ease-out}
@keyframes polaOut{from{translate:0 -70px;opacity:.4}to{translate:0 0;opacity:1}}
@keyframes polaDevelop{0%{filter:brightness(.15) sepia(1) blur(5px) contrast(.7)}60%{filter:brightness(.7) sepia(.5) blur(2px)}100%{filter:contrast(1.05) saturate(.92)}}
.wanted{margin-bottom:calc(2.2rem + var(--n,1) * 46px);width:min(88%,290px)}
.pola{transform:translate(calc(var(--d,0) * 22px),calc(var(--d,0) * 46px)) rotate(var(--r,0deg))}
.pola:hover{transform:translate(calc(var(--d,0) * 22px),calc(var(--d,0) * 46px - 6px)) rotate(var(--r,0deg))}

/* shuffle: no blur / develop effect */
.pola.dev,.pola.dev img{animation:none}
.pola img,.pola:not(:first-of-type) img{filter:none;transition:none}
.pola.back img{filter:brightness(.72)}
.pola.flying{transition:none}