/* =====================================================================
   SCARY SKY — jagged panels, storm flicker, lightning flashes
   ===================================================================== */
.rz-theme-scarysky { --accent: #ff4d4d; --accent2: #ff9142; color: #f5e6e6; background: #100404; }

.rz-theme-scarysky .rz-showcase-bg {
  background:
    radial-gradient(ellipse at 15% 20%, rgba(255,77,77,0.2), transparent 55%),
    radial-gradient(ellipse at 85% 75%, rgba(255,145,66,0.14), transparent 55%),
    linear-gradient(160deg, #1a0505 0%, #0c0202 60%, #1a0505 100%);
  animation: scaryDrift 7s ease-in-out infinite alternate;
}
@keyframes scaryDrift { from { filter: brightness(0.95); } to { filter: brightness(1.12); } }
.rz-theme-scarysky .rz-showcase-bg::before {
  content: ''; position: fixed; inset: 0; background: #fff; opacity: 0; z-index: 5; pointer-events: none;
  animation: scaryLightning 8s infinite;
}
@keyframes scaryLightning {
  0%, 92%, 100% { opacity: 0; }
  93% { opacity: 0.4; } 93.4% { opacity: 0; } 93.8% { opacity: 0.55; } 94.2% { opacity: 0; }
}
.rz-theme-scarysky .rz-floating-particles {
  background-image: repeating-linear-gradient(115deg, rgba(255,77,77,0.07) 0 2px, transparent 2px 60px);
  animation: scaryRain 1.1s linear infinite;
}
@keyframes scaryRain { from { background-position: 0 0; } to { background-position: -120px 260px; } }

/* ---------- Hero: jagged clipped avatar, torn badge ---------- */
.rz-theme-scarysky .rz-hero-overlay { background: linear-gradient(180deg, rgba(16,4,4,0.2) 0%, rgba(16,4,4,0.6) 55%, #100404 100%); }
.rz-theme-scarysky .rz-hero-avatar { border-radius: 8px; clip-path: polygon(6% 0, 100% 0, 100% 88%, 92% 100%, 0 100%, 0 12%); border: 3px solid var(--accent); box-shadow: 0 0 40px rgba(255,77,77,0.5); }
.rz-theme-scarysky .rz-hero-badge { color: #ffd9d9; background: rgba(255,77,77,0.12); border-color: var(--accent); clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%); font-weight: 800; text-transform: uppercase; font-size: 11px; letter-spacing: 0.15em; }
.rz-theme-scarysky .rz-hero-name { color: #fff; font-weight: 900; text-transform: uppercase; text-shadow: 2px 2px 0 var(--accent), -1px -1px 0 rgba(0,0,0,0.6); animation: scaryShake 6s ease-in-out infinite; }
@keyframes scaryShake { 0%,96%,100% { transform: translate(0,0); } 97% { transform: translate(-2px,1px); } 98% { transform: translate(2px,-1px); } 99% { transform: translate(-1px,0); } }
.rz-theme-scarysky .rz-hero-username, .rz-theme-scarysky .rz-hero-views { color: #e0b6b6; }
.rz-theme-scarysky .rz-story-card { border: 1px solid rgba(255,77,77,0.3); background: rgba(20,4,4,0.7); clip-path: polygon(0 3%, 100% 0, 100% 97%, 0 100%); }

/* ---------- Story grid: alternating jagged torn image frames ---------- */
.rz-theme-scarysky .rz-story-grid { grid-template-columns: 1fr 1fr; }
.rz-theme-scarysky .rz-image-wrapper { clip-path: polygon(0 4%, 100% 0, 96% 100%, 4% 96%); }
.rz-theme-scarysky .rz-image-wrapper img { filter: saturate(1.15) contrast(1.1) brightness(0.85); }
.rz-theme-scarysky .rz-grand-text { color: #fff; text-shadow: 3px 3px 0 var(--accent), -2px -2px 0 rgba(0,0,0,0.7); transform: skewX(-3deg); display: inline-block; }
.rz-theme-scarysky .rz-section-eyebrow { color: var(--accent); background: rgba(255,77,77,0.14); }

/* ---------- Links: jagged warning tags, wrap row ---------- */
.rz-theme-scarysky .rz-links-grid { grid-template-columns: repeat(2, 1fr); }
.rz-theme-scarysky .rz-link-item { background: rgba(255,77,77,0.1); border: 1px solid var(--accent); color: #ffd9d9; clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%); font-weight: 800; text-transform: uppercase; font-size: 13px; letter-spacing: 0.05em; }
.rz-theme-scarysky .rz-link-item:hover { background: rgba(255,77,77,0.25); box-shadow: 0 0 22px rgba(255,77,77,0.6); }

/* ---------- Details ---------- */
.rz-theme-scarysky .rz-detail-item { background: rgba(0,0,0,0.35); border: 1px solid var(--accent2); color: #ffd9c2; border-radius: 4px; }
.rz-theme-scarysky .rz-detail-item a { color: var(--accent2); }

/* ---------- Credits ---------- */
.rz-theme-scarysky .rz-credits-logo { color: #fff; text-shadow: 3px 3px 0 var(--accent), 0 0 40px rgba(255,77,77,0.6); animation: scaryShake 5s ease-in-out infinite; }

.rz-theme-scarysky .rz-sound-toggle { border-color: rgba(255,77,77,0.5); }