.sp{--sp-inset:20px;--sp-row-h:290px;--sp-bg:#09090b;--sp-panel:#0c0c0c;--sp-line:#ffffff29;--sp-card:#ffffff14;--sp-well:#ffffff0d;--sp-disc:#ffffff1a;--sp-tile:#111;--sp-rose:#d08ca11a;--sp-ink:#fff;--sp-ink-head:#fffc;--sp-ink-2:#fff9;--sp-ink-3:#fff6;--sp-pick:var(--color-primary);--sp-veil:var(--media-veil);--sp-veil-flat:var(--media-veil-flat);--sp-on-media:#fff;--sp-on-media-2:#fff9;--sp-on-media-3:#fff6;--sp-hero-veil:var(--sp-panel);--sp-medal-1:#fad13e;--sp-medal-2:#ff8e0d;--sp-medal-3:#aa6748;--sp-medal-4:#dbdbdb;background:var(--sp-bg);color:var(--sp-ink);padding:0 0 120px}:root[data-theme=light] .sp{--sp-bg:var(--color-bg);--sp-panel:var(--color-surface);--sp-line:var(--color-border);--sp-card:var(--color-surface);--sp-well:var(--color-input-bg);--sp-disc:var(--surface-hover-strong);--sp-tile:var(--color-surface-2);--sp-rose:var(--color-surface);--sp-ink:var(--text-1);--sp-ink-head:var(--text-1);--sp-ink-2:var(--text-2);--sp-ink-3:var(--text-3);--sp-medal-4:var(--text-3);--sp-hero-veil:var(--media-veil-deep)}@media (min-width:901px){.sp{--sp-inset:32px;padding-bottom:64px}}.sp-title,.sp-head,.sp-search,.sp-panel--rank,.sp-grid,.sp-empty{margin-left:var(--sp-inset);margin-right:var(--sp-inset)}.sp-row-2>.sp-section>.sp-head,.sp-row-2>.sp-section>.sp-panel--rank{margin-left:0;margin-right:0}.sp-row-2{margin-left:var(--sp-inset);margin-right:var(--sp-inset);align-items:stretch;gap:20px;display:flex}.sp-rank-col{flex:1;min-width:0}.sp-types{flex-direction:column;flex:none;width:360px;margin-top:28px;display:flex}.sp-types>.sp-head{margin-left:0;margin-right:0}@media (max-width:1180px){.sp-row-2{flex-direction:column}.sp-rank-col,.sp-types{width:100%}}.sp-panel.sp-types-panel{background:var(--sp-well);border-color:#0000;padding:14px 12px}@media (min-width:1181px){.sp-panel.sp-types-panel{height:var(--sp-row-h);align-items:center;display:flex}}.sp-chips{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.sp-chip{border-radius:var(--radius-button);background:var(--sp-well);color:var(--sp-ink-2);transition:color .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);border:1px solid #0000;padding:8px 14px;font-size:13px;text-decoration:none;display:inline-block}.sp-chip:hover{color:var(--sp-ink)}.sp-chip.on{border-color:var(--sp-pick);background:color-mix(in oklab, var(--sp-pick) 10%, transparent);color:var(--sp-pick)}.sp-chip.on:hover{background:color-mix(in oklab, var(--sp-pick) 18%, transparent);color:var(--sp-pick)}button.sp-disc{color:var(--sp-ink-head);cursor:pointer;border:0;padding:0}.sp-title{letter-spacing:-.02em;margin-top:12px;margin-bottom:4px;font-size:32px;font-weight:600}.sp-title--quiet{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.sp-empty{text-align:center;color:var(--sp-ink-3);margin-top:96px;margin-bottom:96px;font-size:15px}.sp-section{margin-top:28px}.sp-banner{background:var(--sp-bg);height:300px;margin-bottom:20px;position:relative;overflow:hidden}.sp-banner-slide{opacity:0;pointer-events:none;transition:opacity .3s var(--ease);text-decoration:none;display:block;position:absolute;inset:0}.sp-banner-slide.on{opacity:1;pointer-events:auto;transition:opacity .45s var(--ease) .28s}.sp-banner-art{object-fit:cover;object-position:center 18%;width:40%;height:100%;position:absolute;top:0;right:9%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 28% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 28% 78%,#0000 100%)}.sp-banner-fade{background:linear-gradient(90deg, var(--sp-bg) 16%, #0000 52%), linear-gradient(0deg, var(--sp-bg) 0%, #0000 34%);position:absolute;inset:0}.sp-banner-copy{max-width:40%;padding:0 var(--sp-inset);color:var(--sp-ink);flex-direction:column;justify-content:center;gap:10px;display:flex;position:absolute;inset:0 auto 0 0}.sp-banner-title{letter-spacing:-.02em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(28px,2.6vw,38px);font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.sp-banner-sub{color:var(--sp-ink-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.4;display:-webkit-box;overflow:hidden}.sp-banner-dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:16px;left:0;right:0}.sp-banner-dot{background:var(--sp-disc);cursor:pointer;width:22px;height:3px;transition:background .2s var(--ease), width .2s var(--ease);border:0;border-radius:2px;padding:0}.sp-banner-dot.on{background:var(--sp-ink);width:30px}.sp-search{border:1px solid var(--surface-hairline);border-radius:var(--radius-button);background:var(--sp-well);transition:border-color .2s var(--ease);align-items:center;gap:10px;margin-bottom:28px;padding:0 22px;display:flex}.sp-search:focus-within{border-color:var(--color-primary)}.sp-search input{min-width:0;font:inherit;color:var(--sp-ink);background:0 0;border:none;outline:none;flex:1;padding:15px 0;font-size:15px}.sp-search input::placeholder{color:var(--sp-ink-3)}.sp-search input::-webkit-search-decoration{appearance:none}.sp-search input::-webkit-search-cancel-button{appearance:none}.sp-search button{width:22px;height:22px;color:var(--sp-ink-3);cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.sp-search button:hover{color:var(--sp-ink)}.sp-search button svg{width:20px;height:20px}.sp-head{justify-content:space-between;align-items:center;gap:16px;min-height:34px;margin-bottom:12px;display:flex}.sp-head .sp-tabs{margin-left:4px;margin-right:auto}.sp-h2{letter-spacing:.1px;margin:0;font-size:16px;font-weight:600;line-height:24px}.sp-h3{min-width:0;color:var(--sp-ink-head);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;line-height:20px;display:flex}.sp-h3>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sp-hash{width:15px;height:15px;color:var(--sp-ink-head);flex:none}.sp-viewall{color:var(--sp-ink-head);transition:color .2s var(--ease);flex:none;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.sp-viewall:hover{color:var(--sp-ink)}.sp-viewall-text{letter-spacing:.4px;font-size:12px;line-height:16px}.sp-disc{background:var(--sp-disc);width:20px;height:20px;color:inherit;transition:background .2s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.sp-disc svg{width:12px;height:12px}.sp-disc--link{color:var(--sp-ink-head)}.sp-viewall:hover .sp-disc,.sp-disc--link:hover{background:var(--sp-disc);filter:brightness(1.6);color:var(--sp-ink)}.sp-rail-wrap{position:relative}.sp-rail{padding:0 var(--sp-inset);scroll-snap-type:x proximity;scroll-padding:0 var(--sp-inset);scrollbar-width:none;gap:12px;margin:0;list-style:none;display:flex;overflow-x:auto}.sp-rail::-webkit-scrollbar{display:none}.sp-rail>li{scroll-snap-align:start;flex:none}.sp-rail-wrap:has(.sp-rail-arrow.next):after{content:"";pointer-events:none;width:72px;position:absolute;top:0;bottom:0}.sp-rail-wrap:has(.sp-rail-arrow.back):before{content:"";pointer-events:none;width:72px;position:absolute;top:0;bottom:0}.sp-rail-wrap:has(.sp-rail-arrow.next):after{background:linear-gradient(90deg, transparent, var(--sp-bg) 78%);right:0}.sp-rail-wrap:has(.sp-rail-arrow.back):before{z-index:1;background:linear-gradient(270deg, transparent, var(--sp-bg) 78%);left:0}.sp-rail-arrow{z-index:2;width:30px;height:30px;color:var(--sp-ink);cursor:pointer;transition:background .2s var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.sp-rail-arrow:hover{background:var(--sp-disc)}.sp-rail-arrow svg{width:20px;height:20px}.sp-rail-arrow.next{right:2px}.sp-rail-arrow.back{left:2px;transform:translateY(-50%)scaleX(-1)}.sp-creator-card{border:1px solid var(--surface-hairline);border-radius:var(--radius-lg);background:var(--sp-card);flex-direction:column;gap:16px;width:264px;padding:16px;display:flex}.sp-creator-head{min-width:0;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.sp-avatar{background:var(--sp-tile);object-fit:cover;border-radius:50%;flex:none;width:42px;height:42px}.sp-avatar--mono{background:var(--sp-ink-3);color:var(--sp-bg);place-items:center;font-size:17px;font-weight:600;line-height:1;display:grid}.sp-creator-id{flex-direction:column;gap:2px;min-width:0;display:flex}.sp-creator-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;line-height:22px;overflow:hidden}.sp-creator-plays{color:var(--sp-ink-3);white-space:nowrap;font-size:13px;line-height:17px}.sp-shelf{border-radius:var(--radius-sm);display:flex;overflow:hidden}.sp-shelf-item{background:var(--sp-tile);flex:1 1 0;min-width:0;height:82px;position:relative;overflow:hidden}.sp-shelf-item+.sp-shelf-item{border-left:2px solid var(--sp-bg)}.sp-shelf-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease)}.sp-shelf-item:hover img{transform:scale(1.06)}.sp-shelf-scrim{background:linear-gradient(90deg, transparent, var(--sp-veil));position:absolute;inset:0}.sp-shelf-more{background:var(--sp-veil-flat);color:var(--sp-on-media);text-shadow:0 1px 4px #000c;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;inset:0}.sp-tabs{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.sp-tabs::-webkit-scrollbar{display:none}.sp-tab{border:1px solid var(--sp-line);border-radius:var(--radius-button);font:inherit;color:var(--sp-ink-2);cursor:pointer;transition:color .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);background:0 0;flex:none;padding:6px 14px;font-size:13px;font-weight:500}.sp-tab:hover{color:var(--sp-ink)}.sp-tab.active{border-color:var(--sp-pick);color:var(--sp-pick);background:color-mix(in oklab, var(--sp-pick) 12%, transparent)}.sp-panel{border:1px solid var(--sp-line);border-radius:var(--radius-lg);background:var(--sp-panel);overflow:hidden}.sp-panel--rank{height:var(--sp-row-h);align-items:stretch;display:flex}.sp-hero{--sp-ink:var(--sp-on-media);--sp-ink-2:var(--sp-on-media-2);--sp-ink-3:var(--sp-on-media-3);width:432px;color:var(--sp-ink);flex:none;text-decoration:none;position:relative;overflow:hidden}.sp-hero-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s var(--ease);position:absolute;inset:0}.sp-hero:hover .sp-hero-img{transform:scale(1.04)}.sp-hero-scrim{background:linear-gradient(90deg, var(--sp-hero-veil), color-mix(in srgb, var(--sp-hero-veil) 50%, transparent) 45%, transparent), linear-gradient(0deg, var(--sp-hero-veil), transparent 55%);position:absolute;inset:0}.sp-hero-body{z-index:1;flex-direction:column;justify-content:space-between;width:250px;height:100%;padding:16px;display:flex;position:relative}.sp-wreath{width:76px;height:46px;color:var(--sp-medal-1);align-items:center;display:flex}.sp-laurel{fill:currentColor;flex:none;width:16px;height:40px}.sp-laurel:last-child{transform:scaleX(-1)}.sp-hero-text{flex-direction:column;gap:4px;display:flex}.sp-runners{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;margin:0;padding:8px 12px;list-style:none;display:flex}.sp-row{border-radius:var(--radius-md);color:inherit;transition:background .18s var(--ease);align-items:center;gap:12px;padding:3px 8px;text-decoration:none;display:flex}.sp-row:hover{background:var(--sp-well)}.sp-row-still{border-radius:var(--radius-xs);background:var(--sp-tile);flex:none;width:85px;height:52px;position:relative;overflow:hidden}.sp-row-poster{border-radius:var(--radius-sm);background:var(--sp-tile);flex:none;width:60px;height:80px;position:relative;overflow:hidden}.sp-row-still img,.sp-row-poster img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease)}.sp-row:hover img{transform:scale(1.06)}.sp-row--tall{align-items:flex-start;gap:8px}.sp-row-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sp-rank-title,.sp-hero-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.sp-stats{letter-spacing:.04px;color:var(--sp-ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:500;line-height:12px;display:flex}.sp-stats-dot{background:currentColor;border-radius:50%;flex:none;width:3px;height:3px}.sp-hook{letter-spacing:.4px;color:var(--sp-ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:16px;overflow:hidden}.sp-hook--2{-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sp-numeral{text-align:center;flex:none;place-items:center;width:24px;font-size:18px;font-style:italic;font-weight:600;line-height:1;display:grid}.sp-numeral--hero{width:44px;margin:0 -12px;font-size:33px}.sp-grid{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}@media (min-width:820px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1320px){.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sp-panel.sp-panel--genre{background:var(--sp-rose);border-color:#0000;flex-direction:column;gap:14px;padding:16px 0;display:flex}.sp-panel-head{justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.sp-rule{background:var(--sp-line);width:calc(100% - 66px);height:1px;margin:0 auto}.sp-genre-rows{flex-direction:column;gap:12px;margin:0;padding:0 10px;list-style:none;display:flex}@media (max-width:760px){.sp-banner{height:240px}.sp-banner-art{width:100%;right:0;-webkit-mask-image:none;mask-image:none}.sp-banner-fade{background:linear-gradient(0deg, var(--sp-bg) 12%, #00000059 60%, #0000001a)}.sp-banner-copy{justify-content:flex-end;max-width:none;padding-bottom:34px;inset:auto 0 0}.sp-panel--rank{flex-direction:column;height:auto}.sp-hero{width:100%;height:220px}.sp-hero-body{width:100%}.sp-hero-scrim{background:linear-gradient(0deg, var(--sp-hero-veil), transparent 70%)}.sp-runners{gap:4px;padding:8px}.sp-title{font-size:26px}}