.volcano-viewport{position:relative;overflow:hidden;border-radius:22px;background:#122939;aspect-ratio:3/2;isolation:isolate}.volcano-viewport>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.volcano-viewport>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:transform .6s ease}.volcano-scene.is-zoomed .volcano-viewport>img,.volcano-scene.is-zoomed .volcano-viewport>svg{transform:scale(1.45);transform-origin:50% 35%}.volcano-scene.is-zoomed .volcano-point{visibility:hidden}.volcano-trace{fill:none;stroke:#fff0a4;stroke-width:4;stroke-linecap:round;stroke-dasharray:3 8;filter:drop-shadow(0 0 5px #ff652e);animation:volcano-flow 2.4s linear infinite;animation-play-state:paused;opacity:.75}.year-figure[data-playback=running] .volcano-trace{animation-play-state:running}.volcano-point{position:absolute;z-index:2;min-width:44px;min-height:44px;border-radius:50%;border:2px solid #fff;background:#0b385de6;color:#fff;box-shadow:0 3px 20px #0006;font-weight:800;transform:translate(-50%,-50%)}.volcano-point[aria-pressed=true]{background:#f4b63e;color:#17202d;box-shadow:0 0 0 7px #fff5}.volcano-point:focus-visible{outline:4px solid #fbdc7b;outline-offset:4px}.volcano-effusive .point-1{left:50%;top:26%}.volcano-effusive .point-2{left:73%;top:54%}.volcano-effusive .point-3{left:63%;top:60%}.volcano-cutaway .point-1{left:50%;top:73%}.volcano-cutaway .point-2{left:49%;top:43%}.volcano-cutaway .point-3{left:49%;top:26%}.volcano-explosive .point-1{left:50%;top:10%}.volcano-explosive .point-2{left:46%;top:20%}.volcano-explosive .point-3{left:50%;top:28%}.volcano-tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.volcano-tools [aria-pressed=true]{background:#e3f0fb;border-color:#74a6c7}.volcano-detail{padding:18px 22px;background:#f1f6fa;border-radius:18px;text-align:left}.volcano-detail p{margin:8px 0}.volcano-detail section+section{margin-top:18px}.volcano-detail section[hidden]{display:none}.volcano-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.volcano-comparison figure{margin:0;border:1px solid #dee7ed;border-radius:20px;overflow:hidden;text-align:left}.volcano-comparison img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}.volcano-comparison figcaption{padding:16px}.volcano-comparison p{font-size:.9rem;line-height:1.6}@keyframes volcano-flow{to{stroke-dashoffset:-22}}@media(max-width:600px){.volcano-comparison{grid-template-columns:1fr}.volcano-viewport{border-radius:14px}.volcano-detail{padding:16px}.volcano-point{min-width:40px;min-height:40px}}@media(prefers-reduced-motion:reduce){.volcano-viewport>img,.volcano-viewport>svg{transition:none}.volcano-trace{animation:none}}