/* Live details: fixed source quality, simulated delivery, no new media requests. */
.burst-details-toggle{display:block;top:14px;right:14px;bottom:auto;min-height:40px;border-color:#a3cbd888;background:#061627df;box-shadow:0 4px 24px #0005}
.burst-details-panel{background:linear-gradient(145deg,#081625f5,#060c1df5);border:1px solid #5b91ab80;border-radius:14px;padding:0 24px 24px;inset:66px 3% 110px;scrollbar-color:#517285 #07101e;overscroll-behavior:contain;isolation:isolate}
.burst-details-heading{position:sticky;top:0;z-index:2;background:#081421f5;backdrop-filter:blur(12px);padding:16px 0;border-bottom:1px solid #3b526166;margin-bottom:15px}.burst-details-heading h2{font:italic clamp(23px,3vw,34px)/1.1 Georgia,serif}.burst-details-heading button{border-radius:30px;background:#142836;white-space:nowrap}
.burst-details-panel>p:first-of-type{color:#a2bbc9;font-size:11px}.burst-observatory{--reserve-turn:0deg;--packet-seconds:2s;padding:24px;border:1px solid #35566c;border-radius:12px;background:radial-gradient(ellipse at 50% 45%,#0f516033,transparent 60%),linear-gradient(135deg,#10263766,#060b18);overflow:hidden;margin:20px 0;color:#e9f4ff}
.burst-observatory-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font:9px/1.6 monospace;letter-spacing:.12em}.burst-live-label{color:#a2e9e1;display:flex;align-items:center;gap:8px}.burst-live-label i{width:6px;height:6px;background:#87e4dc;border-radius:50%;box-shadow:0 0 12px #79dddf}.burst-model-label{color:#a9bfd3}.burst-story{max-width:700px;margin:26px 0}.burst-mode{font:10px/1.5 monospace;color:#ffd28b;letter-spacing:.14em}.burst-story h3{font:clamp(25px,3.5vw,44px)/1.1 Georgia,serif;color:#f0e8d9;margin:12px 0}.burst-story p{max-width:70ch;color:#b5c9d4;font-size:13px;min-height:42px}
.burst-flow-stage{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1.1fr) 50px minmax(0,1fr);align-items:center;gap:4px;padding:20px 0}.burst-node,.burst-reserve-node{text-align:center;min-width:0}.burst-node-label{display:block;font:9px/1.6 monospace;color:#bcd0da;letter-spacing:.06em}.burst-node-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid #588aa088;border-radius:16px;margin:20px auto 12px;background:#14334666;color:#84d9ff;font:35px/1 monospace;box-shadow:0 0 35px #3595b914}.burst-egress .burst-node-icon{color:#a8b9ff;border-color:#6678b5}.burst-node>strong{display:block;font:clamp(23px,3vw,40px)/1.2 monospace;font-variant-numeric:tabular-nums;color:#a4e4ff}.burst-egress>strong{color:#99bfff}.burst-node p{font:9px/1.5 monospace;margin:7px 0}.burst-receive-state,.burst-play-state{font:10px/1.6 monospace;color:#99b8ca;display:block;min-height:32px;overflow-wrap:anywhere}
.burst-reserve-ring{width:min(100%,180px);aspect-ratio:1;position:relative;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 0deg,#ffb650 var(--reserve-turn),#263549 0);padding:5px;margin:16px auto;box-shadow:0 0 40px #e8ab3d14}.burst-reserve-ring>div{border-radius:50%;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(#202d39,#0b1725);border:6px solid #101c2c}.burst-reserve-ring strong{font:clamp(25px,3.5vw,44px)/1.3 monospace;color:#ffd79e;font-variant-numeric:tabular-nums}.burst-reserve-ring span{font:9px monospace;color:#c4d4df}.burst-cell-bank{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;max-width:200px;margin:auto}.burst-cell-bank i{height:7px;background:#293a4b;border-radius:1px}.burst-cell-bank i.filled{background:#ffd18a;box-shadow:0 0 6px #ffa53355}.burst-reserve-scale{font:9px/1.6 monospace!important;margin:9px 0 0;color:#b8cbd9!important}
.burst-packet-lane{position:relative;height:46px;overflow:hidden;opacity:.35;background:linear-gradient(transparent calc(50% - 1px),#42657966 50%,transparent calc(50% + 1px))}.burst-packet-lane:after{content:'›';position:absolute;right:0;top:9px;font-size:20px;color:#8de0ff}.burst-packet-lane i{position:absolute;left:-10px;top:19px;width:9px;height:7px;background:#8de0ff;border-radius:2px;box-shadow:0 0 12px #51c2fc;opacity:0;animation:burst-flowing-packet var(--packet-seconds) linear infinite;animation-play-state:paused}.burst-packet-lane i:nth-child(2){animation-delay:calc(var(--packet-seconds) * -.2)}.burst-packet-lane i:nth-child(3){animation-delay:calc(var(--packet-seconds) * -.4)}.burst-packet-lane i:nth-child(4){animation-delay:calc(var(--packet-seconds) * -.6)}.burst-packet-lane i:nth-child(5){animation-delay:calc(var(--packet-seconds) * -.8)}.burst-packet-lane.outgoing{--packet-seconds:2s}.burst-packet-lane.outgoing i{background:#ffcf83;box-shadow:0 0 12px #ffad39}.burst-packet-lane.outgoing:after{color:#ffcf83}.burst-observatory.receiving .incoming,.burst-observatory.playing .outgoing{opacity:1}.burst-observatory.receiving .incoming i,.burst-observatory.playing .outgoing i{opacity:1;animation-play-state:running}.burst-observatory.document-hidden .burst-packet-lane i{animation-play-state:paused}.burst-packet-note{font:10px/1.6 monospace!important;color:#9bb4c6!important;text-align:center}
.burst-live-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px solid #365264;border-bottom:1px solid #365264;padding:20px 0;margin:20px 0}.burst-live-metrics span{display:block;font:9px/1.6 monospace;color:#a6bbca}.burst-live-metrics strong{font:clamp(14px,1.8vw,24px)/1.8 monospace;font-variant-numeric:tabular-nums;color:#e6f5ff;overflow-wrap:anywhere}.burst-live-metrics>div:first-child strong{color:#ffcb81}.burst-live-metrics>div:nth-child(2) strong{color:#80caff}.burst-flow-chart{margin:25px 0 0}.burst-flow-chart figcaption{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;color:#e2edf5;font-size:13px}.burst-flow-chart figcaption span{font:10px/1.5 monospace;color:#b0c5d4}.burst-flow-chart svg{width:100%;height:140px;display:block;margin:16px 0 6px;overflow:visible}.burst-chart-grid{fill:none;stroke:#718d9c26;stroke-dasharray:3 6}.burst-chart-area{fill:#ffc15f18}.burst-chart-received,.burst-chart-playback{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}.burst-chart-received{stroke:#ffd38b;filter:drop-shadow(0 0 3px #fda5)}.burst-chart-playback{stroke:#7dcfff;filter:drop-shadow(0 0 3px #7cff)}.burst-chart-labels{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#a2baca;font:9px/1.5 monospace}.burst-chart-note{font:10px/1.6 monospace!important;color:#8ba7bb!important}.burst-raw-details{border-top:1px solid #46647a;padding-top:15px}.burst-raw-details summary{cursor:pointer;color:#b6d7e8;font:12px/1.6 monospace;min-height:36px}.burst-details-values{margin-top:16px;font-size:11px}.burst-details-values dt,.burst-details-values dd{padding-bottom:7px;border-bottom:1px solid #2a42514d}.burst-details-foot{color:#a4b9c9!important;font-size:10px!important}
@keyframes burst-flowing-packet{to{transform:translateX(65px)}}
@media(max-width:760px){.burst-details-panel{inset:62px 8px 100px;padding:0 12px 16px}.burst-observatory{padding:16px}.burst-flow-stage{grid-template-columns:minmax(0,1fr) 18px minmax(0,1.2fr) 18px minmax(0,1fr)}.burst-packet-lane i{animation-name:burst-flowing-packet-mobile}.burst-node-icon{width:38px;height:38px;font-size:25px;border-radius:10px}.burst-node-label{font-size:8px}.burst-node>strong{font-size:23px}.burst-node p{font-size:8px}.burst-reserve-ring>div{border-width:3px}.burst-reserve-ring strong{font-size:25px}.burst-reserve-ring span{font-size:7px}.burst-receive-state,.burst-play-state{font-size:8px}.burst-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.burst-cell-bank{gap:2px}.burst-cell-bank i{height:5px}.burst-story h3{font-size:28px}.burst-model-label{font-size:8px}.burst-details-heading h2{font-size:22px}.burst-details-heading button{font-size:11px;padding:9px 10px}.burst-flow-chart svg{height:110px}}
@keyframes burst-flowing-packet-mobile{to{transform:translateX(32px)}}
@media(prefers-reduced-motion:reduce){.burst-packet-lane i{animation:none!important;transform:none!important}.burst-observatory.receiving .incoming,.burst-observatory.playing .outgoing{background:linear-gradient(90deg,#4bbada33,#7cd1f877)}.burst-cell-bank i{box-shadow:none}}

.burst-details-panel[hidden] .burst-packet-lane i{animation-play-state:paused!important}