.intermission-page { background: var(--ink); }
.intermission-shell { grid-template-rows:132px 1fr 70px; }
.pause-countdown-wrap { min-width:330px; }
.pause-chip i { background:var(--cyan); box-shadow:0 0 0 6px rgba(71,217,232,.11); }
.pause-progress { width:58% !important; animation:pauseProgress 4s ease-in-out infinite alternate; }

.intermission-stage { display:grid; grid-template-columns:1.18fr .82fr; gap:52px; align-items:center; min-height:0; }
.intermission-copy { padding-left:8px; }
.intermission-copy h1 { margin:24px 0 17px; font-size:clamp(92px,8.3vw,156px); line-height:.79; letter-spacing:-.085em; font-weight:1000; }
.intermission-copy h1 em { color:transparent; -webkit-text-stroke:3px var(--yellow); font-style:normal; text-shadow:0 0 40px rgba(255,212,59,.12); }
.intermission-copy p { width:min(780px,92%); margin:0; color:var(--muted); font-size:23px; line-height:1.45; }
.intermission-meta { margin-top:31px; display:flex; gap:12px; flex-wrap:wrap; }
.intermission-meta span { padding:11px 15px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.035); color:#e9f2f6; font-size:12px; font-weight:900; letter-spacing:.11em; }

.intermission-card { align-self:center; justify-self:stretch; min-height:430px; padding:40px; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:34px; background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.015)),var(--panel); box-shadow:0 30px 90px rgba(0,0,0,.28); text-align:center; }
.intermission-card::before { content:""; position:absolute; width:165%; height:80px; left:-30%; bottom:72px; background:repeating-linear-gradient(90deg,transparent 0 32px,rgba(255,255,255,.72) 32px 78px,transparent 78px 112px); transform:rotate(-25deg); opacity:.15; }
.card-label { z-index:1; color:var(--yellow); font-size:12px; font-weight:900; letter-spacing:.22em; }
.pause-symbol { z-index:1; width:118px; height:118px; margin:24px 0; display:grid; place-items:center; border-radius:50%; background:linear-gradient(145deg,var(--yellow),var(--yellow-2)); color:var(--ink); font-size:58px; line-height:1; font-weight:1000; box-shadow:0 0 0 16px rgba(255,212,59,.08); }
.intermission-card strong { z-index:1; font-size:50px; line-height:.94; letter-spacing:-.05em; }
.intermission-card .road-arrow { z-index:1; margin-top:18px; }

.emergency-ambient { background:radial-gradient(circle at 76% 18%,rgba(255,73,96,.20),transparent 30%),linear-gradient(148deg,#1b0710 0%,#2b0a16 46%,#0e0308 100%); }
.emergency-ambient .sun-glow { background:radial-gradient(circle,rgba(255,73,96,.30),rgba(255,73,96,0) 68%); }
.emergency-ambient .ridge-back { background:rgba(111,24,43,.44); }
.emergency-ambient .ridge-mid { background:rgba(70,13,29,.72); }
.emergency-ambient .ridge-front { background:#17040b; }
.emergency-brand { background:linear-gradient(145deg,#ff6b7f,#ff304e); color:#fff; box-shadow:0 14px 40px rgba(255,48,78,.20); }
.emergency-countdown-wrap { min-width:330px; border-color:rgba(255,83,107,.34); background:linear-gradient(180deg,rgba(255,83,107,.10),rgba(27,7,16,.12)); }
.emergency-countdown-wrap span { color:#ff8293; }
.emergency-countdown-wrap strong { text-shadow:0 0 28px rgba(255,83,107,.24); }
.emergency-chip { border-color:rgba(255,83,107,.26); background:rgba(35,4,12,.58); }
.emergency-chip i { background:#ff526b; box-shadow:0 0 0 6px rgba(255,82,107,.12); }
.emergency-eyebrow { color:#ff8293; border-color:rgba(255,83,107,.38); background:rgba(255,83,107,.08); }
.emergency-copy h1 em, .emergency-stage h1 em { -webkit-text-stroke-color:#ff6178; text-shadow:0 0 40px rgba(255,83,107,.15); }
.emergency-meta span { border-color:rgba(255,83,107,.20); }
.emergency-card { border-color:rgba(255,83,107,.28); background:linear-gradient(150deg,rgba(255,83,107,.11),rgba(255,255,255,.01)),rgba(31,4,12,.90); }
.emergency-card .card-label { color:#ff8293; }
.emergency-card .pause-symbol { background:linear-gradient(145deg,#ff6b7f,#ff304e); color:#fff; box-shadow:0 0 0 16px rgba(255,73,96,.09); }
.emergency-pulse { z-index:1; width:14px; height:14px; margin-top:24px; border-radius:50%; background:#ff526b; box-shadow:0 0 0 8px rgba(255,82,107,.10); animation:emergencyPulse 1.35s ease-in-out infinite; }
.emergency-progress { width:100% !important; background:linear-gradient(90deg,#ff304e,#ff9aaa) !important; animation:emergencyBar 1.5s ease-in-out infinite; }

@keyframes pauseProgress { from{width:22%} to{width:78%} }
@keyframes emergencyPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.3;transform:scale(.72)} }
@keyframes emergencyBar { 0%,100%{opacity:.45} 50%{opacity:1} }

@media(max-aspect-ratio:4/3){
  .intermission-stage{grid-template-columns:1fr}
  .intermission-card{display:none}
  .intermission-copy{text-align:center;padding:0}
  .intermission-copy p{margin-inline:auto}
  .intermission-meta{justify-content:center}
}
