@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--ink:#f7f7f5;--muted:#aaa9a6;--line:#2a2928;--red:#e50914;--bg:#080808;--panel:#121212;--display:"Barlow Condensed",Impact,sans-serif;--body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--body);margin:0;overflow-x:hidden}button,input{font:inherit}.topbar{z-index:20;background:linear-gradient(#080808 65%,#0000);align-items:center;gap:40px;height:76px;padding:0 clamp(18px,4vw,64px);transition:all .25s;display:flex;position:sticky;top:0}.wordmark{font-family:var(--display);letter-spacing:-.7px;color:#fff;white-space:nowrap;font-size:28px;font-weight:800;text-decoration:none}.wordmark span{color:var(--red);margin-left:2px}.topbar nav{gap:26px;display:flex}.topbar nav a{color:#c8c7c5;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.topbar nav a:hover{color:#fff}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.search-box{border:1px solid #0000;align-items:center;height:38px;transition:all .2s;display:flex}.search-box:focus-within,.search-box.is-open{background:#141414;border-color:#555}.search-box button,.profile{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;display:grid}.search-box input{color:#fff;background:0 0;border:0;outline:0;width:0;padding:0;transition:all .25s}.search-box:focus-within input,.search-box.is-open input{width:210px;padding-right:10px}.profile{background:#292929;border-radius:50%}.icon{width:15px;height:15px;display:inline-block;position:relative}.icon-play:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:10px solid;position:absolute;top:1px;left:4px}.icon-search:before{content:"";border:2px solid;border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:0}.icon-search:after{content:"";background:currentColor;width:7px;height:2px;position:absolute;top:11px;left:9px;transform:rotate(45deg)}.icon-user:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute;left:4px}.icon-user:after{content:"";background:currentColor;border-radius:8px 8px 2px 2px;width:14px;height:7px;position:absolute;bottom:0;left:0}.icon-heart:before{content:"♥";font-size:18px;line-height:15px}.icon-bookmark:before{content:"▱";font-size:23px;line-height:12px}.icon-share:before{content:"↗";font-size:21px;line-height:12px}.icon-home:before{content:"⌂";font-size:22px;line-height:11px}.icon-bolt:before{content:"ϟ";font-size:23px;line-height:12px}.icon-users:before{content:"♟";font-size:18px;line-height:13px}.hero{align-items:flex-end;min-height:590px;margin-top:-76px;display:flex;position:relative;overflow:hidden}.media{background:#202020;position:relative;overflow:hidden}.media video{object-fit:cover;opacity:.42;filter:saturate(1.15)contrast(1.08);width:100%;height:100%;transform:scale(1.04)}.media-wash{background:linear-gradient(120deg,#000000bf,#0000 65%),linear-gradient(#0000 45%,#0808088c);position:absolute;inset:0}.media-violet{background:radial-gradient(circle at 68% 24%,#8e37bd 0,#36115b 28%,#09050d 72%)}.media-cobalt{background:radial-gradient(circle at 68% 24%,#3965e5 0,#10245d 31%,#07101f 72%)}.media-ember{background:radial-gradient(circle at 68% 24%,#e7562d 0,#6a1c0e 32%,#190906 72%)}.media-jade{background:radial-gradient(circle at 68% 24%,#1aaf85 0,#0d493a 33%,#07100d 72%)}.media-hero{position:absolute;inset:0}.media-hero video{opacity:.36}.media-mark{font:800 clamp(64px,15vw,220px)/.8 var(--display);color:#ffffff14;letter-spacing:-8px;position:absolute;bottom:8%;right:6%}.hero-shade{background:linear-gradient(90deg,#080808 2%,#080808c7 34%,#08080814 70%),linear-gradient(#0000 62%,#080808);position:absolute;inset:0}.hero-content{z-index:1;max-width:760px;padding:0 clamp(18px,7vw,108px) 64px;position:relative}.kicker,.eyebrow,.row-heading p,.profile-hero>div>p:first-child,.topic-panel>p{color:#e6e5e1;letter-spacing:1.7px;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.kicker{color:#fff}.kicker b{color:#888;margin:0 6px}.live-dot{background:var(--red);width:7px;height:7px;box-shadow:0 0 12px var(--red);border-radius:50%;margin-right:7px;display:inline-block}.hero h1,.listing h1,.clip-title h1,.not-found h1{font:800 clamp(46px,7vw,88px)/.87 var(--display);letter-spacing:-1.6px;text-transform:uppercase;max-width:700px;margin:0}.hero-meta,.clip-byline{align-items:center;gap:8px;display:flex}.hero-meta{margin-top:21px;font-size:14px;font-weight:600}.hero-meta b{color:#d2d1cf;font-size:13px;font-weight:500}.hero-caption{color:#d5d4d0;max-width:520px;margin:17px 0 24px;font-size:16px;line-height:1.55}.hero-actions,.detail-actions{gap:10px;display:flex}.watch,.save,.detail-actions button,.profile-hero button{cursor:pointer;border:0;border-radius:4px;align-items:center;gap:9px;height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.watch{color:#090909;background:#fff}.watch:hover{background:#ddd;transform:translateY(-1px)}.save,.detail-actions button{color:#fff;background:#292929}.save:hover,.detail-actions button:hover,.detail-actions button.active{background:#3a3a3a}.save.saved{color:#ff858a}.page-content{max-width:1500px;margin:auto;padding:0 clamp(18px,4vw,64px)}.home-content{padding-top:4px}.row-section{padding:34px 0}.row-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.row-heading p{color:#999;margin-bottom:5px}.row-heading h2{font:800 32px/.95 var(--display);text-transform:uppercase;letter-spacing:-.3px;margin:0}.see-all{color:#aaa;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.see-all span{color:var(--red);margin-left:3px;font-size:18px}.row-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(220px,22vw);grid-auto-flow:column;gap:15px;padding:4px 0 12px;display:grid;overflow-x:auto}.row-scroll::-webkit-scrollbar{display:none}.clip-card{cursor:pointer;scroll-snap-align:start;outline:0;min-width:0;position:relative}.clip-card:focus-visible{outline:2px solid var(--red);outline-offset:4px}.clip-card .media{aspect-ratio:16/9;border-radius:5px;transition:transform .25s,box-shadow .25s}.duration{background:#080808d9;border-radius:2px;padding:3px 5px;font-size:10px;font-weight:700;position:absolute;bottom:7px;right:7px}.play-orb{color:#090909;opacity:0;background:#ffffffed;border-radius:50%;place-items:center;width:40px;height:40px;margin:auto;transition:all .2s;display:grid;position:absolute;inset:0;transform:scale(.85)}.clip-card:hover .play-orb{opacity:1;transform:scale(1)}.clip-copy h3{margin:9px 0 7px;font-size:14px;font-weight:700;line-height:1.25}.kick-link{color:#c7c6c3;margin-top:4px;font-size:12px;text-decoration:none;display:inline-block}.kick-link:hover{color:#fff;text-decoration:underline}.hero-content>.kick-link{margin-top:10px}.clip-title>.kick-link{margin-top:12px}.clip-copy p{color:#92918f;margin:5px 0;font-size:12px}.clip-byline{color:#dfdedb;font-size:12px;font-weight:600}.clip-byline i,.hero-meta i{background:#777;border-radius:50%;width:3px;height:3px;display:inline-block}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.avatar-normal{width:38px;height:38px}.avatar-tiny{width:17px;height:17px;font-size:7px}.avatar-small{width:28px;height:28px;font-size:9px}.avatar-large{width:70px;height:70px;font-size:20px}.avatar-xl{width:106px;height:106px;font-size:30px}.avatar-violet{background:linear-gradient(135deg,#d75cfe,#49118a)}.avatar-cobalt{background:linear-gradient(135deg,#5d99ff,#15285d)}.avatar-ember{background:linear-gradient(135deg,#ff8758,#6e190d)}.avatar-jade{background:linear-gradient(135deg,#56d9b5,#0e4a3a)}.rank{font:800 90px/.7 var(--display);color:#1e1e1e;z-index:-1;padding-right:7px;position:absolute;bottom:40px;right:100%}.streamer-rail{scrollbar-width:none;gap:27px;padding:4px 0 15px;display:flex;overflow-x:auto}.streamer-rail::-webkit-scrollbar{display:none}.streamer-tile{color:#fff;cursor:pointer;background:0 0;border:0;justify-items:center;gap:7px;min-width:106px;padding:0;display:grid}.streamer-tile strong{font-size:13px}.streamer-tile small{color:#92918f;font-size:11px}.listing{min-height:calc(100vh - 76px);padding-top:62px}.listing h1{font-size:66px}.intro{color:#9d9c99;max-width:500px;margin:12px 0 34px;font-size:15px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 17px;padding-bottom:80px;display:grid}.card-grid .rank{color:#fff;text-shadow:0 2px 12px #000;z-index:2;font-size:48px;inset:105px auto auto 9px}.streamer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:80px;display:grid}.directory-card{border:1px solid var(--line);color:#fff;text-align:left;cursor:pointer;background:#111;align-items:center;gap:16px;padding:23px;transition:all .2s;display:flex}.directory-card:hover{background:#151515;border-color:#555}.directory-card h2{font:700 26px var(--display);text-transform:uppercase;margin:0}.directory-card p{color:#999;margin:3px 0 10px;font-size:13px;line-height:1.4}.directory-card span{color:#ddd;font-size:12px}.directory-card b{color:var(--red);margin-left:5px}.profile-hero{border-bottom:1px solid var(--line);align-items:center;gap:23px;padding:54px 0 45px;display:flex;position:relative;overflow:hidden}.profile-hero:before{content:"";opacity:.35;background:radial-gradient(ellipse at 15%,var(--p),transparent 50%);pointer-events:none;position:absolute;inset:0 0 0 -10%}.profile-violet{--p:#72b}.profile-cobalt{--p:#1d51cf}.profile-ember{--p:#bd3514}.profile-jade{--p:#117958}.profile-hero>div{position:relative}.profile-hero h1{font:800 64px/.8 var(--display);letter-spacing:-1px;text-transform:uppercase;margin:0}.profile-hero span,.profile-hero>div>p:nth-of-type(2){color:#a5a4a1;font-size:13px}.profile-hero>div>p:nth-of-type(2){max-width:530px;margin:12px 0}.profile-hero button{color:#000;background:#fff;height:36px;padding:0 15px}.topic-panel{border-top:1px solid var(--line);padding:28px 0 85px}.topic-panel button{color:#e9e8e6;background:#151515;border:1px solid #3a3a3a;border-radius:99px;margin-right:7px;padding:8px 14px}.clip-page{max-width:1200px;margin:0 auto;padding:31px clamp(18px,4vw,64px) 100px}.player{aspect-ratio:16/9;background:#141414;position:relative;overflow:hidden}.player .media{height:100%}.player .media video{opacity:.62}.center-play{color:#000;cursor:pointer;background:#fff;border:0;border-radius:50%;width:64px;height:64px;margin:auto;position:absolute;inset:0}.center-play .icon{transform:scale(1.25)}.clip-detail{border-bottom:1px solid var(--line);padding:26px 0}.clip-title h1{max-width:850px;font-size:48px}.clip-byline.large{color:#aaa;margin-top:16px;font-size:13px}.detail-actions{margin:25px 0 17px}.detail-caption{color:#c3c2c0;max-width:640px;line-height:1.5}.related .row-section{padding-bottom:0}.category-grid{grid-template-columns:repeat(4,1fr);gap:13px;padding-bottom:80px;display:grid}.category{color:#fff;text-align:left;cursor:pointer;background:#1d1d1d;border:0;flex-direction:column;justify-content:space-between;min-height:145px;padding:19px;transition:transform .2s;display:flex}.category:hover{transform:translateY(-3px)}.category span{font:800 31px var(--display);text-transform:uppercase}.category b{color:#eee;font-size:12px}.category i{color:var(--red);font-size:17px;font-style:normal}.category-violet{background:linear-gradient(140deg,#4d1875,#141015)}.category-cobalt{background:linear-gradient(140deg,#133d90,#10141c)}.category-ember{background:linear-gradient(140deg,#8e2b15,#1d100b)}.category-jade{background:linear-gradient(140deg,#0e604b,#0d1714)}.search-page{background:#121212;border:1px solid #444;align-items:center;gap:14px;height:55px;margin:26px 0;padding:0 17px;display:flex}.search-page input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:16px}.empty{color:#999;text-align:center;background:#121212;padding:40px}.not-found{padding-top:17vh}.bottom-nav{display:none}@media (width<=800px){.topbar{background:#080808;gap:0;height:62px;padding:0 17px}.wordmark{font-size:23px}.topbar>nav,.profile{display:none}.header-actions{margin-left:auto}.search-box{background:0 0;border-color:#0000}.search-box input,.search-box:focus-within input,.search-box.is-open input{width:0;padding:0}.hero{align-items:flex-end;min-height:540px;margin-top:-62px}.hero-content{padding:0 18px 54px}.hero h1{font-size:52px;line-height:.9}.hero-caption{font-size:14px}.hero-meta{flex-wrap:wrap;margin-top:15px}.hero-actions{width:100%}.watch,.save{height:42px;padding:0 14px}.page-content{padding:0 17px}.home-content{padding-top:4px}.row-section{padding:29px 0}.row-heading h2{font-size:27px}.see-all{font-size:12px}.row-scroll{grid-auto-columns:72vw;gap:12px;margin:0 -17px;padding:4px 17px 12px}.rank{display:none}.streamer-section{padding-bottom:78px}.streamer-rail{gap:22px;margin:0 -17px;padding:5px 17px 14px}.listing{padding-top:34px;padding-bottom:72px}.listing h1{font-size:54px}.intro{margin-bottom:26px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 11px;padding-bottom:25px}.clip-copy h3{font-size:13px}.clip-byline,.clip-copy p{font-size:11px}.card-grid .rank{display:none}.streamer-directory{grid-template-columns:1fr;padding-bottom:25px}.directory-card{padding:18px}.profile-hero{align-items:flex-start;gap:16px;padding:35px 0}.avatar-xl{width:78px;height:78px;font-size:22px}.profile-hero h1{font-size:46px}.profile-hero>div>p:nth-of-type(2){font-size:12px}.clip-page{padding:0 0 82px}.player{aspect-ratio:16/10}.clip-detail,.related{padding-left:17px;padding-right:17px}.clip-title h1{font-size:39px}.detail-actions{white-space:nowrap;overflow:auto}.detail-actions button{height:39px;padding:0 13px}.category-grid{grid-template-columns:repeat(2,1fr);padding-bottom:30px}.category{min-height:125px}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121212f7;border-top:1px solid #303030;grid-template-columns:repeat(4,1fr);height:65px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#aaa;background:0 0;border:0;place-items:center;gap:2px;padding:8px;font-size:10px;display:grid}.bottom-nav .icon{color:#eee}.not-found{min-height:70vh}.not-found h1{font-size:48px}}.hero{min-height:650px}.media video{opacity:.72;filter:saturate(1.18)contrast(1.1)}.media-hero video{opacity:.67;filter:saturate(1.3)contrast(1.15);transform:scale(1.08)}.hero-content{padding-bottom:70px}.media-mark{display:none}.row-scroll{grid-auto-columns:minmax(270px,26vw);gap:18px}.clip-card .media{aspect-ratio:1.72;border-radius:3px}.clip-card:hover .media{transform:scale(1.028);box-shadow:0 16px 35px #000}.clip-card:hover .media video{filter:saturate(1.3)brightness(1.14)contrast(1.12);transform:scale(1.08)}.streamer-section{padding-bottom:24px}.home-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:68px;display:grid}.home-category{color:#fff;text-align:left;cursor:pointer;border:0;flex-direction:column;justify-content:space-between;min-height:118px;padding:15px;transition:transform .2s,filter .2s;display:flex}.home-category:hover{filter:brightness(1.12);transform:translateY(-3px)}.home-category span{font:800 27px var(--display);text-transform:uppercase}.home-category small{color:#e5e4e1;font-size:11px}.home-category b{font-size:11px}.home-category i{color:#fff;margin-left:4px;font-style:normal}@media (width<=800px){.hero{min-height:505px}.hero-content{padding-bottom:46px}.hero h1{font-size:50px}.row-scroll{grid-auto-columns:76vw}.streamer-section{padding-bottom:24px}.home-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-bottom:82px}.home-category{min-height:108px;padding:13px}.home-category span{font-size:24px}}.media,.media-violet,.media-cobalt,.media-ember,.media-jade{background:#0d0d0d}.media img{object-fit:cover;filter:saturate(1.12)contrast(1.08);width:100%;height:100%;transition:filter .3s,transform .45s;display:block}.media-hero video{opacity:.82;filter:saturate(1.22)contrast(1.1);object-position:center;width:62%;height:100%;margin-left:38%;transform:scale(1.04)}.media-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#080808 0% 25%,#08080880 57%,#0000 100%);position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#080808 2%,#080808eb 36%,#08080814 77%),linear-gradient(#0000 46%,#080808)}.clip-card:hover .media img{filter:saturate(1.22)brightness(1.13)contrast(1.1);transform:scale(1.06)}@media (width<=800px){.media-hero video{opacity:.7;width:74%;margin-left:26%}}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.player{background:#000;border:1px solid #2c2c2c;border-radius:4px;box-shadow:0 20px 60px #000}.player-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.player .center-play{z-index:2;box-shadow:0 8px 28px #0008}.player-time{color:#fff;pointer-events:none;background:#080808cc;border-radius:2px;margin:0;padding:5px 8px;font-size:12px;font-weight:700;position:absolute;top:12px;right:12px}.player-error{text-align:center;color:#fff;background:#080808e8;place-content:center;gap:7px;padding:24px;display:grid;position:absolute;inset:0}.player-error strong{font:800 32px var(--display);text-transform:uppercase}.player-error span{color:#b7b6b3;font-size:14px}@media (width<=800px){.player{border-left:0;border-right:0;border-radius:0}.player-time{top:9px;right:9px}}.clip-card .media:not(.frame-ready) video{opacity:0}.preview-loading{color:#d4d3d0;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700;position:absolute;bottom:10px;left:10px}.icon-download:before{content:"↓";font-size:22px;line-height:12px}.download-control{align-items:center;display:inline-flex;position:relative}.download,.card-actions .download{color:#fff;cursor:pointer;background:#1d1d1d;border:1px solid #4a4a4a;border-radius:4px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.download:hover:not(:disabled){background:#303030;border-color:#777}.download:disabled{cursor:wait;opacity:.72}.card-actions{align-items:center;margin-top:9px;display:flex}.clip-card .card-actions .download{min-height:36px;padding:0 11px;font-size:12px}.download-error{z-index:4;color:#ffd9da;background:#271113;border:1px solid #813337;min-width:170px;padding:7px 9px;font-size:11px;line-height:1.3;position:absolute;top:calc(100% + 6px);left:0}@media (width<=800px){.hero-actions{flex-wrap:wrap}.hero-actions .download{height:42px;padding:0 14px}.card-actions{margin-top:8px}.clip-card .card-actions .download{min-height:40px;padding:0 13px}.detail-actions{white-space:normal;flex-wrap:wrap;overflow:visible}.detail-actions .download{height:39px;padding:0 13px}}.home-loading{min-height:100vh}.skeleton-hero{background:linear-gradient(110deg,#080808 15%,#171717 50%,#0b0b0b 86%);align-items:flex-end;min-height:650px;margin-top:-76px;display:flex;position:relative;overflow:hidden}.skeleton-hero:after{content:"";background:linear-gradient(90deg,#080808 0%,#080808e0 42%,#0808082e 78%),linear-gradient(#0000 48%,#080808);position:absolute;inset:0}.skeleton-hero-copy{z-index:1;width:min(760px,100%);padding:0 clamp(18px,7vw,108px) 70px;position:relative}.skeleton-block{background:linear-gradient(100deg,#202020 24%,#343434 42%,#202020 58%) 0 0/220% 100%;border-radius:3px;animation:1.35s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-kicker{width:118px;height:11px;margin-bottom:17px}.skeleton-headline{width:min(590px,86vw);height:61px;margin:10px 0}.skeleton-headline-short{width:min(410px,70vw)}.skeleton-meta{width:235px;height:16px;margin-top:27px}.skeleton-action{width:126px;height:43px;margin-top:26px}.skeleton-section-title{width:176px;height:28px;margin-top:8px}.skeleton-card{gap:10px;display:grid}.skeleton-media{aspect-ratio:1.72;width:100%}.skeleton-line{width:72%;height:12px}.skeleton-line-title{width:86%;height:15px}.skeleton-line-meta{width:44%}.skeleton-row{pointer-events:none;overflow:hidden}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}@media (width<=800px){.skeleton-hero{min-height:505px;margin-top:-62px}.skeleton-hero-copy{padding:0 18px 46px}.skeleton-headline{height:48px}.skeleton-row{margin:0 -17px;padding:4px 17px 12px}.skeleton-card{min-width:76vw}}