.game-loading{aspect-ratio:1;border-radius:var(--sh-r-card,28px);background:color-mix(in oklab, var(--game-sky-0) 60%, transparent);width:100%;max-width:480px;margin-inline:auto}html:root .algo-row-viz :is(.snake-float,.vx-float){max-width:none}html:root .algo-row-viz :is(.snake-stage-bare,.vx-stage),html:root .algo-row-viz :is(.snake-float,.vx-float):is(:hover,:focus-within) :is(.snake-stage-bare,.vx-stage){box-shadow:none;border:0;border-radius:0;transform:none}
.bsx{--bsx-line:var(--game-outline);--bsx-bw:3px;--bsx-bw-in:2px;--bsx-r:18px;--bsx-r-sm:12px;--bsx-shadow:0 10px 0 var(--game-outline);--bsx-shadow-sm:0 4px 0 var(--game-outline);--bsx-card:var(--surface);--bsx-card-2:var(--surface-2);--bsx-bar:var(--surface-2);--bsx-ink:var(--navy);--bsx-ink-soft:var(--ink-soft);--bsx-ink-muted:var(--ink-muted);--bsx-accent:var(--brand-accent);--bsx-accent-600:var(--brand-accent-600);--bsx-accent-50:var(--brand-accent-50);--bsx-accent-ink:var(--brand-accent-contrast);--bsx-dot-1:var(--game-pumpkin);--bsx-dot-2:var(--game-wheat);--bsx-dot-3:var(--game-grass)}html:root .bsx{--bsx-line:var(--sh-line,color-mix(in oklab, var(--ink) 10%, transparent));--bsx-bw:var(--sh-bw,1px);--bsx-bw-in:var(--sh-bw,1px);--bsx-r:var(--sh-r-card-sm,22px);--bsx-r-sm:var(--sh-r-ctl,14px);--bsx-shadow:var(--sh-shadow-3,0 30px 60px -24px #00000059);--bsx-shadow-sm:var(--sh-shadow-1,0 10px 24px -10px #0000004d)}.bsx-win{background:var(--bsx-card);border:var(--bsx-bw) solid var(--bsx-line);border-radius:var(--bsx-r);box-shadow:var(--bsx-shadow);margin:0;position:relative;overflow:hidden}.bsx-win-bar{height:var(--bsx-bar-h,32px);padding:0 calc(var(--bsx-bar-h,32px) * .36);background:var(--bsx-bar);border-bottom:var(--bsx-bw-in) solid var(--bsx-line);align-items:center;gap:10px;display:flex}.bsx-win-dots{gap:calc(var(--bsx-bar-h,32px) * .18);flex:none;display:inline-flex}.bsx-win-dots i{width:calc(var(--bsx-bar-h,32px) * .32);aspect-ratio:1;background:var(--bsx-dot-1);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--bsx-line) 70%, transparent);border-radius:50%;display:block}.bsx-win-dots i:nth-child(2){background:var(--bsx-dot-2)}.bsx-win-dots i:nth-child(3){background:var(--bsx-dot-3)}.bsx-win-url{min-width:0;height:calc(var(--bsx-bar-h,32px) * .62);background:var(--bsx-card);border:1px solid color-mix(in oklab, var(--bsx-line) 30%, transparent);font-family:var(--font-mono);font-size:calc(var(--bsx-bar-h,32px) * .34);letter-spacing:.01em;color:var(--bsx-ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;margin:0 auto;padding:0 12px;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.bsx-win-url svg{color:var(--bsx-accent-600);flex:none}.bsx-win-bar:after{content:"";width:calc(var(--bsx-bar-h,32px) * 1.32);flex:none}.bsx-win-view{background:var(--bsx-card-2);position:relative;overflow:hidden}.bsx-win-img{object-fit:cover;object-position:left top;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.ss-scene{position:relative;overflow-x:clip}.ss-head{margin-bottom:var(--s-12)}.ss-head .section-sub{margin-left:auto;margin-right:auto;line-height:1.6}@media (max-width:720px){.ss-head{margin-bottom:var(--s-8)}.ss-head .section-sub{font-size:16px}}
.sst-stage{view-timeline:--sst block;width:min(1360px,100vw - 40px);margin-inline:calc(50% + min(1360px,100vw - 40px)/-2)}.sst-deck{align-items:center;row-gap:var(--s-12);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr);display:grid}.sst-item{display:contents}.sst-item[data-pos=l]>*{grid-column:1}.sst-item[data-pos=c]>*{grid-column:2}.sst-item[data-pos=r]>*{grid-column:3}.sst-tf{--x1:0%;--y1:0px;--z1:0px;--ry1:0deg;--rz1:0deg;--s1:1;--x0:0%;--y0:0px;--rx0:54deg;--rz0:-30deg;--s0:1;--sst-from:perspective(2200px) translate3d(var(--x0), var(--y0), 0px) rotateX(var(--rx0)) rotateY(0deg) rotateZ(var(--rz0)) scale(var(--s0));transform-origin:50% 55%;transform:perspective(2200px) translate3d(var(--x1), var(--y1), var(--z1)) rotateX(0deg) rotateY(var(--ry1)) rotateZ(var(--rz1)) scale(var(--s1));grid-row:1;position:relative}.sst-item[data-pos=l] .sst-tf{z-index:1;--x1:11%;--z1:-60px;--ry1:20deg;--x0:122.5%;--y0:46px;--s0:1.08}.sst-item[data-pos=c] .sst-tf{z-index:3;--z1:30px;--y0:-14px;--s0:.75}.sst-item[data-pos=r] .sst-tf{z-index:2;--x1:-11%;--z1:-60px;--ry1:-20deg;--x0:-122.5%;--y0:16px;--s0:1.08}.sst-toast{--bsx-bar-h:20px;z-index:2;position:absolute;bottom:-15%;left:-5%;right:22%}.sst-cap{align-self:start;justify-items:center;gap:var(--s-2);padding:0 var(--s-4);text-align:center;grid-row:2;display:grid}.sst-num{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bsx-accent-600);background:var(--bsx-accent-50);border:1px solid color-mix(in oklab, var(--bsx-accent) 40%, transparent);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.sst-title{color:var(--bsx-ink);font-size:clamp(20px,1.8vw,24px)}.sst-text{color:var(--bsx-ink-soft);max-width:36ch;font-size:15px;line-height:1.55}@keyframes sst-fan{0%{transform:var(--sst-from)}}@keyframes sst-cap-in{0%{opacity:0;translate:0 18px}}.sst[data-anim=scroll] .sst-tf{animation:linear both sst-fan;animation-timeline:--sst;animation-range:entry 10% cover 46%}.sst[data-anim=scroll] .sst-cap{animation:linear both sst-cap-in;animation-timeline:--sst;animation-range:cover 30% cover 48%}.sst[data-anim=io] .sst-tf{transition:transform 1.3s cubic-bezier(.16, .84, .24, 1) calc(var(--i,0) * .11s)}.sst[data-m=calm][data-anim=io] .sst-tf{transition-duration:1.8s}.sst[data-anim=io] .sst-tf[data-pending]{transform:var(--sst-from)}.sst[data-anim=io] .sst-cap{transition:opacity .7s ease calc(.55s + var(--i,0) * .11s), translate .7s cubic-bezier(.2, .8, .2, 1) calc(.55s + var(--i,0) * .11s)}.sst[data-anim=io] .sst-tf[data-pending]+.sst-cap{opacity:0;translate:0 18px}@media (max-width:820px){.sst-stage{width:auto;margin-inline:0}.sst-deck{row-gap:var(--s-5);grid-template-columns:minmax(0,1fr)}.sst-item[data-pos]>*{grid-area:auto/1}.sst-item[data-pos=c] .sst-tf{order:1}.sst-item[data-pos=c] .sst-cap{order:2}.sst-item[data-pos=l] .sst-tf{order:3}.sst-item[data-pos=l] .sst-cap{order:4}.sst-item[data-pos=r] .sst-tf{order:5}.sst-item[data-pos=r] .sst-cap{order:6}.sst-item[data-pos] .sst-tf{--x1:0%;--z1:0px;--ry1:0deg;--rz1:0deg;--x0:0%;--y0:56px;--rx0:24deg;--rz0:0deg;--s0:.94}.sst-cap{margin-bottom:var(--s-8)}.sst-item[data-pos=r] .sst-cap{padding-top:var(--s-12)}.sst-toast{bottom:-22%;left:4%;right:-3%}.sst[data-anim=scroll] .sst-tf{animation-timeline:view();animation-range:entry cover 38%}.sst[data-anim=scroll] .sst-cap{animation-timeline:view();animation-range:entry entry 90%}}