.j-feed{--rail-w:46px;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.j-feed__body{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;container-type:size}.j-feed__tabs{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000b3;border-radius:999px;gap:2px;padding:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.j-feed__tabs button{color:var(--dim);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:750;transition:background .15s,color .15s}.j-feed__tabs button[aria-selected=true]{background:var(--text);color:var(--ink)}.j-feed__scroller{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;flex:auto;min-height:0;overflow-y:auto}.j-feed__scroller::-webkit-scrollbar{display:none}.j-feed__slot{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;height:100cqh;padding:60px 16px 16px;display:flex}.j-feed__single{flex:auto;justify-content:center;align-items:center;min-height:0;padding:60px 16px 16px;display:flex;overflow-y:auto}.j-feed__arrows{left:calc(50% + (min(100cqh - 76px, 900px) * 9 / 16 + 14px + var(--rail-w)) / 2 + 14px);z-index:5;gap:10px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.j-feed__arrows .j-icon-btn{background:var(--raised);width:44px;height:44px}.j-feed__arrows .j-icon-btn:disabled{opacity:.3}@media (hover:none){.j-feed__arrows{display:none}}.j-card{align-items:flex-end;gap:14px;height:calc(100cqh - 76px);max-height:900px;display:flex;position:relative}.j-card__frame{aspect-ratio:9/16;background:var(--surface);border-radius:18px;flex-direction:column;max-width:calc(100vw - 32px);height:100%;display:flex;position:relative;overflow:hidden;container-type:size}.j-card__media{cursor:pointer;background:#000;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.j-card__cams{aspect-ratio:2;background:#0b0b0d;flex:none;width:100%;position:relative}.j-card__cams video{object-fit:cover;width:100%;height:100%;display:block}.j-card__game{background:color-mix(in srgb, var(--accent) 20%, #000);flex:auto;min-height:0;position:relative;overflow:hidden}.j-card__game--poster{place-items:start center;padding-top:18%;display:grid}.j-card__media--art{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--accent) 45%, #000), #000 72%);place-items:center;padding-bottom:38%;display:grid}.j-card__squares{aspect-ratio:2;pointer-events:none;z-index:2;grid-template-columns:1fr 1fr;width:100%;display:grid;position:absolute;top:0;left:0}.j-card__square{box-sizing:border-box;background:#0009;border-radius:999px;place-self:end start;align-items:center;gap:6px;max-width:calc(100% - 16px);margin:8px;padding:3px 10px 3px 3px;font-size:13px;font-weight:700;display:inline-flex}.j-card__square b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.j-card__won{color:var(--won);font-variant-numeric:tabular-nums;font-weight:850}.j-card__tags{z-index:2;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:calc(50cqw + 10px);left:10px;right:10px}.j-card__tags .j-pill:not(.j-pill--live){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.j-card__replay svg{width:14px;height:14px}.j-card__full{pointer-events:auto;color:var(--text);text-decoration:none}.j-card__play{z-index:4;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.j-card__play svg{width:34px;height:34px;margin-left:4px}.j-card__play.is-paused{pointer-events:none}.j-card__stage{flex-direction:column;display:flex;position:absolute;inset:0}.j-card__poster{z-index:1;pointer-events:none;background:#000;flex-direction:column;transition:opacity .16s ease-out;display:flex;position:absolute;inset:0}.j-card__poster[data-gone]{opacity:0}.j-card__error{z-index:4;cursor:default;text-align:center;background:#000000b8;border-radius:14px;justify-items:center;gap:10px;padding:16px 20px;display:grid;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.j-card__error p{margin:0;font-weight:750}.j-card__progress{z-index:3;background:#ffffff29;height:3px;position:absolute;bottom:0;left:0;right:0}.j-card__progress span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.j-card__info{z-index:2;pointer-events:none;background:linear-gradient(#0000,#000000c7 38%,#000000e6);justify-items:start;gap:6px;padding:64px 16px 18px;display:grid;position:absolute;bottom:0;left:0;right:0}.j-card__info>*{pointer-events:auto}.j-card__headline{text-wrap:balance;margin:0;font-size:30px;font-weight:900;font-stretch:62%;line-height:1.02}@container (height<=520px){.j-card__info{gap:4px;padding-top:40px}.j-card__headline{font-size:24px}}.j-card__detail{color:var(--dim);margin:0;font-size:14px;line-height:1.35}.j-card__entry{margin:2px 0 0;font-size:18px;font-weight:800}.j-card__cta{align-items:center;gap:8px;max-width:100%;margin-top:6px;display:flex}.j-card__cta .j-btn{text-overflow:ellipsis;min-width:0;overflow:hidden}.j-stake-chip{height:48px;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--text);font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 12px 0 16px;font-size:16px;font-weight:800;display:inline-flex}.j-stake-chip svg{width:16px;height:16px}.j-rail{flex-direction:column;align-items:center;gap:14px;padding-bottom:8px;display:flex}.j-rail__btn{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;font-size:11px;font-weight:700;display:grid}.j-rail__btn svg{box-sizing:border-box;background:var(--raised);border-radius:50%;width:46px;height:46px;padding:12px}.j-rail__btn:hover svg{background:var(--raised-2)}.j-rail__btn[data-sound=on] svg{background:var(--text);color:var(--ink)}.j-rail__gap{visibility:hidden;pointer-events:none}.j-card--end{align-items:center;height:auto}.j-end{box-sizing:border-box;background:var(--surface);border-radius:18px;gap:14px;width:min(440px,100vw - 32px);padding:28px 22px;display:grid}.j-end h2{text-wrap:balance;margin:0;font-size:32px;font-weight:900;font-stretch:62%;line-height:1.02}.j-end p{margin:0}.j-end__rows{gap:10px;margin-top:6px;display:grid}.j-end__row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-weight:750;display:grid}.j-card--blank .j-card__media{background:#000}.j-sheet__list{gap:8px;display:grid}@media (width<=640px){.j-feed__slot{padding:0}.j-feed__arrows{display:none}.j-card{width:100%;height:100cqh;max-height:none}.j-card__frame{aspect-ratio:auto;border-radius:0;width:100%;max-width:none}.j-card__info{padding-right:76px}.j-card__tags{flex-wrap:wrap;justify-content:flex-start;right:72px}.j-rail{z-index:5;position:absolute;bottom:150px;right:8px}.j-rail__btn svg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080}.j-card--end{width:auto}}@container (height<=520px){.j-rail{gap:8px;bottom:96px}.j-rail__btn svg{width:40px;height:40px;padding:10px}}@media (prefers-reduced-motion:reduce){.j-card__poster,.j-feed__tabs button{transition:none}}.j-card--seat .j-card__media{background:#000}.j-card__loop{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.j-card__blur{background:color-mix(in srgb, var(--accent) 22%, #000);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.j-card__blur>img{object-fit:cover;filter:blur(28px)brightness(.55);width:120%;height:120%;position:absolute;inset:-10%}.j-card__blur .j-avatar{position:relative}.j-card__tags--top{top:12px}.j-card__game-tile{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:12px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13px;font-weight:750;display:inline-flex}.j-card__who{align-items:center;gap:10px;display:inline-flex}.j-card--seat[data-gone=true] .j-card__loop,.j-card--seat[data-gone=true] .j-card__blur{filter:grayscale()brightness(.5)}.j-rail__btn:disabled{opacity:.45;cursor:default}@media (width<=640px){.j-card__tags--top{top:60px}}.intro{z-index:60;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));touch-action:none;-webkit-user-select:none;user-select:none;background:#060609;place-items:center;animation:.18s ease-out both intro-in;display:grid;position:fixed;inset:0;overflow:hidden}.intro[data-leaving]{animation:.16s ease-in both intro-out}@keyframes intro-in{0%{opacity:0}}@keyframes intro-out{to{opacity:0;transform:scale(1.06)}}.intro__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 42%, transparent), transparent 70%);animation:.7s cubic-bezier(.2,.8,.2,1) both intro-glow,1.6s ease-in-out 1s infinite intro-breathe;position:absolute;inset:-20%}@keyframes intro-glow{0%{opacity:0;transform:scale(.6)}}@keyframes intro-breathe{50%{opacity:.7;transform:scale(1.04)}}.intro__band{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 22%, transparent) 30%, color-mix(in srgb, var(--accent) 22%, transparent) 70%, transparent);height:46%;animation:.36s cubic-bezier(.3,.9,.3,1) both intro-band;position:absolute;top:50%;left:-10%;right:-10%;transform:translateY(-50%)rotate(-8deg)}@keyframes intro-band{0%{transform:translateY(-50%)rotate(-8deg)translate(-110%)}}.intro__card{text-align:center;justify-items:center;gap:10px;width:min(440px,100%);display:grid;position:relative}.intro__icon{filter:drop-shadow(0 10px 30px color-mix(in srgb, var(--accent) 45%, transparent));animation:.42s cubic-bezier(.3,1.6,.4,1) .1s both intro-icon}.intro__icon .j-game-icon{border-radius:24px}@keyframes intro-icon{0%{opacity:0;transform:scale(.35)rotate(-14deg)}}.intro__title-row{justify-content:center;align-items:center;display:flex;position:relative}.intro__title{color:var(--text);text-shadow:0 4px 24px color-mix(in srgb, var(--accent) 60%, transparent);margin:0;font-size:clamp(40px,13vw,68px);line-height:.92;animation:.38s cubic-bezier(.2,.9,.25,1.15) .24s both intro-title}@keyframes intro-title{0%{opacity:0;transform:translateY(28px)scale(.9)}}.intro__kind{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800;animation:.3s .42s both intro-fade}@keyframes intro-fade{0%{opacity:0}}.intro__versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:100%;margin-top:18px;display:grid}.intro__player{justify-items:center;gap:8px;min-width:0;display:grid}.intro__player span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:20px;overflow:hidden}.intro__player .j-avatar{box-shadow:0 0 0 3px var(--ink), 0 0 0 5px var(--accent)}.intro__player--me{animation:.34s cubic-bezier(.2,.9,.3,1) .46s both intro-from-left}.intro__player--them{animation:.34s cubic-bezier(.2,.9,.3,1) .46s both intro-from-right}@keyframes intro-from-left{0%{opacity:0;transform:translate(-60vw)}}@keyframes intro-from-right{0%{opacity:0;transform:translate(60vw)}}.intro__vs{color:var(--accent);font-size:34px;animation:.3s cubic-bezier(.3,1.8,.5,1) .62s both intro-slam;position:relative}@keyframes intro-slam{0%{opacity:0;transform:scale(2.6)}}.intro__card{animation:.22s ease-out .78s both intro-shake}@keyframes intro-shake{25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}}.intro__rec{height:26px;color:var(--dim);letter-spacing:.12em;background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:0 10px;font-size:12px;font-weight:800;animation:.3s .8s both intro-fade;display:inline-flex}.intro__rec i{background:currentColor;border-radius:50%;width:8px;height:8px}.intro__rec[data-rec=starting] i{animation:.9s ease-in-out infinite j-pulse}.intro__rec[data-rec=on]{color:#ff8a9c;background:#ff2e4d29}.intro__rec[data-rec=on] i{background:#ff2e4d;box-shadow:0 0 10px #ff2e4d}.intro__rec[data-rec=failed]{opacity:.5}.intro[data-intro=edge-chicken] .intro__title{transform-origin:100% 100%;animation:.5s cubic-bezier(.25,.9,.3,1) .2s both intro-edge-run,.5s ease-in-out .7s both intro-teeter}@keyframes intro-edge-run{0%{opacity:0;transform:translate(-70vw)}85%{transform:translate(6px)}}@keyframes intro-teeter{30%{transform:rotate(3deg)}60%{transform:rotate(-1.5deg)}}.intro__edge{background:repeating-linear-gradient(var(--accent) 0 6px, transparent 6px 11px);width:3px;animation:.2s .15s both intro-fade;position:absolute;top:-6px;bottom:-6px;right:-14px}.intro__streaks{background:repeating-linear-gradient(90deg, transparent 0 34px, color-mix(in srgb, var(--accent) 55%, transparent) 34px 36px, transparent 36px 90px);animation:.5s linear both intro-streaks,.4s .55s forwards intro-fade-out;position:absolute;inset:30% -20%;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}@keyframes intro-streaks{0%{transform:translate(40%)}to{transform:translate(-40%)}}@keyframes intro-fade-out{to{opacity:0}}.intro[data-intro=reace3] .intro__title{animation:.42s cubic-bezier(.2,.9,.3,1) .22s both intro-skid}@keyframes intro-skid{0%{opacity:0;transform:translate(80vw)skew(-24deg)}70%{transform:translate(-10px)skew(8deg)}}.intro__crosshair{border:2px solid var(--accent);pointer-events:none;background:linear-gradient(var(--accent), var(--accent)) center / 2px 100% no-repeat, linear-gradient(var(--accent), var(--accent)) center / 100% 2px no-repeat;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;animation:.4s cubic-bezier(.3,.8,.3,1) .2s both intro-lock,.15s .6s forwards intro-fade-out;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#0000 18px,#000 19px);mask-image:radial-gradient(circle,#0000 18px,#000 19px)}@keyframes intro-lock{0%{opacity:0;transform:scale(3)rotate(90deg)}}.intro__flash{opacity:0;pointer-events:none;background:#fff;animation:.28s ease-out .6s both intro-flash;position:absolute;inset:0}@keyframes intro-flash{0%{opacity:0}15%{opacity:.55}to{opacity:0}}.intro[data-intro=bitch-slap] .intro__card{animation:.26s ease-out .6s both intro-shake}.intro[data-intro=flappy-sperm] .intro__title{animation:.6s ease-out .18s both intro-swim}@keyframes intro-swim{0%{opacity:0;transform:translate(-60vw)}25%{transform:translate(-36vw,-14px)}50%{transform:translate(-16vw,12px)}75%{transform:translate(-4vw,-6px)}}.intro__bubbles{pointer-events:none;position:absolute;inset:0}.intro__bubbles i{bottom:18%;left:calc(14% + var(--i) * 14%);width:calc(10px + var(--i) * 3px);aspect-ratio:1;border:2px solid color-mix(in srgb, var(--accent) 70%, transparent);animation:intro-bubble 1.4s ease-in calc(.15s + var(--i) * 90ms) both infinite;border-radius:50%;position:absolute}@keyframes intro-bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-42vh)}}