.spx-page{--spx-color:#65a8ff;--spx-good:#4fd39a;--spx-warn:#eab44f;--spx-risk:#ff716b;width:min(1160px,100% - 32px);margin:0 auto;padding:0 0 clamp(42px,7vw,80px)}.spx-page.is-socket-file-transfer{--spx-color:#64c7b2}.spx-page.is-socket-state-sync{--spx-color:#aa8cff}.spx-page.is-socket-scale{--spx-color:#f0a85f}.spx-page.is-socket-latency{--spx-color:#f17eb4}.spx-page *,.spx-page :before,.spx-page :after{box-sizing:border-box}.spx-page h1,.spx-page h2,.spx-page h3,.spx-page p{margin:0}.spx-page button{font:inherit}.spx-page ol,.spx-page ul{margin:0;padding:0;list-style:none}.spx-kicker{color:var(--spx-color);font:850 .69rem/1.2 var(--font-geist-mono), monospace;letter-spacing:.11em;text-transform:uppercase}.spx-hero{grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:center;gap:clamp(24px,5vw,66px);padding:clamp(28px,5vw,54px);display:grid}.spx-hero h1{color:var(--foreground);letter-spacing:-.045em;word-break:keep-all;margin-top:11px;font-size:clamp(2.05rem,5.1vw,3.8rem);line-height:1.07}.spx-hero>div:first-child>p:last-child{max-width:720px;color:var(--muted);word-break:keep-all;margin-top:17px;font-size:clamp(.86rem,1.5vw,1rem);line-height:1.75}.spx-hero-answer{border:var(--pixel) solid var(--spx-color);background:color-mix(in srgb, var(--spx-color) 9%, var(--surface-2));box-shadow:5px 5px 0 color-mix(in srgb, var(--spx-color) 42%, var(--pixel-shadow));gap:9px;padding:21px;display:grid}.spx-hero-answer>span{color:var(--spx-color);font-size:.65rem;font-weight:850}.spx-hero-answer>small{color:var(--muted);word-break:keep-all;font-size:.69rem;line-height:1.5}.spx-hero-answer>strong{color:var(--foreground);word-break:keep-all;font-size:clamp(1.05rem,2.2vw,1.38rem);line-height:1.45}.spx-demo{margin-top:14px;padding:clamp(20px,3.8vw,38px)}.spx-demo-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.spx-demo-head h2,.spx-section-title h2,.spx-recipe h2{color:var(--foreground);letter-spacing:-.035em;word-break:keep-all;margin-top:7px;font-size:clamp(1.3rem,3vw,2rem);line-height:1.25}.spx-reset{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);cursor:pointer;flex:none;padding:8px 10px;font-size:.62rem}.spx-reset:hover,.spx-reset:focus-visible{border-color:var(--spx-color);color:var(--foreground)}.spx-reset:focus-visible{outline:3px solid color-mix(in srgb, var(--spx-color) 35%, transparent);outline-offset:2px}.spx-start-guide{border-left:3px solid var(--spx-color);background:color-mix(in srgb, var(--spx-color) 6%, var(--surface-2));color:var(--muted);flex-wrap:wrap;gap:5px 8px;padding:9px 11px;font-size:.63rem;line-height:1.5;display:flex;margin-top:12px!important}.spx-start-guide b{color:var(--spx-color)}.spx-start-guide i{color:var(--border-strong);font-style:normal}.spx-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.spx-modes button{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-width:0;min-height:82px;color:inherit;cursor:pointer;text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;display:grid;position:relative}.spx-modes button>b{width:30px;height:30px;color:var(--muted);font:900 .68rem/1 var(--font-geist-mono), monospace;border:1px solid;place-items:center;display:grid}.spx-modes button>span{gap:5px;min-width:0;display:grid}.spx-modes button strong{color:var(--foreground-soft);font-size:.76rem}.spx-modes button small{color:var(--muted);word-break:keep-all;font-size:.61rem;line-height:1.45}.spx-modes button em{border:1px solid var(--border);color:var(--muted);font:750 .53rem/1 var(--font-geist-mono), monospace;align-self:start;padding:5px 6px;font-style:normal}.spx-modes button:hover,.spx-modes button:focus-visible{border-color:var(--spx-color)}.spx-modes button:focus-visible{outline:3px solid color-mix(in srgb, var(--spx-color) 35%, transparent);outline-offset:2px}.spx-modes button.is-selected{border-color:var(--spx-color);background:color-mix(in srgb, var(--spx-color) 9%, var(--surface-2))}.spx-modes button.is-selected>b{background:var(--spx-color);color:var(--accent-contrast)}.spx-modes button.is-selected strong{color:var(--foreground)}.spx-modes button.is-naive.is-selected{border-color:var(--spx-risk);background:color-mix(in srgb, var(--spx-risk) 7%, var(--surface-2))}.spx-modes button.is-naive.is-selected>b{border-color:var(--spx-risk);background:var(--spx-risk)}.spx-scenes{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid;margin-top:9px!important}.spx-scenes li{border:1px solid var(--border);background:var(--background);min-width:0;color:var(--muted);align-items:center;gap:7px;padding:7px 8px;display:flex}.spx-scenes li>b{border:1px solid var(--border-strong);width:20px;height:20px;font:800 .55rem/1 var(--font-geist-mono), monospace;flex:none;place-items:center;display:grid}.spx-scenes li>span{text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;font-weight:750;overflow:hidden}.spx-scenes li.is-current{border-color:var(--spx-color);color:var(--foreground)}.spx-scenes li.is-current>b{border-color:var(--spx-color);background:var(--spx-color);color:var(--accent-contrast)}.spx-scenes li.is-done{color:var(--spx-good)}.spx-scenes li.is-done>b{border-color:var(--spx-good)}.spx-stage{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:9px;margin-top:9px;display:grid}.spx-stage>div{min-width:0}.spx-stage.is-preview .spx-board{opacity:.7}.spx-verdict{border:1px solid var(--border);background:var(--surface-2);border-bottom:0;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:9px 12px;display:flex}.spx-verdict>span{color:var(--foreground-soft);font-size:.68rem;font-weight:750;line-height:1.4}.spx-verdict>strong{color:var(--muted);font:850 .58rem/1 var(--font-geist-mono), monospace;flex:none}.spx-verdict.is-warn>strong{color:var(--spx-warn)}.spx-verdict.is-risk>strong{color:var(--spx-risk)}.spx-verdict.is-good>strong{color:var(--spx-good)}.spx-board{border:var(--pixel) solid var(--border);background:var(--background);min-height:338px;padding:clamp(14px,2.2vw,22px);transition:opacity .18s}.spx-side{grid-template-rows:auto minmax(0,1fr);gap:9px;min-width:0;display:grid}.spx-now,.spx-log-panel{border:var(--pixel) solid var(--border);background:var(--background)}.spx-now{gap:6px;padding:13px;display:grid}.spx-now>span,.spx-log-panel>p{color:var(--muted);font:800 .58rem/1.2 var(--font-geist-mono), monospace;letter-spacing:.06em}.spx-now strong{color:var(--foreground);font-size:.77rem}.spx-now small{color:var(--muted);word-break:keep-all;font-size:.61rem;line-height:1.45}.spx-log-panel{min-height:190px;padding:13px;overflow:hidden}.spx-log-panel>p{color:var(--spx-color);margin-bottom:10px}.spx-log-panel ol{gap:7px;display:grid}.spx-log-panel li{border-left:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);font:650 .58rem/1.45 var(--font-geist-mono), monospace;word-break:break-word;padding:7px 8px 7px 17px;position:relative}.spx-log-panel li:before{content:"";background:var(--border-strong);width:5px;height:5px;position:absolute;top:12px;left:-3px}.spx-log-panel li.is-current{border-left-color:var(--spx-color);color:var(--foreground-soft)}.spx-log-panel li.is-current:before{background:var(--spx-color)}.spx-empty{color:var(--muted);padding:14px 0;font-size:.61rem;line-height:1.5;display:block}.spx-caption{border:1px solid var(--border);background:var(--surface-2);min-height:57px;color:var(--foreground-soft);word-break:keep-all;padding:10px 12px;font-size:.68rem;line-height:1.6;margin-top:8px!important}.spx-controls{grid-template-columns:minmax(130px,.55fr) minmax(105px,.38fr) minmax(0,1fr);gap:7px;margin-top:8px;display:grid}.spx-controls button{border:var(--pixel) solid var(--spx-color);cursor:pointer;min-height:43px;font-weight:850}.spx-main{background:var(--spx-color);color:var(--accent-contrast)}.spx-auto{background:color-mix(in srgb, var(--spx-color) 8%, var(--surface-2));color:var(--spx-color)}.spx-auto.is-on{background:var(--spx-warn);border-color:var(--spx-warn);color:#17130b}.spx-controls button:hover{filter:brightness(1.08)}.spx-controls button:focus-visible{outline:3px solid color-mix(in srgb, var(--spx-color) 40%, transparent);outline-offset:2px}.spx-progress{border:1px solid var(--border);background:var(--background);min-width:0;color:var(--muted);justify-content:flex-end;align-items:center;padding:0 12px;font-size:.62rem;display:flex}.spx-progress b{color:var(--foreground-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spx-delivery{align-content:center;gap:24px;display:grid}.spx-delivery-lane{grid-template-columns:116px minmax(120px,1fr) 116px;align-items:center;gap:10px;display:grid}.spx-endpoint{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);text-align:center;justify-items:center;gap:5px;padding:14px 8px;display:grid}.spx-endpoint>span{width:34px;height:34px;color:var(--spx-color);place-items:center;font-size:1.3rem;display:grid}.spx-endpoint b{color:var(--foreground);font-size:.72rem}.spx-endpoint small{color:var(--muted);font-size:.56rem}.spx-wire{background:var(--spx-good);height:4px;position:relative}.spx-wire:before,.spx-wire:after{content:"";background:inherit;width:2px;height:12px;position:absolute;top:-4px}.spx-wire:before{left:0}.spx-wire:after{right:0}.spx-wire>span{color:var(--muted);font:750 .54rem/1 var(--font-geist-mono), monospace;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.spx-wire.is-broken{background:repeating-linear-gradient(90deg, var(--spx-risk) 0 12px, transparent 12px 19px)}.spx-wire.is-broken:before,.spx-wire.is-broken:after{background:var(--spx-risk)}.spx-moving-packet{z-index:2;border:1px solid var(--spx-color);background:var(--background);color:var(--foreground);font:800 .55rem/1 var(--font-geist-mono), monospace;white-space:nowrap;box-shadow:3px 3px 0 var(--pixel-shadow);padding:6px 8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spx-moving-packet.is-ack{border-color:var(--spx-good)}.spx-moving-packet.is-retry{border-color:var(--spx-warn)}.spx-delivery-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.spx-delivery-facts>div{border:1px solid var(--border);background:var(--surface-2);gap:6px;min-width:0;padding:10px;display:grid}.spx-delivery-facts span{color:var(--muted);font-size:.56rem}.spx-delivery-facts strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.spx-delivery-facts .is-good{border-color:color-mix(in srgb, var(--spx-good) 60%, var(--border))}.spx-delivery-facts .is-good strong{color:var(--spx-good)}.spx-delivery-facts .is-risk{border-color:var(--spx-risk);background:color-mix(in srgb, var(--spx-risk) 8%, var(--surface-2))}.spx-delivery-facts .is-risk strong{color:var(--spx-risk)}.spx-transfer{align-content:center;gap:18px;display:grid}.spx-transfer-flow{grid-template-columns:104px minmax(150px,1fr) 104px;align-items:center;gap:10px;display:grid}.spx-file-node{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);text-align:center;justify-items:center;gap:5px;padding:13px 7px;display:grid}.spx-file-node>span{color:var(--spx-color);font-size:1.55rem}.spx-file-node b{color:var(--foreground);font-size:.65rem}.spx-file-node small{color:var(--muted);font-size:.54rem}.spx-buffer-box{border:1px solid var(--border);background:var(--surface-2);gap:7px;min-width:0;padding:12px;display:grid}.spx-buffer-box>span{color:var(--muted);justify-content:space-between;gap:10px;font-size:.58rem;display:flex}.spx-buffer-box>span b{color:var(--foreground-soft)}.spx-buffer-box>i{border:1px solid var(--border-strong);background:var(--background);height:13px;padding:2px}.spx-buffer-box>i>b{background:var(--spx-color);max-width:100%;height:100%;transition:width .25s;display:block}.spx-transfer.is-warn .spx-buffer-box>i>b{background:var(--spx-warn)}.spx-transfer.is-risk .spx-buffer-box>i>b{background:var(--spx-risk)}.spx-buffer-box>strong{color:var(--spx-color);font:750 .53rem/1.2 var(--font-geist-mono), monospace}.spx-buffer-box>strong.is-paused{color:var(--spx-warn)}.spx-chunks{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.spx-chunks>span{border:1px solid var(--border);min-width:0;color:var(--muted);justify-items:center;gap:3px;padding:8px 2px;display:grid}.spx-chunks b{font:800 .58rem/1 var(--font-geist-mono), monospace}.spx-chunks small{font-size:.48rem}.spx-chunks .is-buffered{border-color:var(--spx-warn);color:var(--spx-warn);background:color-mix(in srgb, var(--spx-warn) 7%, var(--surface-2))}.spx-chunks .is-received{border-color:var(--spx-good);color:var(--spx-good);background:color-mix(in srgb, var(--spx-good) 8%, var(--surface-2))}.spx-checksum{border:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.spx-checksum span{color:var(--muted);font-size:.57rem}.spx-checksum strong{color:var(--muted);font:850 .58rem/1 var(--font-geist-mono), monospace}.spx-checksum.is-pass{border-color:var(--spx-good)}.spx-checksum.is-pass strong{color:var(--spx-good)}.spx-checksum.is-fail{border-color:var(--spx-risk)}.spx-checksum.is-fail strong{color:var(--spx-risk)}.spx-sync{align-content:center;gap:13px;display:grid}.spx-sync-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.spx-state-panel{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);gap:9px;min-width:0;padding:15px;display:grid}.spx-state-panel>span{color:var(--foreground-soft);justify-content:space-between;align-items:center;gap:6px;font-size:.65rem;font-weight:800;display:flex}.spx-state-panel>span i{color:var(--spx-good);font:750 .47rem/1 var(--font-geist-mono), monospace;font-style:normal}.spx-state-panel>strong{color:var(--foreground);font-size:clamp(1.55rem,4vw,2.4rem);line-height:1}.spx-state-panel>small{color:var(--muted);font:650 .55rem/1 var(--font-geist-mono), monospace}.spx-state-panel.is-source{border-color:var(--spx-color);background:color-mix(in srgb, var(--spx-color) 9%, var(--surface-2))}.spx-state-panel.is-source>span i{color:var(--spx-color)}.spx-state-panel.is-offline{border-color:var(--spx-risk);opacity:.72}.spx-state-panel.is-offline>span i{color:var(--spx-risk)}.spx-version-line{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.spx-version-line i{background:var(--spx-color);height:2px}.spx-version-line i.is-broken{background:repeating-linear-gradient(90deg, var(--spx-risk) 0 8px, transparent 8px 13px)}.spx-version-line b{color:var(--spx-color);font:750 .55rem/1 var(--font-geist-mono), monospace}.spx-sync-result{border:1px solid var(--spx-risk);background:color-mix(in srgb, var(--spx-risk) 6%, var(--surface-2));gap:6px;padding:11px;display:grid}.spx-sync-result span{color:var(--muted);font:700 .51rem/1 var(--font-geist-mono), monospace}.spx-sync-result strong{color:var(--spx-risk);font-size:.68rem}.spx-sync-result.is-good{border-color:var(--spx-good);background:color-mix(in srgb, var(--spx-good) 6%, var(--surface-2))}.spx-sync-result.is-good strong{color:var(--spx-good)}.spx-scale{align-content:center;gap:11px;display:grid}.spx-scale-users{grid-template-columns:1fr 1fr;gap:30%;padding:0 7%;display:grid}.spx-scale-users article{border:1px solid var(--border);background:var(--surface-2);grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:0;padding:8px;display:grid}.spx-scale-users article>span{color:var(--muted);grid-row:1/3}.spx-scale-users b{color:var(--foreground);font-size:.63rem}.spx-scale-users small{color:var(--muted);font-size:.5rem}.spx-scale-users article.is-received{border-color:var(--spx-good)}.spx-scale-users article.is-received>span,.spx-scale-users article.is-received small{color:var(--spx-good)}.spx-scale-system{grid-template-columns:minmax(100px,1fr) minmax(150px,1.25fr) minmax(100px,1fr);align-items:stretch;gap:8px;display:grid}.spx-scale-system article,.spx-broker{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);text-align:center;align-content:center;justify-items:center;gap:7px;min-width:0;min-height:112px;padding:10px;display:grid}.spx-scale-system small{color:var(--muted);font:700 .48rem/1 var(--font-geist-mono), monospace}.spx-scale-system strong{color:var(--foreground);font-size:.66rem}.spx-scale-system span{color:var(--muted);font-size:.52rem;line-height:1.35}.spx-scale-system article.is-active{border-color:var(--spx-color);background:color-mix(in srgb, var(--spx-color) 8%, var(--surface-2))}.spx-broker{opacity:.68;border-style:dashed}.spx-broker.is-on{border-color:var(--spx-color);opacity:1;border-style:solid}.spx-broker.is-active{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--spx-color) 45%, transparent)}.spx-broker.is-on strong{color:var(--spx-color)}.spx-room-line{border:1px solid var(--border);background:var(--surface-2);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.spx-room-line b{color:var(--foreground);font-size:.58rem}.spx-room-line span{color:var(--muted);font:700 .53rem/1 var(--font-geist-mono), monospace;text-align:center}.spx-room-line strong{color:var(--spx-color);font:800 .52rem/1 var(--font-geist-mono), monospace}.spx-latency{align-content:center;gap:15px;display:grid}.spx-packet-queue{align-items:center;gap:6px;display:flex}.spx-packet-queue>span{border:1px solid var(--border-strong);width:30px;height:26px;color:var(--muted);font:750 .54rem/1 var(--font-geist-mono), monospace;place-items:center;display:grid}.spx-packet-queue>span.is-applied{border-color:var(--spx-good);color:var(--spx-good)}.spx-packet-queue>span.is-arriving{border-color:var(--spx-color);background:var(--spx-color);color:var(--accent-contrast)}.spx-packet-queue>strong{color:var(--muted);font:750 .54rem/1 var(--font-geist-mono), monospace;margin-left:auto}.spx-arena{border:var(--pixel) solid var(--border-strong);background-color:var(--surface-2);background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:20px 20px;height:170px;position:relative;overflow:hidden}.spx-track{background:var(--border-strong);height:4px;position:absolute;inset:50% 8%;transform:translateY(-50%)}.spx-track i{background:var(--border-strong);width:2px;height:14px;position:absolute;top:-5px}.spx-track i:first-child{left:0}.spx-track i:nth-child(2){left:25%}.spx-track i:nth-child(3){left:50%}.spx-track i:nth-child(4){left:75%}.spx-track i:nth-child(5){right:0}.spx-arena-label{color:var(--muted);font:700 .48rem/1 var(--font-geist-mono), monospace;position:absolute;top:8px}.spx-arena-label.is-start{left:8px}.spx-arena-label.is-goal{right:8px}.spx-player{justify-items:center;gap:3px;width:82px;transition:left .35s;display:grid;position:absolute;transform:translate(-50%)}.spx-player>span{background:var(--background);border:2px solid;place-items:center;width:28px;height:28px;display:grid}.spx-player>small{background:var(--background);color:currentColor;white-space:nowrap;padding:3px 5px;font-size:.48rem}.spx-player.is-truth{color:var(--muted);top:34px}.spx-player.is-display{color:var(--spx-color);bottom:28px}.spx-player.is-display.is-smooth{transition-duration:.65s}.spx-latency-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.spx-latency-facts>span{border:1px solid var(--border);color:var(--foreground-soft);gap:5px;padding:8px;font-size:.56rem;display:grid}.spx-latency-facts b{color:var(--muted);font-size:.5rem}.spx-latency-facts .is-risk{border-color:var(--spx-risk);color:var(--spx-risk)}.spx-latency-facts .is-good{border-color:var(--spx-good);color:var(--spx-good)}.spx-principles{margin-top:14px;padding:clamp(22px,4vw,38px)}.spx-principles>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:19px;display:grid}.spx-principles article{border:var(--pixel) solid var(--border);background:var(--background);grid-template-columns:auto 1fr;align-content:start;gap:8px 10px;min-width:0;padding:16px;display:grid}.spx-principles article>b{border:1px solid var(--spx-color);width:29px;height:29px;color:var(--spx-color);font:850 .57rem/1 var(--font-geist-mono), monospace;grid-row:1/3;place-items:center;display:grid}.spx-principles article>strong{color:var(--foreground);word-break:keep-all;font-size:.76rem;line-height:1.45}.spx-principles article>p{color:var(--muted);word-break:keep-all;font-size:.65rem;line-height:1.62}.spx-recipe{grid-template-columns:.85fr 1.15fr;gap:clamp(22px,5vw,60px);margin-top:14px;padding:clamp(22px,4vw,38px);display:grid}.spx-recipe>div>p:last-child{color:var(--muted);word-break:keep-all;margin-top:12px;font-size:.68rem;line-height:1.65}.spx-recipe ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.spx-recipe li{border:1px solid var(--border);background:var(--background);grid-template-columns:auto 1fr;align-items:start;gap:9px;padding:12px;display:grid}.spx-recipe li>b{background:var(--spx-color);width:24px;height:24px;color:var(--accent-contrast);font:850 .55rem/1 var(--font-geist-mono), monospace;place-items:center;display:grid}.spx-recipe li>span{gap:4px;min-width:0;display:grid}.spx-recipe li strong{color:var(--foreground);font-size:.66rem}.spx-recipe li small{color:var(--muted);word-break:keep-all;font-size:.57rem;line-height:1.45}.spx-warning{border:var(--pixel) solid var(--border-strong);background:color-mix(in srgb, var(--spx-color) 5%, var(--surface-2));margin-top:14px;padding:18px 20px}.spx-warning>strong{color:var(--foreground);font-size:.7rem}.spx-warning>p{color:var(--muted);word-break:keep-all;margin-top:7px;font-size:.64rem;line-height:1.6}@media (max-width:820px){.spx-hero{grid-template-columns:1fr}.spx-hero-answer{max-width:500px}.spx-stage{grid-template-columns:1fr}.spx-side{grid-template-rows:none;grid-template-columns:.8fr 1.2fr}.spx-principles>div:last-child,.spx-recipe{grid-template-columns:1fr}}@media (max-width:600px){.spx-page{width:min(100% - 20px,1160px)}.spx-hero{gap:20px;padding:22px 17px}.spx-hero h1{font-size:clamp(1.8rem,9.5vw,2.65rem)}.spx-demo,.spx-principles,.spx-recipe{padding:17px 12px}.spx-demo-head{align-items:center}.spx-demo-head h2{font-size:1.2rem}.spx-modes{grid-template-columns:1fr}.spx-modes button{min-height:74px}.spx-scenes{gap:3px}.spx-scenes li{text-align:center;justify-items:center;gap:4px;padding:6px 2px;display:grid}.spx-scenes li>span{width:100%;font-size:.51rem}.spx-verdict{align-items:start}.spx-verdict>strong{padding-top:2px;font-size:.51rem}.spx-board{min-height:310px;padding:12px 8px}.spx-side{grid-template-columns:1fr}.spx-log-panel{min-height:150px}.spx-controls{grid-template-columns:1.15fr .85fr}.spx-progress{grid-column:1/-1;justify-content:center;min-height:37px}.spx-delivery-lane{grid-template-columns:78px minmax(86px,1fr) 78px;gap:5px}.spx-endpoint{padding:10px 3px}.spx-endpoint>span{width:27px;height:27px}.spx-endpoint b{font-size:.58rem}.spx-endpoint small{display:none}.spx-moving-packet{padding:5px 4px;font-size:.47rem}.spx-delivery-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.spx-transfer-flow{grid-template-columns:76px minmax(110px,1fr) 76px;gap:5px}.spx-file-node{padding:10px 2px}.spx-file-node b{font-size:.54rem}.spx-file-node small{font-size:.45rem}.spx-buffer-box{padding:8px 6px}.spx-chunks{gap:2px}.spx-chunks>span{padding:7px 0}.spx-chunks small{display:none}.spx-state-panel{padding:9px 6px}.spx-state-panel>span{font-size:.55rem;display:grid}.spx-state-panel>strong{font-size:1.45rem}.spx-state-panel>small{font-size:.45rem}.spx-scale-users{gap:16%;padding:0 3%}.spx-scale-system{grid-template-columns:.8fr 1.1fr .8fr;gap:4px}.spx-scale-system article,.spx-broker{min-height:104px;padding:7px 3px}.spx-scale-system strong{font-size:.54rem}.spx-scale-system span{font-size:.44rem}.spx-room-line{gap:4px;padding:8px 5px}.spx-room-line span{font-size:.44rem}.spx-arena{height:155px}.spx-player{width:68px}.spx-latency-facts>span{padding:7px 4px;font-size:.49rem}.spx-principles article{padding:13px 11px}.spx-recipe ol{grid-template-columns:1fr}.spx-warning{padding:16px 12px}}@media (prefers-reduced-motion:reduce){.spx-page *,.spx-page :before,.spx-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}