
body.s-manga{background-color:#ffef99;background-image:radial-gradient(#e6510022 2px,transparent 2px);background-size:16px 16px;color:#111}
.comic-page{max-width:940px;margin:0 auto;padding:28px 16px 60px;display:grid;gap:28px}
.m-panel{background:#fff;border:5px solid #111;box-shadow:10px 10px 0 #111;padding:28px 22px;position:relative;overflow:hidden}
.m-cover{background:#ffe119;text-align:center;padding:44px 20px}
.m-rays{position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg,#ff450044 0 4deg,transparent 4deg 10deg);animation:mspin 60s linear infinite;pointer-events:none}
@keyframes mspin{to{transform:rotate(360deg)}}
.m-series{position:relative;display:inline-block;background:#111;color:#ffe119;font-weight:900;font-size:.92rem;padding:.35em 1.2em;border:3px solid #fff;box-shadow:4px 4px 0 #111;margin-bottom:1rem}
.m-title{position:relative;font-weight:900;font-size:clamp(2.2rem,6.5vw,4rem);line-height:1.15;color:#fff;-webkit-text-stroke:7px #111;paint-order:stroke fill;text-shadow:6px 6px 0 #111;margin:.2rem 0 1rem}
.m-title span{color:#ff2a00}
.m-tag-box{position:relative;display:inline-block;background:#fff;border:4px solid #111;box-shadow:6px 6px 0 #111;padding:.4em 1.4em;font-weight:900;font-size:1.25rem;margin-bottom:1.8rem;transform:rotate(-1deg)}
.m-cover-phones{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:14px;margin:0 auto 2rem;max-width:640px}
.m-cover-phones img{width:30%;max-width:190px;border-radius:20px;border:4px solid #111;box-shadow:6px 6px 0 #111;background:#111}
.mcp-2{transform:scale(1.08);z-index:3}
.mcp-1{transform:rotate(-4deg)}
.mcp-3{transform:rotate(4deg)}
.m-cover-cta{position:relative;z-index:2}
.s-manga .cta{background:#ff2200;border:4px solid #111;box-shadow:7px 7px 0 #111;border-radius:14px}
.m-fine{position:relative;font-size:.8rem;font-weight:700;margin-top:.8rem}

.m-episodes{display:grid;gap:28px}
.m-strip{background:#fff;border:5px solid #111;box-shadow:10px 10px 0 #111;padding:20px}
.ms-header{display:flex;align-items:center;gap:12px;border-bottom:4px solid #111;padding-bottom:10px;margin-bottom:18px}
.ms-header span{background:#111;color:#ffe119;font-weight:900;padding:.2em .8em;font-size:.9rem}
.ms-header strong{font-size:1.2rem;font-weight:900}
.ms-panels{display:grid;grid-template-columns:.85fr 1.35fr;gap:18px}
@media(max-width:760px){.ms-panels{grid-template-columns:1fr}}
.mp-bad{border:4px solid #111;background:repeating-linear-gradient(135deg,#e2e8f0,#e2e8f0 10px,#cbd5e1 10px,#cbd5e1 20px);padding:20px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.mp-bad-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.mp-sfx-bad{font-weight:900;font-size:1.65rem;color:#38bdf8;-webkit-text-stroke:5px #111;paint-order:stroke fill;text-shadow:3px 3px 0 #111}
.mp-label-bad{font-size:.8rem;font-weight:900;background:#111;color:#fff;padding:.25em .75em}
.mp-bubble-bad{background:#fff;border:4px solid #111;border-radius:20px;padding:20px 18px;font-weight:900;font-size:1.22rem;line-height:1.5;box-shadow:5px 5px 0 #111;text-align:center}
.mp-bad-sub{font-size:.85rem;font-weight:900;color:#334155;text-align:center;background:rgba(255,255,255,.75);padding:.4em;border-radius:8px;border:2px dashed #475569}
.mp-good{border:4px solid #111;background:#fff6b3;padding:18px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:center}
@media(max-width:540px){.mp-good{grid-template-columns:1fr}}
.m-rays-sm{position:absolute;inset:-50%;background:repeating-conic-gradient(from 0deg,#ff660028 0 5deg,transparent 5deg 12deg);pointer-events:none}
.mp-good-left,.mp-good-shot{position:relative;z-index:2}
.mp-sfx-good{display:inline-block;font-weight:900;font-size:1.5rem;color:#ff2200;-webkit-text-stroke:5px #111;paint-order:stroke fill;text-shadow:3px 3px 0 #111;margin-bottom:8px}
.mp-bubble-good{background:#fff;border:4px solid #111;border-radius:22px;padding:16px;box-shadow:5px 5px 0 #111;font-weight:900;font-size:1.08rem;line-height:1.55}
.mp-badge-good{display:inline-block;background:#ff2200;color:#fff;font-size:.78rem;font-weight:900;padding:.2em .7em;border:2px solid #111;margin-bottom:6px}
.mp-good-shot{text-align:center}
.mp-good-shot img{max-width:165px;margin:0 auto;border-radius:18px;border:3px solid #111;box-shadow:4px 4px 0 #111}
.mp-good-shot span{display:block;font-size:.72rem;font-weight:900;margin-top:6px;background:#fff;border:2px solid #111;padding:2px 6px}

.mw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.mw-card{border:3px solid #111;background:#fffdf0;padding:14px;box-shadow:4px 4px 0 #111}
.mw-num{font-weight:900;font-size:.82rem;color:#ff2200;margin-bottom:4px}
.mw-card h3{font-size:1rem;font-weight:900;margin-bottom:4px}
.mw-card p{font-size:.85rem;font-weight:700;color:#333;line-height:1.5}
.mw-sample{margin-top:20px;border:3px solid #111;background:#ffe119;padding:16px}
.mw-sample h3{font-size:.98rem;font-weight:900;margin-bottom:10px}
.mw-pills{display:flex;flex-wrap:wrap;gap:8px}
.mw-pills span{background:#fff;border:2px solid #111;padding:.3em .8em;font-weight:900;font-size:.88rem;box-shadow:2px 2px 0 #111}

.m-price{text-align:center;background:#181310;color:#fff}
.mp-big-price{position:relative;font-size:clamp(3rem,8vw,5rem);font-weight:900;color:#ffe119;line-height:1.1;margin:.3rem 0}
.mp-big-price small{font-size:.35em;color:#fff}
.mp-trial{position:relative;font-size:1.3rem;font-weight:900;color:#ff854d;margin-bottom:.5rem}
.s-manga details{border:4px solid #111;box-shadow:5px 5px 0 #111;border-radius:10px}
