/* Fragments reach beyond the hardware. The scene holds on the aftermath. */
.impact-stage{margin:0 -25px 0 -30px;min-width:0;position:relative;isolation:isolate}
.impact-stage::before{content:"";position:absolute;inset:12% 0 15%;background:radial-gradient(ellipse at 38% 42%,#b0522115,transparent 62%);z-index:-1}
.impact-stage>svg{width:100%;height:auto;overflow:visible}
.impact-stage .art-top{text-align:left;padding-left:9%;color:#9f9b8c;letter-spacing:2px}
.impact-controls{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 8%}
.frag-trigger{background:transparent;color:var(--accent);border:1px solid #8b533b;padding:15px 18px;display:inline-flex;align-items:center;gap:20px;white-space:nowrap;min-height:50px;font:11px/1.2 var(--mono);letter-spacing:1.2px;text-transform:uppercase;box-shadow:inset 3px 0 var(--accent);transition:background .2s,color .2s}
.frag-trigger:hover{background:var(--accent);color:var(--ink)}
.frag-trigger:disabled{cursor:wait;opacity:.75}
.frag-trigger>span:last-child{font-size:21px;line-height:1}
.impact-status{max-width:190px;font:10px/1.6 var(--mono);color:#b3b7a6;min-height:32px}
.motion-toggle{display:block;margin:15px 8% 0 auto;background:transparent;padding:7px 0;color:#aaaF9f;font:9px/1.4 var(--mono);text-transform:uppercase;letter-spacing:1px}
.motion-toggle::before{content:"";display:inline-block;width:16px;height:8px;border:1px solid #79816f;margin-right:8px;vertical-align:middle;background:linear-gradient(to right,#79816f 45%,transparent 45%)}
.motion-toggle[aria-checked=true]::before{border-color:var(--accent);background:linear-gradient(to right,transparent 55%,var(--accent) 55%)}
.impact-stage[data-phase=aftermath] .impact-status{color:var(--accent)}
.impact-stage[data-phase=aftermath] .impact-link{opacity:.3}
.impact-stage[data-phase=aftermath] .impact-node{opacity:.5}
.impact-stage .impact-ring{transform-box:fill-box;transform-origin:center}
.impact-stage .impact-flight{transform-box:fill-box;transform-origin:center}
.impact-stage .impact-shard{transform-box:fill-box;transform-origin:center}
.human-cost{margin-top:33px;padding:22px 0 0;border-top:1px solid #bdc1b1;font-size:17px;line-height:1.75;color:#515749;max-width:720px}
.human-cost strong{display:block;color:var(--ink);font-weight:500;font-size:25px;line-height:1.4;margin-bottom:10px}
@media(min-width:1051px){.hero{grid-template-columns:.9fr 1.1fr}.hero h1{font-size:clamp(100px,11.6vw,175px)}.hero-lead{font-size:17px}.impact-stage{margin-right:-40px}}
@media(max-width:1050px) and (min-width:721px){.hero{grid-template-columns:1fr 1fr}.impact-stage{margin-left:-10px;margin-right:-23px}.impact-controls{margin:0 6%;gap:12px;flex-wrap:wrap}.frag-trigger{font-size:9px;padding:12px}.impact-status{max-width:none;min-height:16px;font-size:9px}.impact-stage .art-top{font-size:7px;letter-spacing:1px}.hero h1{font-size:clamp(80px,11.8vw,124px)}}
@media(max-width:720px){.impact-stage{width:calc(100% + 30px);margin:37px -15px 0}.impact-stage .art-top{font-size:8px;letter-spacing:1.1px}.impact-controls{margin:0 5%;gap:16px}.frag-trigger{padding:13px 14px;font-size:10px}.impact-status{font-size:9px;max-width:145px}.human-cost{font-size:14px;margin-top:25px}.human-cost strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.frag-trigger{transition:none}}