@layer legacy{.gro{fill:none;stroke:#3b465647;stroke-width:.6px;stroke-dasharray:2 2}.gro.corr{stroke:none;fill:#3b46560a}.pl-d-t{fill:#ffffffd1}.pl-d-l{fill:#f3c7b8}.pl-d-r{fill:#e9a992}.pl-n-t{fill:#ffffffd1}.pl-n-l{fill:#b5e0d8}.pl-n-r{fill:#8fcfc4}.pl-e-t{fill:var(--epic-8)}.pl-e-l{fill:var(--epic-9)}.pl-e-r{fill:color-mix(in srgb, var(--epic-9) 72%, var(--ink))}.pl-a-t{fill:#ffffffe0}.pl-a-l{fill:#c5e3f1}.pl-a-r{fill:#a2d2e8}.pl-d-t,.pl-n-t,.pl-a-t{stroke-width:.8px!important}.guide{stroke:var(--ink-2);stroke-width:.7px;stroke-dasharray:2 4;opacity:.55}.ring{fill:none;stroke:var(--coral);stroke-width:.8px;opacity:.55}.ring.r2{opacity:.28}.cam-t{fill:#eef1f4}.cam-l{fill:#c9d1da}.cam-r{fill:#aab5c1}.lens{fill:var(--ink);stroke:var(--sky);stroke-width:1px}.post-t,.post-l,.post-r{fill:#5b6675}.iv-t{fill:#3a4553}.iv-l{fill:#26303d}.iv-r{fill:#1b2430}.iv-scr{fill:var(--sky);stroke-width:.3px!important}.ks-t{fill:#f5f7f9}.ks-l{fill:#d5dce3}.ks-r{fill:#b9c3cd}.ks-h-t{fill:#3a4553}.ks-h-l{fill:#26303d}.ks-h-r{fill:#1b2430}.badge{fill:var(--safe);stroke:var(--safe-7);stroke-width:.5px}.net{fill:none;stroke:var(--teal);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.flow{fill:none;stroke:#aef0e4;stroke-width:1.2px;stroke-dasharray:3 9;stroke-linecap:round}.node{fill:#fff;stroke:var(--teal);stroke-width:1.4px}.sw-t{fill:#2fb3a0}.sw-l{fill:var(--teal)}.sw-r{fill:var(--teal-7)}.eg{stroke:color-mix(in srgb, var(--epic-2) 12%, transparent);stroke-width:.6px}.emap{fill:none;stroke:color-mix(in srgb, var(--epic-2) 50%, transparent);stroke-width:.7px}.emap.corr{fill:color-mix(in srgb, var(--epic-2) 9%, transparent)}.er{fill:none;stroke:var(--epic);stroke-width:1px;opacity:.75}.er1{opacity:.4}.er2{opacity:.22}.ed{fill:var(--epic-2)}.epic-w{fill:#fff;font-family:var(--sans);letter-spacing:.02em;font-weight:800}.epic-s{fill:var(--epic-1);font-family:var(--mono);letter-spacing:.08em;font-weight:600}.tile-t{fill:#fff}.tile-l{fill:#dde8ef}.tile-r{fill:#c3d4e0}.tile-bar{fill:var(--blue)}.a2 .tile-bar{fill:var(--safe)}.a4 .tile-bar{fill:var(--epic)}.a5 .tile-bar{fill:var(--viewpath)}.tl1{fill:var(--ink);font-family:var(--sans);letter-spacing:-.01em;font-weight:800}.tl2{fill:var(--ink-2);font-family:var(--sans);font-weight:500}.tag line{stroke:var(--ink-2);stroke-width:.8px}.tag circle{fill:var(--paper);stroke:var(--ink-2);stroke-width:1px}.tag-n{font:600 11px var(--mono);letter-spacing:.1em}.tag-t{font:800 15px var(--sans);fill:var(--ink);letter-spacing:-.01em}.t-b .tag-n{fill:var(--stone)}.t-d .tag-n{fill:var(--coral-7)}.t-n .tag-n{fill:var(--teal-7)}.t-e .tag-n{fill:var(--epic-8)}.t-a .tag-n{fill:var(--sky-7)}.co line{stroke:var(--ink-2);stroke-width:.8px}.co circle{fill:var(--ink)}.co rect{fill:#fff;stroke:var(--line);stroke-width:1px}.co text{font:500 9.5px var(--mono);fill:var(--ink);letter-spacing:.02em}.co-safe rect{stroke:var(--safe);fill:var(--safe-soft)}.explode{border-bottom:1px solid var(--line);padding:96px 0 0}.ex{--capw:clamp(300px, 28vw, 390px);--stageh:max(600px, calc(100vh - 92px));max-width:1680px;margin:0 auto;padding:0 16px 48px;position:relative}.stage{height:var(--stageh);background:repeating-linear-gradient(30deg, transparent 0 27px, #1e407b0a 27px 28px), repeating-linear-gradient(150deg, transparent 0 27px, #1e407b0a 27px 28px), var(--card);border:1px solid var(--line);z-index:1;border-radius:22px;position:sticky;top:76px;overflow:hidden}.stage-fig{margin:0;position:absolute;inset:0}.stage-svg{width:100%;height:100%;overflow:visible}.stage-top{top:14px;left:calc(var(--capw) + 44px);z-index:4;position:absolute;right:16px}.tabs{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tabs button{font:600 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);cursor:pointer;background:#f5f7f8f0;border-radius:999px;align-items:center;gap:8px;padding:9px 12px 9px 10px;transition:background .2s,color .2s,border-color .2s;display:flex}.tabs button:before{content:"";background:var(--c);border-radius:2px;width:9px;height:9px;transform:rotate(45deg)}.tabs button:hover{border-color:var(--edge);color:var(--ink)}.tabs button[aria-current=step]{background:var(--ink);color:#fff;border-color:var(--ink)}.tabs li:first-child button{--c:#b7ad9d}.tabs li:nth-child(2) button{--c:var(--teal)}.tabs li:nth-child(3) button{--c:var(--coral)}.tabs li:nth-child(4) button{--c:var(--epic-7)}.tabs li:nth-child(5) button{--c:var(--sky)}.tabs li:nth-child(6) button{--c:var(--safe);border-style:dashed;border-color:var(--safe)}.tabs li:nth-child(6) button[aria-current=step]{background:var(--safe-7);border-color:var(--safe-7);border-style:solid}.tabs button[aria-current=step]:before{box-shadow:0 0 0 1.5px #fff}.stack{transform-box:view-box;transform-origin:0 0;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.layer{transform:translateY(var(--y,0px));transition:transform .95s cubic-bezier(.2,.7,.2,1),opacity .55s}.layer>*{transition:opacity .45s}.layer.is-hidden{opacity:0}.stage.focus .layer:not(.is-active){opacity:.42}.stage.focus .layer.is-hidden{opacity:0}.stage.focus .layer:not(.is-active) .tag{opacity:.4}.shell{transition:opacity .6s}.stage:not([data-step="0"]) .shell,.stage.safe .shell{opacity:0;pointer-events:none}.stage.rm .shell{display:none}.stage.rm .stack,.stage.rm .layer,.stage.rm .layer>*,.stage.init .stack,.stage.init .layer{transition:none}@media (prefers-reduced-motion:no-preference){.flow{animation:1.6s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-24px}}}.layer[data-i="1"]{--gc:var(--teal)}.layer[data-i="2"]{--gc:var(--coral)}.layer[data-i="3"]{--gc:var(--epic-7)}.layer[data-i="4"]{--gc:var(--sky-7)}.stage .layer.ghost>:not(.tag):not(.keep){opacity:0;pointer-events:none}.stage .layer.ghost>polygon[class^=pl-][class$=-t]{opacity:1;fill:#fff0;stroke:var(--gc);stroke-dasharray:5 4}.stage .layer.dimb{opacity:.4}.stage .layer.lam>*{opacity:0;pointer-events:none}.stage .layer.lam>polygon[class^=pl-],.stage .layer.lam>polygon[class^=slab-]{opacity:1}.stage.zoom .layer .tag,.stage.safe .layer[data-i="2"] .person:not(.ev-p),.stage.safe .layer[data-i="2"] .co,.stage.safe .layer[data-i="1"] .co{opacity:0}.stage.safe:not(.zoom) .pl-d-t{fill:#fff9}.stage.safe .s-tile .tile-t{fill:#fff1f3}.epic-base{transition:opacity .5s}.stage.zoom .epic-base{opacity:0}.stage.zoom .pl-e-t{fill:color-mix(in srgb, var(--navy) 80%, var(--ink))}.stage.zoom .pl-e-l{fill:color-mix(in srgb, var(--navy) 55%, var(--ink))}.stage.zoom .pl-e-r{fill:color-mix(in srgb, var(--navy) 30%, var(--ink))}.epic-safe{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}.stage.zoom .epic-safe{opacity:1;visibility:visible;transition:opacity .6s .35s,visibility}#walkers{opacity:0;transition:opacity .4s}.stage[data-phase=normal] #walkers{opacity:1}.stage[data-phase=press] #walkers{opacity:.3}.walker .mic{fill:var(--sky);stroke:#fff;stroke-width:.6px}.wl line{stroke:var(--ink-2);stroke-width:.8px}.wl rect{fill:#fff;stroke:var(--safe);stroke-width:1px}.wl.m rect{stroke:var(--sky-7)}.wl text{font:600 9px var(--mono);fill:var(--ink);letter-spacing:.02em}.sos{fill:none;stroke:var(--safe);stroke-width:1.6px;opacity:0;transform-box:fill-box;transform-origin:50%}.stage[data-phase=press] .sos{opacity:1}.thr,.brk{opacity:0;transition:opacity .4s}.stage[data-phase=press] .thr,.stage.safe:not(.zoom) .brk{opacity:1}.thr path{stroke:var(--safe);stroke-width:2.2px;stroke-linecap:round}.thr ellipse{fill:#fff;stroke:var(--safe);stroke-width:1.4px}.thr text,.brk text{font:600 10px var(--mono);letter-spacing:.08em;fill:var(--safe-7)}.brk path{fill:none;stroke:var(--safe);stroke-width:1.3px;stroke-dasharray:4 3}.brk .b1{font:800 15px var(--sans);letter-spacing:-.01em;fill:var(--ink)}.brk .b0{font:600 11px var(--mono);letter-spacing:.1em;fill:var(--safe-7)}.es-court{fill:color-mix(in srgb, var(--blue) 8%, transparent);stroke:color-mix(in srgb, var(--blue) 70%, #fff);stroke-width:.7px;stroke-dasharray:3 3}.room{cursor:pointer;outline:none}.rbox{fill:color-mix(in srgb, var(--blue) 70%, var(--navy));stroke:color-mix(in srgb, var(--blue) 30%, #fff);stroke-width:.9px;transition:fill .35s,stroke .35s}.room.hall .rbox{fill:color-mix(in srgb, var(--blue) 40%, var(--navy));stroke:color-mix(in srgb, var(--blue) 70%, #fff)}.room:hover .rbox,.room.sel .rbox{fill:color-mix(in srgb, var(--blue) 85%, var(--navy));stroke:#fff}.room:focus-visible .rbox{stroke:#fff;stroke-width:3px}.room.origin .rbox{fill:color-mix(in srgb, var(--safe-7) 60%, var(--navy));stroke:var(--safe)}.room.hold .rbox{fill:#4a3563;stroke:var(--safe)}.room.clr .rbox{fill:var(--teal-7);stroke:#6fd6c2}.es-entry{fill:color-mix(in srgb, var(--blue) 30%, #fff)}.rl{font:600 7.4px var(--mono);fill:#fff;letter-spacing:.02em;text-anchor:middle;pointer-events:none}.rl.h{fill:color-mix(in srgb, var(--blue) 20%, #fff);letter-spacing:.16em;font-size:6px}.rs{fill:none;stroke:none;transition:fill .3s}.rs.ok{fill:#46d6b8;stroke:var(--navy);stroke-width:.8px}.rs.wait{fill:var(--amber);stroke:var(--navy);stroke-width:.8px}.d-spk{fill:color-mix(in srgb, var(--blue) 30%, #fff)}.d-iv{fill:#eef6fc;stroke:var(--navy);stroke-width:.5px}.d-cam{fill:#cfd8e3;stroke:var(--navy);stroke-width:.5px}.d-ks{fill:#fff;stroke:var(--navy);stroke-width:.5px}.d-sw{fill:#2fb3a0}.d-rip,.d-halo{fill:none;stroke:color-mix(in srgb, var(--blue) 30%, #fff);stroke-width:1px;opacity:0;transform-box:fill-box;transform-origin:50%}.stage[data-phase=locate] .det,.stage[data-phase=escalate] .det{fill:var(--safe)}.stage[data-phase=locate] .d-halo{stroke:var(--safe);opacity:.9}.rg{fill:none;stroke:var(--safe);stroke-width:1.2px;opacity:0;transform-box:fill-box;transform-origin:50%}.stage[data-phase=locate] .rg{opacity:.95}.stage[data-phase=escalate] .rg{opacity:.22}.es-person{opacity:0;transition:opacity .4s}.stage.zoom .es-person{opacity:1}.pin line{stroke:#fff;stroke-width:1.6px}.pin-h{fill:var(--safe);stroke:#fff;stroke-width:1.8px;transition:fill .4s}.pin-g{fill:color-mix(in srgb, var(--safe) 35%, transparent);stroke:var(--safe);stroke-width:1px}.pin-rip{fill:none;stroke:var(--safe);stroke-width:1.2px;opacity:0;transform-box:fill-box;transform-origin:50%}.stage[data-phase=clear] .pin-h{fill:var(--teal)}.stage[data-phase=clear] .pin-g{fill:#46d6b84d;stroke:#46d6b8}.arc{fill:none;stroke:var(--safe);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.stage[data-phase=respond] .arc{opacity:1;stroke-dashoffset:0}.cone{fill:#9ddcf84d;stroke:#9ddcf8;stroke-width:.7px;opacity:0;transition:opacity .4s}.stage[data-phase=respond] .cone{opacity:1}.stage[data-phase=respond] .d-iv,.stage[data-phase=respond] .d-ks{fill:var(--safe)}.stage[data-phase=respond] .d-rip{stroke:var(--safe)}@media (prefers-reduced-motion:no-preference){.stage[data-phase=press] .sos{animation:1.4s ease-out infinite ping}.stage[data-phase=press] .thr path{animation:1.2s cubic-bezier(.3,.6,.2,1) .35s both draw}.stage[data-phase=press] .thr ellipse,.stage[data-phase=press] .thr text{animation:.4s both fade;animation-delay:var(--dl)}.stage[data-phase=locate] .rg{animation:1.2s cubic-bezier(.2,.7,.2,1) both rgrow;animation-delay:var(--dl)}.stage[data-phase=locate] .d-halo{animation:1.6s ease-out infinite ping}.stage[data-phase=locate] .pin{animation:.5s cubic-bezier(.3,1.4,.5,1) 1.9s both drop}.stage[data-phase=locate] .pin-rip,.stage[data-phase=escalate] .pin-rip,.stage[data-phase=respond] .pin-rip{animation:1.8s ease-out infinite rip}.stage[data-phase=escalate] .pin-h{animation:1.2s ease-in-out infinite pulse}.stage[data-phase=respond] .arc{animation:.9s cubic-bezier(.3,.6,.2,1) both draw;animation-delay:var(--dl)}.stage[data-phase=respond] .d-rip{animation:1.8s ease-out infinite rip;animation-delay:var(--dl)}.stage.paused *,.stage.paused :before,.stage.paused :after{animation-play-state:paused!important}}.fan{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fl{fill:none;stroke:var(--safe);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.fe{fill:var(--safe);opacity:0}path.lead{fill:none;stroke:var(--safe-7);stroke-width:1.2px;stroke-dasharray:3 4;opacity:0;transition:opacity .3s}.stage.card-on path.lead{opacity:.7}.stage[data-phase=respond] .fl{opacity:.8;stroke-dashoffset:0}.stage[data-phase=respond] .fe{opacity:1}@media (prefers-reduced-motion:no-preference){.stage[data-phase=respond] .fl{animation:.8s cubic-bezier(.3,.6,.2,1) both draw;animation-delay:var(--dl)}.stage[data-phase=respond] .fe{animation:.3s both fade;animation-delay:calc(var(--dl) + .7s)}}.rail{z-index:4;opacity:0;visibility:hidden;width:238px;transition:opacity .4s,transform .4s;position:absolute;top:64px;right:16px;transform:translate(14px)}.stage.safe .rail{opacity:1;visibility:visible;transform:none}.rail-l{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rail-h{font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);justify-content:space-between;align-items:center;padding:0 2px 2px;display:flex}.rc{border:1px solid var(--line);background:#fffffff2;border-radius:12px;grid-template-columns:28px minmax(0,1fr) 10px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .3s,background .3s;display:grid}.rc-ic{background:var(--paper-2);width:28px;height:28px;color:var(--ink-2);border-radius:8px;place-items:center;transition:background .3s,color .3s;display:grid}.rc-ic svg{width:16px;height:16px}.rc b{font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);display:block}.rc-s{color:var(--ink);font-size:14px;font-weight:700;line-height:1.25;display:block}.rc-m{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.35;display:block;overflow:hidden}.rc-dot{background:#9fb0c2;border-radius:50%;justify-self:end;width:9px;height:9px}.rc[data-s=ready] .rc-dot{background:var(--teal)}.rc[data-s=alert]{border-color:var(--safe);background:color-mix(in srgb, var(--safe-soft) 60%, #fff)}.rc[data-s=alert] .rc-ic{background:var(--safe);color:#fff}.rc[data-s=alert] .rc-dot{background:var(--safe)}.rc[data-s=ok] .rc-ic{color:var(--teal-7);background:#dff3ef}.rc[data-s=ok] .rc-dot{background:var(--teal);box-shadow:0 0 0 3px #dff3ef}@media (prefers-reduced-motion:no-preference){.rc[data-s=alert] .rc-dot{animation:1.1s ease-in-out infinite pulse}}.rc-cam{background:#1a1a1a;border-radius:8px;grid-column:1/-1;height:0;transition:height .4s;position:relative;overflow:hidden}.rc-cam svg{filter:grayscale();width:100%;height:100%;display:block}.rc-cam:after{content:"LIVE · EduCam360 · Rm 102";font:600 9px var(--mono);letter-spacing:.06em;color:#fff;background:var(--safe-7);border-radius:4px;padding:2px 5px;position:absolute;bottom:5px;left:6px}:lang(es) .rc-cam:after{content:"EN VIVO · EduCam360 · Aula 102"}:lang(fr) .rc-cam:after{content:"EN DIRECT · EduCam360 · Local 102"}.rc[data-k=camera][data-s=alert] .rc-cam{height:124px}.pcard{z-index:5;border:1px solid var(--line);border-left:4px solid var(--safe);opacity:0;visibility:hidden;background:#fff;border-radius:12px;width:236px;padding:11px 13px 12px;font-size:13px;line-height:1.4;transition:opacity .3s,visibility 0s .3s;position:absolute;top:0;left:0;box-shadow:0 22px 40px -22px #1b24308c}.pcard.show{opacity:1;visibility:visible;transition:opacity .3s}.pcard.ok{border-left-color:var(--teal)}.pc-k{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--safe-7);justify-content:space-between;margin-bottom:4px;display:flex}.pcard.ok .pc-k{color:var(--teal-7)}.pc-k i{color:var(--ink-2);font-style:normal}.pcard strong{font-size:15px;display:block}.pcard span{color:var(--ink-2);display:block}.pc-lv{border-top:1px solid var(--line);margin-top:7px;padding-top:7px;font-weight:600;color:var(--ink)!important}.pc-lv em{font-style:normal;font:600 10.5px var(--mono);letter-spacing:.06em;background:var(--safe-soft);color:var(--safe-7);border-radius:5px;margin-right:6px;padding:2px 6px;display:inline-block}.pc-s{letter-spacing:.06em;text-transform:uppercase;margin-top:6px;font:500 10px var(--mono)!important}.rtip{z-index:6;background:var(--ink);color:#fff;opacity:0;visibility:hidden;pointer-events:none;border-radius:10px;min-width:200px;max-width:250px;padding:10px 12px;font-size:12.5px;line-height:1.45;transition:opacity .15s,visibility 0s .15s;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 20px 40px -12px #00000073}.rtip.show{opacity:1;visibility:visible;transition:opacity .15s}.rtip strong{margin-bottom:4px;font-size:14px;display:block}.rtip .row{font-family:var(--mono);color:#b9c4d2;justify-content:space-between;gap:12px;font-size:11px;display:flex}.rtip .row b{color:#fff;text-align:right;font-weight:500}.rtip .st{color:#8fd0ee;font-family:var(--mono);border-top:1px solid #3a4553;margin-top:6px;padding-top:6px;font-size:11px}.legend{top:62px;left:calc(var(--capw) + 44px);z-index:4;font:500 11px var(--mono);color:var(--ink-2);border:1px solid var(--line);opacity:0;visibility:hidden;background:#ffffffeb;border-radius:999px;flex-wrap:wrap;gap:4px 12px;padding:6px 12px;transition:opacity .4s,visibility 0s .4s;display:flex;position:absolute}.stage.zoom .legend{opacity:1;visibility:visible;transition:opacity .4s .5s}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{background:var(--c);border:1px solid var(--navy);width:8px;height:8px;display:inline-block}.legend .lg-s i{border-radius:50%}.legend .lg-c i{transform:rotate(45deg)scale(.85)}.legend .lg-i i{width:12px;height:6px}.mstat,.bar[hidden]{display:none}.bar{bottom:14px;left:calc(var(--capw) + 44px);z-index:4;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;display:flex;position:absolute;right:16px}.play{font:600 14px/1 var(--sans);background:var(--safe-7);color:#fff;cursor:pointer;box-shadow:0 10px 24px -14px color-mix(in srgb, var(--safe-7) 80%, transparent);border:0;border-radius:999px;align-items:center;gap:9px;padding:12px 18px 12px 14px;transition:background .2s;display:inline-flex}.play:hover{background:var(--safe-8)}.play svg{fill:currentColor;width:14px;height:14px}.play .i-pause,.play .i-next,.play[data-mode=pause] .i-play,.play[data-mode=next] .i-play{display:none}.play[data-mode=pause] .i-pause,.play[data-mode=next] .i-next{display:block}.chips{border:1px solid var(--line);background:#fffffff2;border-radius:999px;gap:3px;max-width:100%;padding:4px;display:none}.stage.safe .chips{display:flex}.chip{font:600 11px/1 var(--mono);letter-spacing:.04em;white-space:nowrap;color:var(--ink-2);background:linear-gradient(90deg, var(--safe-soft) var(--p,0%), transparent 0);cursor:pointer;border:0;border-radius:999px;padding:8px 10px}.chip:hover{color:var(--ink);background-color:var(--paper-2)}.chip[aria-current=step]{background:var(--safe-7);color:#fff}.illus{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border:1px dashed var(--edge);background:#ffffffe6;border-radius:6px;padding:5px 8px}.pcap{width:var(--capw);z-index:5;border:1px solid var(--safe);background:#fffffff7;border-radius:18px;max-height:calc(100% - 128px);padding:22px 24px;display:none;position:absolute;top:64px;left:16px;overflow:auto;box-shadow:0 24px 40px -30px #1b243080}.pcap h3{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(24px,2.1vw,32px)}.pcap p{color:var(--ink-2);font-size:16px}.pcap p+p{margin-top:10px}.pcap .step-n{--c:var(--safe);color:var(--safe-7)}@media (width>=901px){.ex.playing .pcap{display:block}.ex.playing .steps{visibility:hidden}}.steps{z-index:3;margin:calc(-1 * var(--stageh)) 0 0;width:calc(var(--capw) + 16px);pointer-events:none;padding:0 0 0 16px;list-style:none;position:relative}.step{flex-direction:column;justify-content:center;min-height:92vh;padding:40px 0;display:flex}.step:first-child{justify-content:flex-start;min-height:84vh;padding-top:24px}.step:last-child{min-height:96vh}.step>div{pointer-events:auto;border:1px solid var(--line);background:#fffffff7;border-radius:18px;padding:22px 24px;transition:background-color .4s,box-shadow .4s;box-shadow:0 24px 40px -30px #1b243080}.ex.playing .step:not(.is-cur)>div{background:color-mix(in srgb, var(--paper) 97%, transparent);box-shadow:none}.ex.playing .step:not(.is-cur) h3,.ex.playing .step:not(.is-cur) p strong{color:var(--ink-2)}.ex.playing .step.is-cur>div{border-color:var(--safe)}.step-n{color:var(--ink-2);align-items:center;gap:10px;margin-bottom:12px;display:flex}.step-n:before{content:"";background:var(--c);border-radius:2px;flex:none;width:12px;height:12px;transform:rotate(45deg)}.step[data-s="0"]{--c:#b7ad9d}.step[data-s="1"]{--c:var(--teal)}.step[data-s="2"]{--c:var(--coral)}.step[data-s="3"]{--c:var(--epic-7)}.step[data-s="4"]{--c:var(--sky)}.step.sf{--c:var(--safe)}.step.sf .step-n{color:var(--safe-7)}.step h3{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(24px,2.1vw,32px)}.step p{color:var(--ink-2);font-size:16px}.step p+p{margin-top:10px}.step p strong{color:var(--ink);font-weight:600}.spec{border-top:1px solid var(--line);margin:18px 0 0;padding:0;list-style:none}.spec li{border-bottom:1px solid var(--line);color:var(--ink-2);grid-template-columns:7.2em 1fr;gap:12px;padding:9px 0;font-size:14.5px;display:grid}.spec li:last-child{border-bottom:0}.spec b{color:var(--ink);font-weight:700}.chips-s{flex-wrap:wrap;gap:6px;margin-top:16px;padding:0;list-style:none;display:flex}.chips-s li{font:500 11.5px/1 var(--mono);letter-spacing:.04em;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:8px 10px}.seq{counter-reset:s;margin:16px 0 0;padding:0;list-style:none}.seq li{counter-increment:s;border-bottom:1px dashed var(--line);color:var(--ink-2);grid-template-columns:28px 1fr;gap:8px;padding:7px 0;font-size:14px;line-height:1.45;display:grid}.seq li:last-child{border-bottom:0}.seq li:before{content:counter(s, decimal-leading-zero);font:600 11.5px/1.9 var(--mono);color:var(--safe-7)}.seq b{color:var(--ink)}.log{border-left:2px solid var(--line);margin:16px 0 0;padding:0;list-style:none}.log li{color:var(--ink-2);grid-template-columns:5.6em 1fr;gap:8px;padding:5px 0 5px 14px;font-size:14px;display:grid;position:relative}.log li:before{content:"";background:var(--safe);border-radius:50%;width:8px;height:8px;position:absolute;top:12px;left:-5px}.log li:last-child:before{background:var(--teal)}.log time{font:600 12px/1.9 var(--mono);color:var(--ink)}@media (width<=1180px){.rail{width:208px}.rc-m{font-size:11.5px}}@media (width<=900px){.explode{padding-top:64px}.ex{--stageh:max(400px, 66svh);padding:0 8px 24px}.stage{z-index:5;border-radius:16px;top:72px;box-shadow:0 18px 30px -24px #1b243080}.stage-fig{top:50px;bottom:54px}.stage-top{top:8px;left:8px;right:8px}.tabs{scrollbar-width:none;flex-wrap:nowrap;padding:2px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;padding:8px 10px}.rail,.legend,.fan{display:none}.bar{flex-wrap:nowrap;justify-content:flex-start;bottom:8px;left:8px;right:8px}.play{flex:none;padding:11px 14px 11px 12px;font-size:13px}.chips{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.bar .illus,path.lead{display:none}.stage.safe .play .play-l{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage.safe .play{padding:11px 12px}.mstat{z-index:4;font:600 11px/1.35 var(--mono);letter-spacing:.04em;color:var(--ink);border:1px solid var(--line);border-left:3px solid var(--safe);background:#fffffff2;border-radius:8px;margin:0;padding:6px 9px;position:absolute;top:54px;left:8px;right:8px}.stage.safe .mstat{display:block}.mstat small{color:var(--ink-2);font-weight:500;display:block}.pcard{width:auto;padding:9px 11px;font-size:12.5px;bottom:60px;right:8px;top:auto!important;left:8px!important}.pcard strong{font-size:14px}.rl{font-size:9px}.rl.h{font-size:7px}.steps{pointer-events:auto;z-index:0;width:auto;margin:0;padding:0 8px}.step{min-height:72vh;padding:28px 0}.step:first-child{min-height:60vh;padding-top:36px}.step>div{background:var(--paper);box-shadow:none;border:0;border-radius:0;padding:0}.step :is(a,button){scroll-margin-top:calc(var(--stageh) + 4px)}.spec li{grid-template-columns:1fr;gap:2px}.spec li:last-child{border-bottom:0}}@media (width<=900px) and (height<=700px){.ex{--stageh:max(380px, 62svh)}}}