@property --vn-fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --vn-fade-r{syntax:"<length>";inherits:false;initial-value:0}.bNB8sq_explorer{--vn-gutter:20px;--vn-card-w:clamp(148px, 13.9vw, 220px);--vn-num:calc(var(--vn-card-w) * .92);--vn-g1:calc(var(--vn-num) * .52);--vn-d2:.76;--vn-g2:calc(var(--vn-num) * var(--vn-d2) * .98);--vn-gap:12px;--vn-min-pad:12px;--vn-pad-y:24px;--vn-stick:64px;--vn-stroke:#0f0f0f66}@media (min-width:768px){.bNB8sq_explorer{--vn-gutter:10vw;--vn-stick:72px;--vn-g1:calc(var(--vn-num) * .46);--vn-min-pad:8px}}@media (min-width:1280px){.bNB8sq_explorer{--vn-gutter:20vw;--vn-g1:calc(var(--vn-num) * .52);--vn-min-pad:12px}}.bNB8sq_hs{--hs-pad:calc((100% - var(--letterbox)) / 2);--vn-fade-w:clamp(28px, calc(var(--vn-gutter) - 6px), 150px);position:relative}.bNB8sq_scroller{gap:var(--vn-gap);padding-block:var(--vn-pad-y);scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;--vn-fade-l:var(--vn-fade-w);--vn-fade-r:var(--vn-fade-w);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--vn-fade-l), #000 calc(100% - var(--vn-fade-r)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--vn-fade-l), #000 calc(100% - var(--vn-fade-r)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--vn-fade-l), #000 calc(100% - var(--vn-fade-r)), transparent 100%);transition:--vn-fade-l .3s var(--ease-out), --vn-fade-r .3s var(--ease-out);margin:0;padding-inline-start:max(var(--vn-min-pad), calc(var(--hs-pad) - var(--vn-start-offset,0px)));padding-inline-end:var(--hs-pad);scroll-padding-inline-start:max(var(--vn-min-pad), calc(var(--hs-pad) - var(--vn-start-offset,0px)));scroll-padding-inline-end:var(--hs-pad);list-style:none;display:flex;position:relative;overflow:auto hidden}.bNB8sq_scroller::-webkit-scrollbar{display:none}.bNB8sq_hs[data-start=true] .bNB8sq_scroller{--vn-fade-l:0px}.bNB8sq_hs[data-end=true] .bNB8sq_scroller{--vn-fade-r:0px}.bNB8sq_hs[data-clear-l=true] .bNB8sq_scroller{--vn-fade-l:0px}.bNB8sq_hs[data-clear-r=true] .bNB8sq_scroller{--vn-fade-r:0px}.bNB8sq_hs[data-clear-l=true] .bNB8sq_blur[data-side=l],.bNB8sq_hs[data-clear-r=true] .bNB8sq_blur[data-side=r]{opacity:0}.bNB8sq_hs[data-dragging=true] .bNB8sq_scroller,.bNB8sq_hs[data-moving=true] .bNB8sq_scroller{scroll-snap-type:none}.bNB8sq_hs[data-dragging=true] .bNB8sq_scroller{cursor:grabbing;-webkit-user-select:none;user-select:none}.bNB8sq_blur{z-index:2;width:var(--vn-fade-w);pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .3s var(--ease-out);position:absolute;top:0;bottom:0}.bNB8sq_blur[data-side=l]{left:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.bNB8sq_blur[data-side=r]{right:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000);mask-image:linear-gradient(270deg,#000,#0000)}.bNB8sq_hs[data-visible=false] .bNB8sq_blur{display:none}.bNB8sq_hs[data-start=true] .bNB8sq_blur[data-side=l],.bNB8sq_hs[data-end=true] .bNB8sq_blur[data-side=r]{opacity:0}.bNB8sq_arrow{z-index:3;border-radius:var(--r-btn);background:var(--paper);width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow-float);opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), background-color .2s var(--ease-out);place-items:center;margin-top:-22px;display:grid;position:absolute;top:50%;transform:scale(.92)}.bNB8sq_arrow[data-side=l]{left:16px}.bNB8sq_arrow[data-side=r]{right:16px}.bNB8sq_hs:hover .bNB8sq_arrow,.bNB8sq_arrow:focus-visible{opacity:1;transform:scale(1)}.bNB8sq_arrow:hover{background:var(--surface)}.bNB8sq_arrow:active{transform:scale(.96)}.bNB8sq_arrow:focus-visible{border-radius:var(--r-btn)}.bNB8sq_hs[data-start=true] .bNB8sq_arrow[data-side=l],.bNB8sq_hs[data-end=true] .bNB8sq_arrow[data-side=r]{opacity:0;pointer-events:none}.bNB8sq_arrow:after{content:"";position:absolute;inset:-6px}@media (hover:none),(max-width:767px){.bNB8sq_arrow{display:none}}.bNB8sq_selectorBar{top:var(--vn-stick);z-index:30;background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);transition:border-color .25s var(--ease-out);border-bottom:1px solid #0000;position:sticky}.bNB8sq_selectorBar[data-stuck=true]{border-bottom-color:var(--hairline)}.bNB8sq_selectorBar[data-nav-hidden=true]{top:0}.bNB8sq_selectorHs{--vn-pad-y:11px;--vn-gap:8px;--vn-start-offset:0px}.bNB8sq_selectorHs .bNB8sq_arrow{opacity:1;border-radius:10px;width:32px;height:32px;margin-top:-16px;left:auto;transform:scale(1)}.bNB8sq_selectorHs .bNB8sq_arrow[data-side=l]{left:8px}.bNB8sq_selectorHs .bNB8sq_arrow[data-side=r]{right:8px}.bNB8sq_selectorHs .bNB8sq_arrow:active{transform:scale(.94)}.bNB8sq_track{flex:none;gap:8px;display:flex;position:relative}.bNB8sq_pill{border-radius:var(--r-chip);background:var(--surface);height:38px;color:var(--ink-2);font-family:var(--font-sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s var(--ease-out), color .2s var(--ease-out), transform .2s var(--ease-out);flex:none;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:14px;font-weight:500;line-height:1;display:inline-flex;position:relative}.bNB8sq_pill:hover{background:var(--surface-2);color:var(--ink)}.bNB8sq_pill:active{transform:scale(.96)}.bNB8sq_pill:focus-visible{border-radius:var(--r-chip)}.bNB8sq_pillAll{padding-left:12px}.bNB8sq_pill[data-active=true]{background:var(--ink);color:var(--paper)}.bNB8sq_track[data-ready=true] .bNB8sq_pill[data-active=true]{background:var(--surface);color:var(--ink-2)}.bNB8sq_track[data-ready=true] .bNB8sq_pill[data-active=true]:hover{background:var(--surface-2);color:var(--ink)}.bNB8sq_overlay{pointer-events:none;clip-path:inset(0 100% 0 0 round 8px);visibility:hidden;gap:8px;display:flex;position:absolute;inset:0}.bNB8sq_track[data-ready=true] .bNB8sq_overlay{visibility:visible}.bNB8sq_overlay .bNB8sq_pill,.bNB8sq_overlay .bNB8sq_pill:hover{background:var(--ink);color:var(--paper)}.bNB8sq_overlay .bNB8sq_pill[data-tone],.bNB8sq_overlay .bNB8sq_pill[data-tone]:hover{background:var(--tone-soft);color:var(--tone-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone) 40%, transparent)}.bNB8sq_pillSwatch{background:var(--tone-mark);border-radius:3px;flex:none;width:8px;height:8px}.bNB8sq_pillThumb{background:var(--surface-2);outline-offset:-1px;border-radius:4px;outline:1px solid #0000001a;flex:none;width:20px;height:26px;position:relative;overflow:hidden}.bNB8sq_pillCount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.55;font-size:11px}.bNB8sq_rowRule{width:var(--letterbox);background:var(--hairline);height:1px;margin-inline:auto}.bNB8sq_rowBody{min-height:calc(var(--vn-card-w) * 16 / 9 + var(--vn-pad-y) * 2)}.bNB8sq_rowHs{--vn-start-offset:var(--vn-g1)}.bNB8sq_item{z-index:0;padding-left:var(--vn-g,0px);scroll-snap-align:start;flex:none;transition:z-index 0s linear .32s;position:relative}.bNB8sq_item[data-digits="1"]{--vn-g:var(--vn-g1)}.bNB8sq_item[data-digits="2"]{--vn-g:var(--vn-g2)}.bNB8sq_item[data-digits="2"] .bNB8sq_numeral{font-size:calc(var(--vn-num) * var(--vn-d2))}.bNB8sq_item[data-plain=true]{--vn-g:0px}.bNB8sq_item[data-active=true]{z-index:6;transition-delay:0s}.bNB8sq_item[data-entrance]{animation:bNB8sq_cardIn .8s var(--ease-out) backwards;animation-delay:calc(var(--vn-i,0) * 55ms + 40ms)}@keyframes bNB8sq_cardIn{0%{opacity:0;transform:translateY(22px)}}.bNB8sq_numeral{z-index:0;font-family:var(--font-sans);font-size:var(--vn-num);letter-spacing:-.07em;font-variant-numeric:tabular-nums;color:#0000;-webkit-text-fill-color:var(--bg);-webkit-text-stroke:2px var(--vn-stroke);paint-order:stroke fill;-webkit-user-select:none;user-select:none;pointer-events:none;transition:-webkit-text-stroke-color .3s var(--ease-out), transform .4s var(--ease-out);font-weight:800;line-height:.82;position:absolute;bottom:-.04em;left:0}.bNB8sq_numeral[data-lead=true]{-webkit-text-stroke-color:var(--ink)}.bNB8sq_item[data-active=true] .bNB8sq_numeral{-webkit-text-stroke-color:var(--ink);transform:translate(-6px)}.bNB8sq_item:hover .bNB8sq_numeral,.bNB8sq_item:focus-within .bNB8sq_numeral{-webkit-text-stroke-color:var(--tone-mark,var(--ink))}.bNB8sq_card{z-index:1;width:var(--vn-card-w);aspect-ratio:9/16;isolation:isolate;border-radius:var(--r-btn);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out);padding:0;display:block;position:relative;overflow:hidden;transform:translateZ(0)scale(1)}.bNB8sq_card[data-fill=true]{width:100%}.bNB8sq_card:after{content:"";z-index:5;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a}.bNB8sq_card[data-active=true]{transform:translateZ(0)scale(1.08);box-shadow:0 2px 4px #0000000f,0 18px 40px #00000029}.bNB8sq_card[data-grid=true][data-active=true]{transform:translateZ(0)scale(1.05)}.bNB8sq_card:active{transition-duration:.12s}.bNB8sq_card:focus-visible{border-radius:var(--r-btn);outline-offset:3px}.bNB8sq_poster{object-fit:cover;transition:transform .7s var(--ease-out);transform:scale(1)}.bNB8sq_card[data-active=true] .bNB8sq_poster{transform:scale(1.04)}.bNB8sq_video{z-index:1;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s var(--ease-out);position:absolute;inset:0}.bNB8sq_video[data-playing=true]{opacity:1}.bNB8sq_platformMark,.bNB8sq_viewsChip,.bNB8sq_rankBadge{z-index:2;transition:opacity .2s var(--ease-out);align-items:center;display:inline-flex;position:absolute}.bNB8sq_platformMark{width:24px;height:24px;color:var(--ink);background:#ffffffeb;border-radius:7px;justify-content:center;top:8px;right:8px}.bNB8sq_viewsChip{color:#fff;height:22px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;background:#0f0f0fa8;border-radius:7px;gap:5px;padding:0 7px;font-size:11px;font-weight:500;bottom:8px;left:8px}.bNB8sq_rankBadge{height:24px;color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;background:#ffffffeb;border-radius:7px;padding:0 8px;font-size:11px;font-weight:600;top:8px;left:8px}.bNB8sq_rankBadge[data-lead=true]{background:var(--ink);color:var(--paper)}.bNB8sq_card[data-active=true] .bNB8sq_viewsChip,.bNB8sq_card[data-active=true] .bNB8sq_platformMark{opacity:0}.bNB8sq_info{inset-inline:0;z-index:3;background:var(--paper);transition:transform .38s var(--ease-out);gap:6px;padding:11px 12px 12px;display:grid;position:absolute;bottom:0;transform:translateY(102%);box-shadow:0 -10px 22px -10px #00000038}.bNB8sq_card[data-active=true] .bNB8sq_info{transform:translateY(0)}.bNB8sq_infoTop{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.bNB8sq_infoWho{letter-spacing:-.01em;min-width:0;color:var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.bNB8sq_infoWho>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bNB8sq_infoTitle{-webkit-line-clamp:2;letter-spacing:-.005em;color:var(--ink-2);-webkit-box-orient:vertical;font-size:12.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.bNB8sq_infoStats{white-space:nowrap;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#0f0f0fa3;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:11px;display:flex}.bNB8sq_infoStats b{color:var(--ink);font-weight:600}.bNB8sq_scoreChip{background:var(--ink);height:20px;color:var(--paper);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;border-radius:6px;flex:none;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.bNB8sq_skel{width:var(--vn-card-w);aspect-ratio:9/16;border-radius:var(--r-btn);background:var(--surface);flex:none;display:block;position:relative;overflow:hidden}.bNB8sq_skel:after{content:"";animation:bNB8sq_shimmer 1.6s var(--ease-in-out) infinite;background:linear-gradient(100deg,#0000 20%,#ffffffa6 50%,#0000 80%);position:absolute;inset:0;transform:translate(-100%)}@keyframes bNB8sq_shimmer{to{transform:translate(100%)}}.bNB8sq_scroller>.bNB8sq_skel{margin-left:var(--vn-g1)}.bNB8sq_skelFill{width:100%}.bNB8sq_endcap{width:var(--vn-card-w);aspect-ratio:9/16;border-radius:var(--r-btn);background:var(--surface);scroll-snap-align:start;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;display:flex}.bNB8sq_grid{width:var(--letterbox);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-inline:auto;padding:6px 0 0;list-style:none;display:grid}@media (min-width:600px){.bNB8sq_grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.bNB8sq_grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1280px){.bNB8sq_grid{grid-template-columns:repeat(6,minmax(0,1fr));width:min(100% - 40px,1320px)}}.bNB8sq_gridItem{z-index:0;transition:z-index 0s linear .32s;position:relative}.bNB8sq_gridItem[data-active=true]{z-index:6;transition-delay:0s}.bNB8sq_splitBar{background:var(--surface);border-radius:3px;flex:none;gap:2px;width:96px;height:6px;display:flex;overflow:hidden}.bNB8sq_splitBar>span{background:var(--ink);transform-origin:0;height:100%;display:block}.bNB8sq_splitBar>span:nth-child(2){background:var(--ink-2);opacity:.6}.bNB8sq_splitBar>span:nth-child(3){background:var(--ink-2);opacity:.3}.bNB8sq_weightBar{gap:3px;height:54px;display:flex}.bNB8sq_weightSeg{background:var(--surface);min-width:0;color:var(--ink-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:left;cursor:default;transition:background-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:6px;flex-direction:column;justify-content:space-between;padding:8px 8px 7px;display:flex;position:relative;overflow:hidden}.bNB8sq_weightSeg>span:first-child{letter-spacing:0;text-transform:uppercase;opacity:.8;font-size:10px;font-weight:500}.bNB8sq_weightSeg>span:last-child{font-family:var(--font-sans);letter-spacing:-.02em;font-size:17px;font-weight:600;line-height:1}.bNB8sq_weightSeg[data-on=true]{background:var(--ink);color:var(--paper)}.bNB8sq_weightSeg:focus-visible{border-radius:6px}.bNB8sq_dialog{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink-2);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.bNB8sq_dialog:not([open]){display:none}.bNB8sq_dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:bNB8sq_backdropIn .3s var(--ease-out) both;background:#0f0f0f80}@keyframes bNB8sq_backdropIn{0%{opacity:0}}.bNB8sq_frame{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}@media (min-width:760px){.bNB8sq_frame{align-items:center}}.bNB8sq_sheet:focus-visible,.bNB8sq_detailScroll:focus-visible,.bNB8sq_dialog:focus-visible{outline:none}.bNB8sq_sheet{overscroll-behavior:contain;border-radius:var(--r-card) var(--r-card) 0 0;background:var(--paper);grid-template-columns:minmax(0,1fr);width:100%;max-height:94dvh;display:grid;position:relative;overflow:hidden auto;box-shadow:0 24px 80px #00000047}@media (min-width:760px){.bNB8sq_sheet{border-radius:var(--r-card);grid-template-columns:auto minmax(0,1fr);width:min(1000px,100vw - 48px);height:min(760px,100dvh - 48px);max-height:none;overflow:hidden}}.bNB8sq_stage{background:#0f0f0f;place-items:center;height:min(46dvh,420px);display:grid;position:relative;overflow:hidden}@media (min-width:760px){.bNB8sq_stage{aspect-ratio:9/16;width:auto;height:100%}}.bNB8sq_stageMedia{object-fit:contain;background:0 0;width:100%;height:100%;position:absolute;inset:0}@media (min-width:760px){.bNB8sq_stageMedia{object-fit:cover}}.bNB8sq_detail{flex-direction:column;min-width:0;min-height:0;display:flex}.bNB8sq_detailScroll{flex-direction:column;flex:1;gap:22px;min-height:0;padding:22px 22px 8px;display:flex}@media (min-width:760px){.bNB8sq_detailScroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0f0f0f38 transparent;padding:24px 28px 12px;overflow-y:auto}}.bNB8sq_detailFooter{padding:14px 22px calc(14px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--hairline);gap:10px;display:flex;position:sticky;bottom:0}@media (min-width:760px){.bNB8sq_detailFooter{padding:16px 28px}}.bNB8sq_iconBtn{background:var(--surface);width:40px;height:40px;color:var(--ink);transition:background-color .2s var(--ease-out), transform .2s var(--ease-out), opacity .2s var(--ease-out);border-radius:12px;place-items:center;display:inline-grid}.bNB8sq_iconBtn:hover{background:var(--surface-2)}.bNB8sq_iconBtn:active{transform:scale(.96)}.bNB8sq_iconBtn:disabled{opacity:.35;pointer-events:none}.bNB8sq_iconBtn:focus-visible{border-radius:12px}.bNB8sq_metricGrid{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bNB8sq_metricGrid>div{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:12px 14px 13px}.bNB8sq_ingredientBar{background:var(--surface);border-radius:2px;height:4px;position:relative;overflow:hidden}.bNB8sq_ingredientBar>span{background:var(--ink);transform-origin:0;border-radius:2px;position:absolute;inset:0}.bNB8sq_ring{--ring:var(--ink)}.bNB8sq_statusDot{background:var(--red);border-radius:50%;width:7px;height:7px;display:inline-block;position:relative}.bNB8sq_statusDot:after{content:"";background:var(--red);animation:bNB8sq_statusPulse 2.2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.bNB8sq_statusDot[data-kind=seed]{background:color-mix(in srgb, var(--red) 55%, transparent)}.bNB8sq_statusDot[data-kind=seed]:after{display:none}@keyframes bNB8sq_statusPulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.bNB8sq_skip{z-index:60;background:var(--ink);height:44px;color:var(--paper);letter-spacing:-.01em;white-space:nowrap;clip-path:inset(50%);opacity:0;pointer-events:none;border-radius:999px;align-items:center;padding-inline:18px;font-size:14px;font-weight:500;display:inline-flex;position:fixed;bottom:24px;left:50%;translate:-50%}.bNB8sq_skip:focus-visible{clip-path:none;opacity:1;pointer-events:auto;outline:2px solid var(--accent);outline-offset:3px}.bNB8sq_srOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.bNB8sq_card[data-active=true],.bNB8sq_card[data-grid=true][data-active=true]{transform:translateZ(0)scale(1)}.bNB8sq_card[data-active=true] .bNB8sq_poster{transform:none}.bNB8sq_skel:after{animation:none;display:none}}
