:root{--comic-paper:#e5dcc6;--comic-ink:#090909;--comic-red:#d51d15;--comic-gold:#ffd000;--comic-blue:#07111b;--motion-fast:180ms;--motion-reveal:720ms}
.stars-comic-page{background:#02060c;color:#f8f2df}
.stars-comic-page .page{position:relative;z-index:1;background:transparent}
.stars-comic-page main,.stars-comic-page header,.stars-comic-page footer,.stars-comic-page .legal-social-note{position:relative;z-index:3}
.stars-comic-page .forum-ive-lines,.stars-comic-page .forum-water-drops,.stars-comic-page .forum-ice-bg{z-index:0}
.stars-comic-page .topbar{z-index:500}
.comic-hero{padding:clamp(44px,8vw,110px) 0 58px;overflow:hidden;background:radial-gradient(circle at 76% 38%,rgba(255,208,0,.12),transparent 30%),repeating-linear-gradient(105deg,transparent 0 22px,rgba(255,255,255,.015) 23px 24px)}
.comic-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(26px,6vw,76px);align-items:center}
.comic-kicker,.chapter{font:900 .76rem/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--comic-gold)}
.comic-hero h1{max-width:820px;margin:.16em 0;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(3.2rem,9vw,8.2rem);font-weight:900;line-height:.82;letter-spacing:-.035em;text-transform:uppercase;text-shadow:5px 5px 0 var(--comic-red),9px 9px 0 #000}
.comic-hero h1 span{color:var(--comic-gold)}
.comic-hero h3{max-width:760px;font-size:clamp(1.15rem,2.2vw,1.8rem);line-height:1.18}
.comic-hero__copy>p{max-width:67ch;font-size:1.05rem;line-height:1.65;color:#ded8c9}
.comic-flight-status{display:inline-flex;align-items:center;max-width:310px;min-height:44px;padding:9px 14px;border:1px dashed rgba(255,208,0,.55);background:rgba(2,6,12,.72);color:#f5df95;font-size:.82rem;font-weight:800;line-height:1.25}
.comic-flight-active .comic-flight-status{color:#fff;background:#8c1015;border-style:solid}
.comic-cover{position:relative;min-height:480px;padding:52px 32px 34px;background:linear-gradient(180deg,rgba(5,5,5,.08),rgba(5,5,5,.9) 82%),url("celebrities/comic-archive-hero.jpg") 72% center/cover;border:7px solid #e9dfc5;clip-path:polygon(4% 0,100% 5%,95% 94%,8% 100%,0 38%);box-shadow:18px 20px 0 rgba(0,0,0,.6);transform:rotate(2deg)}
.comic-cover:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 72% 32%,rgba(255,208,0,.15) 0 1px,transparent 1px 7px);mix-blend-mode:screen}
.comic-cover__issue{position:absolute;top:24px;right:24px;background:var(--comic-gold);color:#080808;padding:8px 10px;font-weight:1000}
.comic-cover strong{position:relative;display:block;margin-top:86px;font:900 clamp(3rem,6vw,5.4rem)/.82 Impact,"Arial Narrow",sans-serif;text-transform:uppercase;text-shadow:4px 4px 0 #000}
.comic-cover p{position:absolute;left:34px;right:42px;bottom:36px;max-width:34ch;font-weight:800;line-height:1.35}
.comic-sfx{position:absolute;right:-6px;top:45%;transform:rotate(-12deg);font:900 2.6rem Impact,sans-serif;color:var(--comic-gold);text-shadow:3px 3px 0 #000}
.comic-intro{padding:34px 0 8px}.comic-archive{padding:24px 0 90px}

/* Irregular character window in the centre; story elements live around its edges. */
.comic-grid{display:grid;grid-template-columns:1fr;gap:clamp(32px,5vw,74px)}
.comic-card{--tilt:0deg;position:relative;grid-column:1!important;min-height:clamp(620px,58vw,820px);overflow:hidden;background:#070707;border:5px solid var(--comic-ink);box-shadow:12px 14px 0 rgba(213,29,21,.78);clip-path:polygon(1% 2%,98% 0,100% 95%,94% 100%,2% 97%,0 13%);isolation:isolate;opacity:0;transform:translate3d(0,48px,0) rotate(var(--tilt));transition:opacity var(--motion-reveal) ease-out,transform var(--motion-reveal) cubic-bezier(.16,1,.3,1)}
.comic-card.is-visible{opacity:1;transform:translate3d(0,0,0) rotate(var(--tilt))}
.comic-card::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 62%,rgba(3,3,3,.34)),url("celebrities/comic-archive-hero.jpg") center/cover no-repeat;filter:saturate(.86) contrast(1.04);transform:scale(1.008)}
.comic-card:nth-child(even)::before{transform:scaleX(-1) scale(1.008)}
.tilt-a{--tilt:-.55deg}.tilt-b{--tilt:.65deg}.tilt-c{--tilt:-.3deg}.tilt-d{--tilt:.4deg}
.comic-media{position:absolute;z-index:1;left:34.2%;top:7.5%;width:34.6%;height:57.5%;overflow:hidden;background:#030303;clip-path:polygon(8% 1%,96% 5%,100% 89%,86% 100%,3% 94%,0 19%);box-shadow:0 0 0 4px rgba(232,220,193,.8),0 14px 32px rgba(0,0,0,.55)}
.comic-media img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.75) contrast(1.2) brightness(.82);transition:filter 360ms ease-out,transform 520ms ease-out}
.comic-card:hover .comic-media img,.comic-card:focus-within .comic-media img{filter:grayscale(.1) contrast(1.1);transform:scale(1.035)}
.comic-copy{position:absolute;inset:0;z-index:2;pointer-events:none}
.comic-copy .chapter{position:absolute;left:3%;top:4%;max-width:28%;margin:0;padding:10px 12px;background:#080808;border:2px solid var(--comic-gold);transform:rotate(-2deg)}
.comic-copy h2{position:absolute;left:3%;bottom:4%;width:43%;margin:0;padding:16px 18px;background:var(--comic-paper);color:var(--comic-ink);border:4px solid #050505;clip-path:polygon(2% 0,100% 4%,96% 100%,0 92%);font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(1.85rem,3.7vw,4.2rem);line-height:.92;text-transform:uppercase;letter-spacing:.005em;pointer-events:auto}
.comic-copy h2 span{display:block;margin-top:.45rem;font:900 .72rem/1.2 system-ui,sans-serif;letter-spacing:.11em;color:#8d1510}
.comic-copy>p:not(.chapter){position:absolute;right:3%;bottom:4%;width:43%;margin:0;padding:17px 19px;background:rgba(229,220,198,.96);color:#080808;border:4px solid #050505;clip-path:polygon(0 5%,97% 0,100% 91%,5% 100%);font-size:clamp(.92rem,1.25vw,1.08rem);font-weight:720;line-height:1.5;pointer-events:auto}
.speech{position:absolute;right:3%;top:4%;max-width:27%;padding:13px 16px;background:#fff;color:#080808;border:3px solid #050505;border-radius:44% 52% 48% 38%/46% 42% 54% 48%;font-weight:900;line-height:1.25;transform:rotate(2deg)}
.speech:after{content:"";position:absolute;left:25px;bottom:-16px;border:10px solid transparent;border-top-color:#050505;transform:rotate(18deg)}
.comic-card::after{position:absolute;z-index:3;right:2%;top:43%;padding:8px 12px;background:#090909;border:2px solid var(--comic-gold);color:#fff;font:950 .7rem/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;transform:rotate(-4deg)}
.comic-card:not(.comic-protagonist):not(.comic-villain):not(.comic-wildcard):not(.comic-divider)::after,.comic-ally::after{content:"КОМАНДА СЕРГЕЯ"}.comic-villain::after{content:"КРОВЬ САКУРЫ";background:#7c0910;border-color:#ff534e}.comic-wildcard::after{content:"СТОРОНА НЕИЗВЕСТНА";background:#322806}
.comic-placeholder .comic-media{display:grid;place-items:center;background:repeating-linear-gradient(-45deg,#0e141d 0 13px,#1b2632 14px 27px)}
.comic-placeholder .comic-media span{font:900 clamp(2rem,4vw,4rem)/.85 Impact,sans-serif;color:rgba(255,208,0,.82);text-align:center;transform:rotate(-7deg)}
.comic-protagonist{border-color:var(--comic-gold);box-shadow:12px 14px 0 var(--comic-red)}.comic-protagonist .comic-media img{object-fit:contain;filter:contrast(1.12) saturate(.9)}

.comic-villains{padding:0 0 72px}.comic-villains__panel{position:relative;padding:clamp(32px,6vw,76px);overflow:hidden;background:radial-gradient(circle at 86% 30%,rgba(213,29,21,.38),transparent 32%),#130609;border:5px solid #7d0d13;box-shadow:12px 14px 0 #050505;clip-path:polygon(2% 0,100% 5%,96% 100%,0 94%)}.comic-villains__panel:before{content:"血";position:absolute;right:5%;top:-18%;font:900 18rem/1 serif;color:rgba(213,29,21,.13)}.comic-villains h2{position:relative;margin:.2em 0;font:900 clamp(3rem,8vw,7.5rem)/.85 Impact,sans-serif;text-transform:uppercase;color:#f5e7d0;text-shadow:5px 5px 0 #690b10}.comic-villains__panel>p{position:relative;max-width:68ch;line-height:1.65}.comic-villains .speech{position:relative;right:auto;top:auto;max-width:620px;margin-top:24px;display:inline-block}
.comic-final{padding:10px 0 100px}.comic-final__panel{padding:clamp(30px,6vw,72px);background:#090909;border:5px solid var(--comic-gold);box-shadow:12px 14px 0 var(--comic-red);clip-path:polygon(0 4%,98% 0,100% 94%,4% 100%)}.comic-final h2{max-width:950px;font:900 clamp(2.2rem,6vw,5.6rem)/.9 Impact,sans-serif;text-transform:uppercase}.comic-final__panel>p{max-width:68ch;line-height:1.65}
.continued-plaque{margin:clamp(34px,6vw,76px) auto 0;width:min(900px,94%);padding:18px 24px;border:6px double #080808;background:var(--comic-paper);color:#080808;text-align:center;font:900 clamp(2.4rem,8vw,7.2rem)/.82 Impact,"Arial Narrow",sans-serif;letter-spacing:.04em;transform:rotate(-1.4deg);box-shadow:8px 9px 0 var(--comic-red)}

@media(max-width:1000px){.comic-hero__grid{grid-template-columns:1fr}.comic-cover{min-height:350px}.comic-card{min-height:720px}.comic-media{left:27%;width:46%}.comic-copy h2,.comic-copy>p:not(.chapter){width:45%}}
@media(max-width:720px){
  .comic-hero{padding-top:28px}.comic-hero h1{text-shadow:3px 3px 0 var(--comic-red),6px 6px 0 #000}.comic-cover{display:none}.comic-flight-status{max-width:100%}
  .comic-grid{gap:30px}.comic-card{display:flex;flex-direction:column;min-height:0;padding:64px 16px 20px;clip-path:polygon(1% 1%,99% 0,100% 97%,4% 100%,0 18%);transform:translate3d(0,28px,0);box-shadow:7px 8px 0 rgba(213,29,21,.72)}
  .comic-card.is-visible{transform:none}.comic-card::before{background-position:62% top;opacity:.72}.comic-card:nth-child(even)::before{transform:scaleX(-1) scale(1.01)}
  .comic-media{position:relative;left:auto;top:auto;width:86%;height:300px;margin:0 auto 18px;flex:none}.comic-copy{position:relative;inset:auto;display:flex;flex-direction:column;gap:12px}
  .comic-copy .chapter,.comic-copy h2,.comic-copy>p:not(.chapter),.speech{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;margin:0;transform:none}
  .comic-copy .chapter{align-self:flex-start}.comic-copy h2{font-size:2.15rem}.comic-copy>p:not(.chapter){font-size:1rem}.speech{align-self:stretch}
  .comic-card::after{top:18px;right:14px}.comic-villains .speech{display:block}.continued-plaque{font-size:clamp(2.1rem,13vw,4rem)}
}
@media(prefers-reduced-motion:reduce){.comic-card{opacity:1;transform:none;transition:none}.comic-media img{transition:none}.stars-comic-page .web-slinger{display:none!important}}