.ddos-hero,.ddos-always{--ok: #6ee7b7;--bad: #ff5d7a}.ddos-hero{padding-block:var(--s-7) var(--s-8)}.ddos-hero-grid{position:relative;row-gap:var(--s-6);align-items:center}.ddos-copy{grid-column:1 / 7}.ddos-trace{grid-column:8 / 13}.ddos-hero h1{margin-top:var(--s-3);font-size:calc(clamp(44px,5.2vw,96px) * var(--ds))}.ddos-copy .lead{max-width:54ch;margin-top:var(--s-5)}.ddos-actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}.ddos-copy .ddos-actions{margin-top:var(--s-6)}.ddos-meta{margin-top:var(--s-4);color:var(--muted);font-size:15px}.ddos-meta strong{color:var(--text)}@media(max-width:1100px){.ddos-copy{grid-column:1 / 8}.ddos-trace{grid-column:8 / 13}}@media(max-width:900px){.ddos-copy,.ddos-trace{grid-column:1 / -1}}.ddos-trace{margin:0;padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-3);background:color-mix(in oklab,var(--night-2) 72%,transparent);box-shadow:inset 0 1px #ffffff12}.ddos-path{--row: 112px;display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:repeat(4,var(--row))}.ddos-rail{grid-column:1;grid-row:1 / -1;position:relative}.ddos-rail:before{content:"";position:absolute;left:39px;width:2px;top:calc(var(--row) / 2);bottom:calc(var(--row) / 2);border-radius:2px;background:linear-gradient(var(--line),color-mix(in oklab,var(--ok) 55%,var(--line)))}.ddos-gate{position:absolute;left:4px;width:72px;height:10px;margin-top:-5px;border-radius:3px;background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--text) 62%,transparent) 0 2px,transparent 2px 6px);outline:1px solid color-mix(in oklab,var(--text) 14%,transparent)}.ddos-gate.g1{top:calc(var(--row) * 1.5)}.ddos-gate.g2{top:calc(var(--row) * 2.5)}.ddos-dock{position:absolute;left:20px;top:calc(var(--row) * 3.5 - 14px);width:40px;height:28px;border-radius:7px;border:2px solid var(--ok);background:color-mix(in oklab,var(--ok) 16%,var(--night-2))}.ddos-pk{position:absolute;left:17px;top:calc(var(--row) / 2 - 5px);width:10px;height:10px;border-radius:3px;animation:7.2s linear calc(var(--i) * -.4s) infinite}.ddos-pk.p{background:var(--ok);animation-name:ddos-pass}.ddos-pk.e{background:var(--bad);animation-name:ddos-edge}.ddos-pk.t{border:2px solid var(--ok);animation-name:ddos-net}@keyframes ddos-pass{0%{transform:translate(var(--x));opacity:0}4%,92%{opacity:1}to{transform:translate(var(--x),calc(var(--row) * 3));opacity:0}}@keyframes ddos-edge{0%{transform:translate(var(--x));opacity:0}4%{opacity:1}33.3%{transform:translate(var(--x),var(--row));opacity:1}40%,to{transform:translate(calc(var(--x) - 24px),calc(var(--row) * 1.05)) scale(.3);opacity:0}}@keyframes ddos-net{0%{transform:translate(var(--x));opacity:0}4%{opacity:1}66.6%{transform:translate(var(--x),calc(var(--row) * 2));opacity:1}73%,to{transform:translate(calc(var(--x) + 24px),calc(var(--row) * 2.05)) scale(.3);opacity:0}}@media(prefers-reduced-motion:reduce){.ddos-pk{animation-play-state:paused}}.ddos-stop{align-self:center;padding-left:var(--s-3)}.ddos-stop-name{margin:0;font:650 12px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.ddos-stop-what{margin:4px 0 0;color:var(--muted);font-size:15px;line-height:1.45}.ddos-cap{margin:6px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.ddos-cap b{font:750 calc(clamp(24px,1.9vw,32px) * var(--ds))/1 var(--display);letter-spacing:-.02em;color:var(--text)}.ddos-cap span{color:var(--muted);font-size:14px}.ddos-key{list-style:none;margin:var(--s-4) 0 0;padding:var(--s-4) 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);font-size:14px}.ddos-key li{display:inline-flex;align-items:center;gap:8px}.ddos-key .ddos-pk{position:static;animation:none;flex:none}.ddos-trace figcaption{margin-top:var(--s-3);color:var(--dim);font-size:13px;line-height:1.5}@media(max-width:600px){.ddos-trace{padding:var(--s-4)}.ddos-path{--row: 150px;grid-template-columns:64px minmax(0,1fr)}.ddos-rail:before{left:29px}.ddos-gate{width:54px}.ddos-dock{left:12px}.ddos-pk{left:8px}.ddos-stop{padding-left:var(--s-2)}}.ddos-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}.ddos-chart{margin:0;padding:var(--s-4) var(--s-4) var(--s-5);border:1px solid var(--line);border-radius:var(--r-2);background:color-mix(in oklab,var(--night-2) 55%,transparent);box-shadow:inset 0 1px #ffffff12}.ddos-chart figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:var(--s-3)}.ddos-chart figcaption strong{font:var(--d-w2) calc(clamp(19px,1.4vw,24px) * var(--ds))/1.2 var(--display)}.ddos-chart figcaption span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:3px 8px;border:1px solid var(--line);border-radius:999px}.ddos-plot{position:relative}.ddos-chart svg{display:block;width:100%;height:auto;overflow:visible}.ddos-chart .win{fill:color-mix(in oklab,var(--bad) 9%,transparent)}.ddos-chart .flood{fill:color-mix(in oklab,var(--bad) 16%,transparent);stroke:color-mix(in oklab,var(--bad) 60%,transparent);stroke-width:1.5}.ddos-chart .players{fill:none;stroke:var(--ok);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ddos-chart .mark{stroke:color-mix(in oklab,var(--text) 35%,transparent);stroke-width:1;stroke-dasharray:3 4}.ddos-lbl{position:absolute;left:var(--x);top:var(--y);transform:translateY(-50%);font:600 13px/1.2 var(--body);color:var(--muted);white-space:nowrap;pointer-events:none}.ddos-lbl.mid{transform:translate(-50%,-50%)}.ddos-lbl.bad{color:var(--bad)}.ddos-lbl.ok{color:var(--ok)}.ddos-chart p{margin:var(--s-3) 0 0;color:var(--muted);font-size:15px;line-height:1.55}.ddos-key-charts{border-top:0;padding-top:0}.ddos-key .ln{width:18px;height:3px;border-radius:2px}.ddos-key .ln.players{background:var(--ok)}.ddos-key .ln.flood{height:10px;background:color-mix(in oklab,var(--bad) 30%,transparent);border-top:2px solid color-mix(in oklab,var(--bad) 70%,transparent)}@media(max-width:760px){.ddos-charts{grid-template-columns:minmax(0,1fr)}}.ddos-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6)}.ddos-stage{border-top:2px solid var(--line);padding-top:var(--s-4)}.ddos-stage-n{margin:0;font:650 12px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.ddos-stage h3{margin-top:6px}.ddos-stage-what{margin:var(--s-3) 0 0;color:var(--muted);font-size:16px;line-height:1.6}.ddos-kinds{margin:var(--s-4) 0 0;display:grid;gap:var(--s-4)}.ddos-kinds div{border-top:1px solid var(--line);padding-top:var(--s-3)}.ddos-kinds dt{color:var(--text);font-weight:600;font-size:16px}.ddos-kinds dd{margin:4px 0 0;color:var(--muted);font-size:15px;line-height:1.6}.ddos-dropped .fine{margin-top:var(--s-5)}@media(max-width:760px){.ddos-stages{grid-template-columns:minmax(0,1fr)}}.ddos-panel-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-6);align-items:start}.ddos-panel-head .sec-head{margin-bottom:0}.ddos-panel-head .rows>li{grid-template-columns:minmax(0,9rem) minmax(0,1fr)}.ddos-panel .wrap{max-width:none;margin-inline:0;padding-inline:max(var(--gut),calc((100% - var(--max)) / 2)) max(var(--gut),calc((100% - var(--max)) / 2 + var(--max) - 1320px))}.ddos-shot{margin:var(--s-6) 0 0;max-width:1320px}.ddos-shot-frame{position:relative}.ddos-shot img{width:100%;border:1px solid var(--line);border-radius:var(--r-2);box-shadow:0 40px 80px -40px #050314e6}.ddos-shot figcaption{margin-top:var(--s-3);color:var(--dim);font-size:13px}.ddos-ports{margin-top:var(--s-7)}.ddos-ports h3{margin-bottom:var(--s-4)}.ddos-ports .rows p{max-width:72ch}@media(max-width:900px){.ddos-panel-head{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.ddos-panel-head .rows>li{grid-template-columns:minmax(0,1fr)}}.ddos-always h2,.ddos-dropped .sec-head h2,.ddos-panel h2{font-size:calc(clamp(34px,3.6vw,60px) * var(--ds));line-height:1.02}