/* =====================================================================
   Circul8r · the series (every issue): Meet the cast page, issue covers, the cover box on the splash.
   ===================================================================== */
.cast-head .lede{max-width:46rem}
.iss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.iss-cover{background:var(--sky);color:#fff;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--hot);padding:12px;display:flex;flex-direction:column;gap:8px;position:relative}
.iss-cover.is-cur::after{content:"THIS ISSUE";position:absolute;top:-12px;right:10px;background:var(--acc);color:var(--ink);font:400 8px/1 var(--font-px);padding:5px 6px;border:2px solid var(--ink)}
.ic-top{display:flex;justify-content:space-between;align-items:center;background:var(--hot);color:#fff;padding:6px 8px;border:2px solid var(--ink)}
.ic-top b{font:400 1.5rem/1 var(--font-display);letter-spacing:.04em}
.ic-top span{font:400 14px var(--font-px)}
.ic-art{display:flex;align-items:flex-end;gap:6px;background:rgba(255,255,255,.08);border:2px dashed rgba(255,255,255,.35);padding:10px;min-height:96px}
.ic-sp{flex:1}.ic-sp svg{width:100%;height:auto;max-height:80px;image-rendering:pixelated}
.iss-cover h3{font:400 1.8rem/1 var(--font-display);letter-spacing:.03em;margin:0;color:var(--acc)}
.iss-cover p{margin:0;font:12px/1.5 var(--font-mono);color:#e6f0ff}
.iss-halloween{background-image:radial-gradient(circle at 80% 30%,#e31b23 0 22%,transparent 23%)}
.iss-fall{background-image:radial-gradient(circle at 82% 28%,#f77f00 0 20%,transparent 21%)}
.cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.cast-card{display:grid;grid-template-columns:100px 1fr;gap:12px;background:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--tblue);padding:12px}
.cast-card.is-new{box-shadow:5px 5px 0 var(--red-hot)}
.cast-card.is-next{background:#dfe8f5;border-style:dashed}
.cast-art{display:grid;place-items:center;background:#0f2350;border:2px solid var(--ink);min-height:96px}
.cast-art svg{width:84px;height:auto;image-rendering:pixelated}
.cast-q{font:400 9px var(--font-px);fill:#2fe0a0}
.cast-role{font:400 8px/1.6 var(--font-px);text-transform:uppercase;color:var(--red-hot)}
.cast-card h3{font:400 1.6rem/1 var(--font-display);letter-spacing:.03em;margin:.2rem 0 .3rem;color:var(--tblue)}
.cast-card p{margin:0;font-size:14px;line-height:1.5}
.cast-debut{display:block;margin-top:6px;font:12px var(--font-mono);color:var(--steel)}
.cast-rules{margin-top:16px}
/* comic cover corner box on the splash */
.sp-cover{position:absolute;top:18px;left:18px;z-index:3;display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:center;background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--red-hot);padding:8px 10px;text-decoration:none;transform:rotate(-3deg)}
.sp-cover b{grid-column:1/-1;font:400 1.4rem/1 var(--font-display);letter-spacing:.05em;color:var(--tblue)}
.spc-n{grid-row:2/4;font:400 2.4rem/1 var(--font-display);color:var(--red-hot)}
.spc-m,.spc-p{font:400 8px/1.5 var(--font-px)}
.spc-go{grid-column:1/-1;font:700 11px var(--font-mono);text-decoration:underline;margin-top:2px}
.sp-cover:hover{transform:rotate(0)}
@media (max-width:640px){.sp-cover{position:relative;top:auto;left:auto;margin:12px 16px 30px;width:max-content;transform:rotate(-2deg)}}
.iss-winter{background-image:radial-gradient(circle at 82% 28%,#eef5ff 0 18%,transparent 19%)}