.pong-shell main{padding:0 36px}.pong-shell .session-bar{justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px 0;display:flex}.pong-shell .session-bar h1{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:500}.pong-shell .session-bar>span{font:12px/1.5 var(--mono);color:var(--muted)}.pong-shell .workspace{border:1px solid var(--line);background:#16171e;border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(310px,31%);display:grid;overflow:hidden}.pong-shell .arena-panel{background:#161920;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.pong-shell .arena-heading{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:24px;left:26px;right:26px}.pong-shell .channel{font:12px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted)}.pong-shell .phase{font:12px/1.4 var(--mono);color:#f0f1f9;background:#181b25cc;border:1px solid #555b6b;border-radius:5px;padding:7px 11px}.pong-shell .viewport{flex:1;height:clamp(470px,58vh,760px);min-height:470px;position:relative}.pong-shell .viewport>canvas,.pong-shell .brain-viewport>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pong-shell .scoreboard{z-index:1;pointer-events:none;flex-direction:column;display:flex;position:absolute;top:80px;left:26px}.pong-shell .scoreboard>span{font:12px var(--mono);letter-spacing:.08em;color:var(--muted)}.pong-shell .scoreboard strong{letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-family:Manrope Variable,sans-serif;font-size:clamp(64px,6vw,96px);font-weight:500;line-height:1.2}.pong-shell .specimen{z-index:1;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:20px;left:26px}.pong-shell .specimen span:first-child{font-size:14px;font-weight:500}.pong-shell .specimen span:last-child{font:12px var(--mono);color:var(--muted)}.pong-shell .flight-strip{border-top:1px solid #383d4b;justify-content:space-between;align-items:center;gap:18px;margin:0 26px;padding:18px 0;display:flex}.pong-shell .flight-strip>span{font:12px/1.6 var(--mono);color:#bac8ff}.pong-shell .flight-strip>div{gap:24px;display:flex}.pong-shell .flight-strip>div>span{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.pong-shell .flight-strip strong{color:#f1f2f6;font:14px var(--mono);font-variant-numeric:tabular-nums}.pong-shell .transport{align-items:center;gap:22px;min-height:66px;padding:0 26px 24px;display:flex}.pong-shell .playback-buttons{align-items:center;gap:8px;display:flex}.pong-shell .play-button{background:var(--orange);color:#17151a;border-radius:7px;min-width:116px;padding:13px 18px;font-size:14px;font-weight:600}.pong-shell .play-button:hover:not(:disabled){color:#17151a;background:#ff9c79}.pong-shell .icon-button,.pong-shell .speed-button{border:1px solid #414550;border-radius:7px;min-width:44px;height:44px}.pong-shell .icon-button{font-size:25px}.pong-shell .speed-button{font:14px var(--mono)}.pong-shell .elapsed{font:12px var(--mono);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.pong-shell .replay-label{font:12px var(--mono);color:#858c9f;margin-left:auto}.pong-shell .timeline{background:#35343d;height:3px;overflow:hidden}.pong-shell .timeline>div{background:var(--orange);transform-origin:0;will-change:transform;height:100%;transform:scaleX(0)}.pong-shell .neural-panel{border-left:1px solid var(--line);background:#161920;flex-direction:column;min-width:0;padding:24px 24px 0;display:flex}.pong-shell .neural-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pong-shell .neural-heading h2{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:500}.pong-shell .rotate-button{white-space:nowrap;color:#c2c8d8;padding:4px 0;font-size:12px}.pong-shell .rotate-button[aria-pressed=false]{color:var(--orange)}.pong-shell .brain-viewport{flex:1;min-height:320px;margin:0 -16px;position:relative}.pong-shell .region-label{z-index:1;font:12px/1.5 var(--mono);color:#a4b4cd;pointer-events:none;position:absolute;left:8px}.pong-shell .brain-region{top:26%}.pong-shell .cord-region{top:66%}.pong-shell .region-label small{color:#73849f;font-size:12px}.pong-shell .brain-legend{color:#a8b3c6;flex-wrap:wrap;gap:12px;padding:8px 0 18px;font-size:12px;display:flex}.pong-shell .brain-legend>span{align-items:center;gap:6px;display:flex}.pong-shell .key{background:#536276;border-radius:50%;width:5px;height:5px;display:inline-block}.pong-shell .key.active{background:#ff9369;box-shadow:0 0 9px #ff784850}.pong-shell .key.connection{background:#67cffa;border-radius:0;width:12px;height:1px}.pong-shell .trace{border-top:1px solid var(--line);padding-top:15px}.pong-shell .trace>div{font:12px var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.pong-shell .trace strong{color:var(--orange);font-variant-numeric:tabular-nums;font-weight:400}.pong-shell .trace canvas{width:100%;height:45px;margin:8px 0 0;display:block}.pong-shell .brain-stats{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;padding:18px 0 22px;display:grid}.pong-shell .brain-stats>div{flex-direction:column;gap:6px;display:flex}.pong-shell .brain-stats strong{letter-spacing:-.05em;font:500 23px Manrope Variable,sans-serif}.pong-shell .brain-stats strong span{letter-spacing:0;font-size:16px}.pong-shell .brain-stats>div>span{color:var(--muted);font-size:12px}.pong-shell footer{font:12px/1.6 var(--mono);color:#8d93a4;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:22px 0 28px;display:flex}.pong-shell footer>span:first-child{color:#c8cbd6}.pong-shell dialog{color:#e8ebf4;background:#1a1d27;border:1px solid #4b5265;border-radius:6px;width:min(660px,100% - 32px);max-height:85vh;padding:40px;overflow:auto;box-shadow:0 30px 120px #0008}.pong-shell dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b13b8}.pong-shell dialog h2{letter-spacing:-.04em;font-size:36px;font-weight:500;line-height:1.1}.pong-shell dialog h3{font-size:20px}.pong-shell dialog p,.pong-shell dialog li{color:#c4ccde;font-size:16px;line-height:1.7}.pong-shell dialog a{color:#ffa17b}.pong-shell dialog .close{float:right}.pong-shell dialog .channel{margin-top:14px}.pong-shell dialog code{overflow-wrap:anywhere}.pong-shell #error{z-index:20;background:#6e261c;border:1px solid #ff986f;border-radius:10px;padding:20px;font-size:16px;position:fixed;bottom:22px;left:22px;right:22px}@media (min-width:1800px){.pong-shell main{max-width:1848px;margin-left:auto;margin-right:auto}.pong-shell .viewport{min-height:660px}}@media (max-width:1100px){.pong-shell main{padding:0 24px}.pong-shell .workspace{grid-template-columns:minmax(0,1fr) 320px}.pong-shell .neural-panel{padding:20px 18px 0}.pong-shell .neural-heading{flex-wrap:wrap;gap:2px}.pong-shell .replay-label{display:none}.pong-shell .flight-strip{flex-direction:column;align-items:flex-start;gap:8px}.pong-shell .flight-strip>div{gap:18px}.pong-shell .viewport{min-height:420px}.pong-shell .arena-heading{left:20px;right:20px}.pong-shell .scoreboard,.pong-shell .specimen{left:20px}.pong-shell footer>span:last-child{display:none}}@media (max-width:800px){.pong-shell .workspace{grid-template-columns:1fr}.pong-shell .neural-panel{border-left:0;border-top:1px solid var(--line);padding:22px 24px 0;position:relative}.pong-shell .neural-heading{flex-wrap:nowrap}.pong-shell .brain-viewport{flex:none;height:440px;min-height:0;margin-top:15px}.pong-shell .brain-region{top:33%}.pong-shell .cord-region{top:71%}.pong-shell .brain-stats strong{font-size:26px}.pong-shell .viewport{flex:none;height:510px}.pong-shell .flight-strip{flex-direction:row;align-items:center}.pong-shell .session-bar{flex-direction:column;align-items:flex-start;gap:5px;min-height:78px}.pong-shell .transport{padding-bottom:20px}.pong-shell .replay-label{display:block}.pong-shell .brain-legend{justify-content:center}.pong-shell .trace canvas{height:55px}}@media (max-width:480px){.pong-shell main{padding:0 12px}.pong-shell .session-bar{padding:16px 4px}.pong-shell .session-bar h1{font-size:14px}.pong-shell .session-bar>span{font-size:12px}.pong-shell .workspace{border-radius:6px}.pong-shell .arena-heading{top:16px;left:16px;right:16px}.pong-shell .viewport{height:400px;min-height:0}.pong-shell .scoreboard{top:65px;left:16px}.pong-shell .scoreboard strong{font-size:60px}.pong-shell .specimen{bottom:16px;left:16px}.pong-shell .phase{padding:6px;font-size:12px}.pong-shell .flight-strip{flex-direction:column;align-items:flex-start;gap:8px;margin:0 16px;padding:15px 0}.pong-shell .transport{flex-wrap:wrap;gap:12px;min-height:62px;padding:0 16px 18px}.pong-shell .play-button{min-width:110px;padding:12px 14px}.pong-shell .elapsed{margin-left:auto}.pong-shell .replay-label{display:none}.pong-shell .brain-viewport{height:430px}.pong-shell .neural-panel{padding:18px 18px 0}.pong-shell .brain-legend{column-gap:10px}.pong-shell .region-label{font-size:12px;left:12px}.pong-shell .brain-stats{gap:14px}.pong-shell footer{gap:8px;padding:18px 4px 24px}.pong-shell dialog{padding:24px}.pong-shell dialog h2{font-size:30px}}@media (prefers-reduced-motion:reduce){.pong-shell *{scroll-behavior:auto!important;transition:none!important}}.pong-shell .duel-workspace{grid-template-columns:minmax(220px,.3fr) minmax(420px,1fr) minmax(220px,.3fr);grid-template-areas:"a court b"}.pong-shell .player-a{--player:#ff7848;grid-area:a}.pong-shell .player-b{--player:#6bc8ff;grid-area:b}.pong-shell .duel-workspace .arena-panel{border-inline:1px solid var(--line);grid-area:court}.pong-shell .duel-workspace .neural-panel{border:0;padding:22px 18px 0;position:relative}.pong-shell .duel-workspace .brain-viewport{flex:1;height:auto;min-height:350px;margin:0 -12px}.pong-shell .player-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pong-shell .player-head h2{color:var(--player);margin:0;font-size:22px;font-weight:500}.pong-shell .player-head>span{font:12px var(--mono);color:var(--muted)}.pong-shell .player-info{color:var(--muted);margin:10px 0 4px;font-size:12px;line-height:1.5}.pong-shell .session-controls{align-items:center;gap:24px;display:flex}.pong-shell .session-controls>span{font:12px/1.5 var(--mono);color:var(--muted)}.pong-shell .onsets{color:var(--muted);justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;display:flex}.pong-shell .onsets strong{font:14px var(--mono);color:var(--player);font-variant-numeric:tabular-nums}.pong-shell .duel-workspace .brain-legend{justify-content:flex-start;gap:16px;padding:8px 0 16px}.pong-shell .duel-workspace .key.active{background:var(--player);box-shadow:none}.pong-shell .duel-workspace .trace strong{color:var(--player)}.pong-shell .player-stats{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 0 22px;display:flex}.pong-shell .player-returns{align-items:baseline;gap:8px;display:flex}.pong-shell .player-returns>strong{letter-spacing:-.04em;color:var(--player);font:500 32px Manrope Variable,sans-serif}.pong-shell .player-returns>span{color:var(--muted);font-size:12px}.pong-shell .player-stats>div:last-child{color:var(--muted);flex-direction:column;gap:8px;font-size:12px;display:flex}.pong-shell .player-stats>div:last-child>span{justify-content:space-between;gap:12px;display:flex}.pong-shell .player-stats>div:last-child strong{font:13px var(--mono);color:#e4e9f5}.pong-shell .fly-label{z-index:2;pointer-events:none;font:13px var(--mono);white-space:nowrap;background:#111722dd;border:1px solid;border-radius:4px;padding:5px 8px;position:absolute;transform:translate(-50%,-100%)}.pong-shell .fly-a{color:#ff936d}.pong-shell .fly-b{color:#6bc8ff}.pong-shell .match-caption{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin:0 24px;padding:17px 0;font-size:14px;display:flex}.pong-shell .match-caption>span:nth-child(2){color:var(--muted);text-align:center;font-size:12px}.pong-shell .duel-workspace .viewport{height:clamp(460px,59vh,740px);min-height:460px}.pong-shell .duel-workspace .transport{gap:16px;padding-inline:24px}.pong-shell .duel-workspace .replay-label{display:none}.pong-shell .duel-workspace .elapsed{margin-left:auto}.pong-shell .duel-workspace .brain-region{top:24%}.pong-shell .duel-workspace .cord-region{top:67%}@media (max-width:1200px){.pong-shell .duel-workspace{grid-template-columns:minmax(200px,.33fr) minmax(350px,1fr) minmax(200px,.33fr)}.pong-shell .duel-workspace .neural-panel{padding-inline:14px}.pong-shell .player-head{flex-wrap:wrap}.pong-shell .duel-workspace .brain-legend{gap:10px}.pong-shell .match-caption>span:nth-child(2){max-width:170px}.pong-shell .duel-workspace .transport{gap:12px;padding-inline:16px}.pong-shell .duel-workspace .elapsed{font-size:12px}}@media (max-width:950px){.pong-shell .duel-workspace{grid-template-columns:1fr 1fr;grid-template-areas:"court court""a b"}.pong-shell .duel-workspace .arena-panel{border-inline:0;border-bottom:1px solid var(--line)}.pong-shell .duel-workspace .player-b{border-left:1px solid var(--line)}.pong-shell .duel-workspace .brain-viewport{flex:none;height:370px;min-height:0}.pong-shell .duel-workspace .viewport{height:480px;min-height:0}.pong-shell .duel-workspace .player-head{flex-wrap:nowrap}.pong-shell .duel-workspace .player-stats{align-items:flex-start}}@media (max-width:480px){.pong-shell .session-controls{justify-content:space-between;gap:12px;width:100%}.pong-shell .duel-workspace .viewport{height:360px}.pong-shell .duel-workspace .neural-panel{padding:16px 10px 0}.pong-shell .duel-workspace .player-head{flex-direction:column;align-items:flex-start;gap:8px}.pong-shell .player-info{font-size:12px;line-height:1.5}.pong-shell .duel-workspace .brain-viewport{height:310px;margin:0 -7px}.pong-shell .duel-workspace .brain-legend{flex-wrap:wrap;gap:10px}.pong-shell .duel-workspace .region-label{font-size:12px;left:5px}.pong-shell .duel-workspace .region-label small{font-size:12px}.pong-shell .duel-workspace .trace>div{flex-wrap:wrap;gap:8px;font-size:12px}.pong-shell .duel-workspace .player-stats{flex-direction:column;gap:12px}.pong-shell .duel-workspace .player-stats>div:last-child{width:100%}.pong-shell .match-caption{gap:8px;margin:0 16px}.pong-shell .match-caption>span:nth-child(2){max-width:160px}.pong-shell .duel-workspace .scoreboard strong{font-size:54px}.pong-shell .duel-workspace .fly-label{padding:3px 5px;font-size:12px}}.pong-shell{min-height:var(--page-height)}@media (min-width:951px) and (min-height:650px){.pong-shell{height:var(--page-height)}.pong-shell main{grid-template-rows:auto minmax(0,1fr) auto;height:100%;padding:0 clamp(18px,2vw,36px);display:grid}.pong-shell .session-bar{min-height:56px;padding:12px 0}.pong-shell .duel-workspace{grid-template-rows:minmax(0,1fr);min-height:0}.pong-shell .duel-workspace .arena-panel,.pong-shell .duel-workspace .neural-panel{min-height:0}.pong-shell .duel-workspace .viewport,.pong-shell .duel-workspace .brain-viewport{flex:1 1 0;height:auto;min-height:0}.pong-shell .duel-workspace .neural-panel{padding-top:16px}.pong-shell .duel-workspace .neural-panel>:not(.brain-viewport),.pong-shell .duel-workspace .arena-panel>:not(.viewport){flex-shrink:0}.pong-shell .duel-workspace .onsets{padding:8px 0}.pong-shell .duel-workspace .brain-legend{padding:4px 0 10px}.pong-shell .duel-workspace .trace{padding-top:10px}.pong-shell .player-stats{padding:10px 0 14px}.pong-shell .match-caption{padding:10px 0}.pong-shell .duel-workspace .transport{min-height:58px;padding-block:10px}.pong-shell footer{gap:8px;padding:10px 0}}