body{margin:0;padding:0}.monthly-cover{height:100svh;min-height:600px;position:relative;isolation:isolate;overflow:hidden;padding:20px 5vw;display:flex;flex-direction:column}.monthly-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 52%;z-index:-2}.monthly-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100b08dc,transparent 72%),linear-gradient(180deg,#100b0870,transparent 40%,#100b08dc)}.cover-masthead>div{font:10px monospace;letter-spacing:.2em;display:flex;justify-content:space-between}.cover-masthead>img{width:min(48vw,460px);height:90px;object-fit:contain;object-position:left;filter:brightness(0) invert(1);margin:12px 0}.cover-masthead h2{font:clamp(28px,4vw,48px)/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.03em;color:#ed7439;margin:0}.cover-masthead p{font:9px monospace;letter-spacing:.25em;margin:6px 0}.cover-features{margin-top:22px;max-width:320px}.cover-features small{font:9px monospace;letter-spacing:.2em;color:#e8b787}.cover-features h3{font:clamp(19px,2vw,27px)/1.05 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:14px 0 4px}.cover-features p{font-size:12px;margin:0;line-height:1.4}.cover-features footer{font:9px/1.8 monospace;letter-spacing:.12em;margin-top:16px}.monthly-cover .cover-check{position:static;margin-top:auto;align-self:center;width:280px;padding:16px 0 0;background:none}.cover-check h1{font-size:15px;margin-bottom:10px}.cover-buttons a,.cover-buttons button{font-size:17px;min-height:44px}.cover-buttons{gap:12px}@media(max-width:600px){.monthly-cover{padding:18px 22px;min-height:620px}.cover-masthead>img{width:80vw;height:70px}.cover-features{max-width:240px;margin-top:16px}.cover-features h3{font-size:20px}.cover-features p{font-size:11px}.monthly-cover .cover-check{width:250px}.cover-masthead>div{font-size:8px}}@media(max-height:730px) and (min-width:601px){.cover-masthead>img{height:60px;margin:8px 0}.cover-features{margin-top:10px}.cover-features h3{font-size:20px;margin-top:10px}.cover-features footer{margin-top:10px}}
.cover-masthead>img{filter:invert(1);mix-blend-mode:screen;width:min(48vw,460px);object-fit:contain;object-position:left}
.cover-masthead{position:relative;text-align:center}.cover-masthead>img{width:min(86vw,900px);height:clamp(80px,17vh,155px);object-position:center;display:block;margin:4px auto 0;filter:invert(1);mix-blend-mode:screen}.cover-features{margin-top:12px}.cover-bottom-title{margin-top:auto;text-align:center;align-self:stretch;padding-top:12px}.cover-bottom-title h2{font:900 clamp(60px,12vw,160px)/.83 Impact,'Arial Narrow',sans-serif;letter-spacing:-.025em;transform:skew(-8deg) rotate(-2deg);margin:0;color:#ed632b;text-shadow:2px 3px #4f130d,4px 7px #200807; background:repeating-linear-gradient(173deg,#f87731 0 17px,#c23c19 18px 19px,#f87731 20px 38px);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 #3c110b)}.cover-bottom-title p{font:9px monospace;letter-spacing:.4em;margin:16px 0 0}.monthly-cover .cover-check{margin-top:10px;padding-top:0}.cover-check h1{font-size:12px}.cover-buttons a,.cover-buttons button{font-size:15px;min-height:40px}.monthly-cover:after{background:linear-gradient(90deg,#100b0899,transparent 65%),linear-gradient(180deg,#100b0880,transparent 28%,transparent 57%,#100b08dd)}@media(max-width:600px){.cover-masthead>img{width:100%;height:90px}.cover-bottom-title h2{font-size:17vw}.cover-features h3{font-size:17px;margin-top:10px}.cover-features p{font-size:10px}.cover-features footer{font-size:8px}.cover-bottom-title p{font-size:8px;letter-spacing:.2em}.monthly-cover{min-height:660px}}
.cover-features{max-width:440px}.cover-features h3{font-size:clamp(22px,3vw,39px);text-shadow:0 2px 12px #000;margin-top:14px}.cover-features p{font-size:12px;color:#eee2cf}.cover-features footer{font-size:11px;font-weight:bold}.cover-barcode{position:absolute;bottom:24px;left:5vw;width:108px;padding:7px;background:#e7ddc5;color:#171711}.cover-barcode span{display:block;height:36px;background:repeating-linear-gradient(90deg,#171711 0 2px,transparent 2px 4px,#171711 4px 5px,transparent 5px 8px,#171711 8px 12px,transparent 12px 14px,#171711 14px 15px,transparent 15px 19px)}.cover-barcode small{display:block;font:8px monospace;text-align:center;margin-top:4px}@media(max-width:600px){.cover-features h3{font-size:22px}.cover-features{max-width:290px}.cover-barcode{width:48px;left:12px;bottom:20px;padding:4px}.cover-barcode span{height:27px}.cover-barcode small{font-size:5px}.cover-features footer{font-size:9px}}
.cover-masthead>img{width:100%;max-width:none;height:clamp(140px,23vw,245px);object-fit:cover;object-position:50% 49%;margin:0 auto;filter:invert(1);mix-blend-mode:screen}.cover-masthead{flex-shrink:0}.cover-features{margin-top:0}@media(max-width:600px){.cover-masthead>img{width:100%;height:25vw;min-height:90px;object-fit:cover;object-position:50% 49%}}@media(max-height:760px) and (min-width:601px){.cover-masthead>img{height:180px}.cover-features h3{font-size:26px;margin-top:10px}.cover-bottom-title h2{font-size:100px}}
.cover-masthead>img{object-position:50% 43%}.cover-features h3{font-size:clamp(22px,2.5vw,30px);margin-top:10px}.cover-bottom-title h2{font-size:clamp(60px,11vw,125px)}@media(max-width:600px){.cover-masthead>img{object-position:50% 43%}.cover-bottom-title h2{font-size:17vw}}
.cover-wordmark{display:block;width:100%;height:auto;max-height:26svh;margin:8px auto 0;filter:invert(1);mix-blend-mode:screen}
.cover-bottom-title h2{transform:rotate(-1deg);background:none;-webkit-text-fill-color:initial;text-shadow:none;filter:none;line-height:0}
.cover-bottom-title h2 svg{display:block;width:100%;height:auto;max-height:17svh;overflow:visible}
@font-face{font-family:CoverHorror;src:local('BloodLust');font-display:swap}
.cover-bottom-title text{font-family:CoverHorror,Impact,'Arial Narrow',sans-serif;font-weight:normal}
.monthly-cover>img{transform-origin:65% 48%;animation:cover-drift 24s ease-in-out infinite alternate;will-change:transform}
.monthly-cover:before{content:'';position:absolute;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 45%,#ff702a25,transparent 48%);mix-blend-mode:screen;animation:cover-light 17s ease-in-out infinite alternate}
.cover-motion{position:absolute;right:20px;bottom:24px;border:1px solid #e7ddc566;color:#e7ddc5;background:#100b0880;padding:9px 11px;font:9px monospace;letter-spacing:.1em;cursor:pointer}
.cover-motion:focus-visible{outline:2px solid #ff702a;outline-offset:4px}
.monthly-cover.motion-paused>img,.monthly-cover.motion-paused:before{animation-play-state:paused}
@keyframes cover-drift{from{transform:scale(1)}to{transform:scale(1.065) translate(-.6%,.4%)}}
@keyframes cover-light{from{opacity:.25;transform:translateX(-3%)}to{opacity:.7;transform:translateX(3%)}}
@media(prefers-reduced-motion:reduce){.monthly-cover>img,.monthly-cover:before{animation:none}}
@media(max-width:600px){.cover-motion{right:10px;bottom:20px;padding:7px;font-size:8px}}
/* Larger blood-red issue title, including the small shared-cover view. */
.cover-bottom-title h2 svg{height:clamp(110px,19vw,190px);max-height:21svh;overflow:visible}
.cover-bottom-title text{fill:#d9252b;stroke:#d9252b;stroke-width:1.2px;paint-order:stroke fill}
.cover-bottom-title text{font-family:'true-gore',Impact,sans-serif!important;font-weight:400;filter:none;fill:#d9252b;stroke:none}
.cover-bottom-title .blood-title text{fill:#d9252b;stroke:none}.cover-bottom-title h2 .blood-title{height:clamp(116px,20vw,205px);max-height:23svh;filter:drop-shadow(0 3px 2px #30020baa)}.cover-bottom-title:has(.blood-title) p{margin-top:4px}
@media(max-width:600px){.monthly-cover:has(.blood-title) .cover-motion{position:relative;right:auto;bottom:auto;align-self:flex-end;margin-top:12px;flex-shrink:0}}
.monthly-cover:has(.blood-title) .cover-bottom-title{position:absolute;left:5vw;right:5vw;bottom:94px;padding:0;margin:0}.monthly-cover:has(.blood-title) .cover-check{position:absolute;top:auto;bottom:18px;left:50%;transform:translateX(-50%);margin:0;padding:0}.monthly-cover:has(.blood-title) .cover-wordmark{max-height:23svh}.monthly-cover:has(.blood-title) .cover-buttons a,.monthly-cover:has(.blood-title) .cover-buttons button{min-height:44px}@media(max-height:780px){.monthly-cover:has(.blood-title) .cover-features h3{font-size:22px;margin-top:9px}.monthly-cover:has(.blood-title) .cover-features p{font-size:10px}.monthly-cover:has(.blood-title) .cover-features footer{font-size:9px;margin-top:10px}.monthly-cover:has(.blood-title) .blood-title{max-height:19svh}}
