/* Strange Stuff: the "redacted" story pages (a blacked-out sheet, sharp in the middle, blurred at the edges). */
.rd-sheet {
    position: relative;
    max-width: 640px;
    margin: 28px auto 18px;
    aspect-ratio: 4 / 3;
    background: #f4f1e8;
    border: 1px solid #cfc9b8;
    border-radius: 6px;
    box-shadow: var(--shadow);
    overflow: hidden;
}
.rd-layer { position: absolute; inset: 0; padding: 22px 26px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; }
.rd-bar { display: block; height: 14px; margin: 0; background: #111; border-radius: 2px; }
.rd-bar.w40 { width: 40%; } .rd-bar.w55 { width: 55%; } .rd-bar.w70 { width: 70%; }
.rd-bar.w85 { width: 85%; } .rd-bar.w100 { width: 100%; }
.rd-sharp {
    -webkit-mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, #000 40%, transparent 92%);
    mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, #000 40%, transparent 92%);
}
.rd-blur {
    filter: blur(6px);
    -webkit-mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, transparent 38%, #000 82%);
    mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, transparent 38%, #000 82%);
}
.rd-stamp {
    position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%) rotate(-6deg);
    padding: 6px 22px 8px;
    border: 5px solid #b3202a; border-radius: 6px;
    background: rgba(244, 241, 232, 0.93);
    color: #b3202a; text-align: center; white-space: nowrap;
}
.rd-stamp strong { display: block; color: #b3202a; font-size: clamp(1.7rem, 8vw, 3.2rem); font-weight: 900; letter-spacing: 0.14em; line-height: 1.1; }
.rd-stamp span { display: block; color: #b3202a; font-family: var(--mono); font-size: clamp(0.62rem, 2.2vw, 0.8rem); font-weight: 700; letter-spacing: 0.16em; }
.rd-word { background: #111; color: #111; padding: 0 0.4em; border-radius: 2px; box-shadow: 0 0 0 1px #8a8f9c; }
.rd-reason { max-width: 640px; margin-left: auto; margin-right: auto; }
.rd-back { margin-top: 22px; }