:root{--bg:#101014;--panel:#19191f;--panel-hover:#202027;--line:#2a2933;--text:#f5f3fa;--muted:#a09cae;--accent:#a679ff;--accent-solid:#9460f4;--mint:#b6efb8;--font:'Manrope',Arial,sans-serif;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,a,input,summary{touch-action:manipulation}[hidden]{display:none!important}.shell{width:calc(100% - 80px);max-width:1320px;margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.muted{color:var(--muted)}.small{font-size:12px}.skip-link{position:fixed;left:20px;top:-100px;z-index:200;background:var(--accent-solid);padding:12px 20px;border-radius:8px}.skip-link:focus{top:15px}.header{height:90px;position:sticky;top:0;z-index:50;background:#101014f5;border-bottom:1px solid #222129;backdrop-filter:blur(20px)}.header-inner{height:100%;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.7px;white-space:nowrap;line-height:1.3}.brand-mark{display:grid;place-items:center;width:34px;height:37px;background:linear-gradient(135deg,#b68aff,#8046dd);border-radius:11px;transform:rotate(-7deg)}.brand-mark .icon{width:25px;height:25px;transform:rotate(7deg)}.brand-accent{color:var(--accent)}.brand small{display:block;font-size:7px;letter-spacing:2.4px;color:#8e899e;font-weight:600;margin-top:4px}.main-nav{display:flex;gap:24px;align-items:center;align-self:stretch}.nav-link{position:relative;display:flex;align-items:center;color:#aaa5b6;font-size:12px;font-weight:700;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:'';height:3px;width:22px;position:absolute;bottom:0;left:calc(50% - 11px);background:var(--accent);border-radius:3px 3px 0 0}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.favorite-nav{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:600;background:transparent;padding:8px 0}.favorite-nav .icon{width:17px;height:17px}.favorite-count{color:var(--muted);border:1px solid var(--line);font-size:10px;min-width:20px;height:20px;border-radius:6px;display:grid;place-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:14px 21px;font-size:12px;line-height:20px;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent-solid);color:#fff}.button-primary:hover{background:#a576fa;box-shadow:0 6px 28px #9565fa25}.button-secondary{background:#292431}.button-small{padding:10px 14px;font-size:11px}.button-small .icon{width:15px}.menu-toggle{display:none}.hero{height:465px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #33303b;border-radius:17px;margin-top:30px;background:#19151c}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#19151ffb 0%,#19151ff5 27%,#19151fc0 43%,#17131b20 78%),linear-gradient(0deg,#15121bf5 0%,transparent 50%);z-index:-2}.hero-content{padding:45px 44px;position:relative;width:58%;z-index:1}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.7px;display:flex;align-items:center;gap:9px;color:#b9b0ce}.tiny-square{height:6px;width:6px;background:var(--accent);transform:rotate(45deg)}h1{font-size:66px;line-height:1.08;font-weight:800;letter-spacing:-3.6px;margin:24px 0 18px}h1 span{color:#b98cff}.hero-content>p{color:#c3bacd;font-size:13px;line-height:1.9}.hero-buttons{display:flex;gap:23px;align-items:center;margin-top:25px}.hero-buttons .button{padding:13px 17px}.hero-secondary{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.hero-secondary .icon{width:15px}.hero-secondary:hover{color:var(--accent)}.hero-footnote{display:flex;gap:7px;align-items:center;font-size:9px;color:#a69aae;margin-top:25px}.dot{width:5px;height:5px;display:inline-block;background:var(--mint);border-radius:50%;flex-shrink:0}.hero-feature{position:absolute;right:32px;bottom:37px;width:39%;padding:16px 17px 0;border-top:1px solid #ffffff3b}.feature-kicker{display:flex;align-items:center;gap:10px;font-size:8px;font-weight:800;letter-spacing:1px;color:#cfc1d1}.feature-kicker>span{background:#ffffff16;border:1px solid #ffffff25;padding:3px 7px;border-radius:4px;color:#fff;font-size:7px}.feature-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px}.feature-bottom strong{font-size:17px;display:block;letter-spacing:-.4px}.feature-bottom small{font-size:9px;display:block;color:#b2a6bb;margin-top:4px}.circle-link{width:35px;height:35px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;transition:background .2s}.hero-feature:hover .circle-link{background:var(--accent-solid)}.hero-page{position:absolute;right:29px;top:27px;display:flex;gap:9px;align-items:center;font-size:8px;color:#e4d4bb}.hero-page b{font-weight:700;color:white}.hero-page>span{height:1px;width:35px;background:#ffffff50}.games-section{padding-top:30px;scroll-margin-top:10px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-size:27px;letter-spacing:-1px;font-weight:800;line-height:1.25}.compact-heading{align-items:center;margin-bottom:15px}.compact-heading h2{font-size:17px;letter-spacing:-.4px}.compact-heading .small{font-size:10px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-tile{background:#1c1b23;border:1px solid #2b2934;border-radius:10px;display:flex;align-items:center;text-align:left;gap:13px;padding:10px;min-width:0;transition:border-color .2s,background .2s}.game-tile:hover{background:#24212c;border-color:#8e64cd}.game-tile img{width:45px;height:59px;border-radius:5px;object-fit:cover}.game-tile strong{display:block;font-size:12px;font-weight:800}.game-tile small{display:block;font-size:7px;color:#9f96af;letter-spacing:1px;margin-top:6px}.game-tile>.icon{width:15px;height:15px;margin-left:auto;color:#84798f}.section{padding-top:58px}.section-eyebrow{color:#9688ac;font-size:8px;margin-bottom:10px;letter-spacing:1.6px}.section-note{display:flex;align-items:center;gap:7px;color:#aaa1b7;font-size:10px;padding-bottom:2px}.stream-controls{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px;margin-bottom:17px;align-items:center}.view-tabs{display:flex;gap:26px;align-self:stretch}.view-tab{display:flex;align-items:center;gap:8px;background:transparent;color:#9c94aa;font-size:11px;position:relative;padding:10px 0 17px;font-weight:700}.view-tab.selected{color:#b795fa}.view-tab.selected:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--accent);left:0;right:0}.view-tab>span{background:#2b233a;border-radius:4px;padding:0 5px;font-size:9px;line-height:16px}.view-tab .icon{width:13px;height:13px}.search-box{display:flex;align-items:center;gap:9px;background:#1a1921;border:1px solid #2a2734;border-radius:7px;padding:7px 10px;margin-bottom:9px;width:230px}.search-box .icon{width:15px;height:15px;color:#9990aa}.search-box input{min-width:0;width:100%;background:transparent;color:white;border:0;outline:none;font-size:10px}.search-box input:focus-visible{outline:none}.search-box:focus-within{border-color:var(--accent)}.search-box input::placeholder{color:#8b829c}.search-box kbd{font-family:inherit;font-size:9px;color:#777080;border:1px solid #36313f;padding:0 4px;border-radius:3px}.filter-row{display:flex;gap:7px;align-items:center;margin-bottom:21px;flex-wrap:wrap}.filter{font-size:10px;line-height:18px;font-weight:700;padding:6px 12px;border:1px solid #2d2936;border-radius:6px;background:#1c1a23;color:#b7aec7;transition:background .2s,border-color .2s}.filter:hover{border-color:#6d538f}.filter.active{color:#d9c4ff;background:#352546;border-color:#6e479c}.results-count{font-size:9px;color:#92899f;margin-left:auto}.stream-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stream-card{min-width:0}.stream-cover{aspect-ratio:16/9;display:block;border-radius:10px;overflow:hidden;position:relative;background:#24212b;border:1px solid #36303e}.stream-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0818c9,transparent 70%);pointer-events:none}.stream-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s,filter .4s}.stream-cover:hover img{transform:scale(1.05);filter:brightness(.75)}.platform-label{position:absolute;left:9px;top:9px;background:#121017c9;border:1px solid #ffffff25;border-radius:4px;padding:2px 6px;color:#e7ddf2;display:flex;gap:4px;align-items:center;font-size:7px;font-weight:800;letter-spacing:.8px;z-index:2}.platform-label .icon{width:10px;height:10px}.cover-game{position:absolute;left:12px;bottom:10px;font-size:8px;font-weight:800;letter-spacing:1px;z-index:2}.play-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffffef;color:#25202b;z-index:2;opacity:0;transition:opacity .2s}.stream-cover:hover .play-hover,.stream-cover:focus-visible .play-hover{opacity:1}.stream-body{display:flex;gap:9px;padding-top:13px;align-items:start}.channel-avatar{width:30px;height:30px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:800;margin-top:1px}.esl{background:#d9ed9a;color:#25331b;font-style:italic;font-size:10px}.dota{background:#9b302b;color:#ffc1b9}.apex{background:#e3c2ab;color:#5f302a}.rust{background:#b54b34;color:#fff2d8}.stream-info{min-width:0;flex:1}.stream-info h3{font-size:10px;font-weight:800;white-space:nowrap;letter-spacing:-.1px}.stream-info a:hover{color:var(--accent)}.verified{color:#b392f4;font-size:8px;margin-left:2px}.stream-info p{font-size:8px;color:#a098ae;margin-top:4px;line-height:1.5}.tags{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}.tags span{font-size:7px;padding:2px 6px;border-radius:4px;background:#23202b;color:#aaa0b9}.save-channel{padding:4px 0 4px 4px;flex-shrink:0;background:transparent;color:#a499b7}.save-channel .icon{width:15px;height:15px}.save-channel:hover,.save-channel[aria-pressed=true]{color:#c39cff}.save-channel[aria-pressed=true] .icon{fill:#b286ff35}.catalog-note{font-size:9px;color:#8e849f;line-height:1.7;margin-top:20px}.empty-state{text-align:center;padding:45px 20px;background:#18161e;border:1px dashed #3e314e;border-radius:10px}.empty-state>.icon{width:30px;height:30px;color:var(--accent)}.empty-state h3{margin:10px 0;font-size:20px}.empty-state p{color:var(--muted);margin-bottom:20px;font-size:12px}.creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.creator-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(145deg,#201d29,#19171e);border:1px solid #302a3c;border-radius:11px;padding:25px 12px 20px;transition:transform .2s,border-color .2s}.creator-card:hover{transform:translateY(-4px);border-color:#765596}.creator-avatar{width:65px;height:65px;border-radius:50%;position:relative;display:grid;place-items:center;font-size:28px;line-height:1;font-weight:800;border:3px solid #211b2a;outline:1px solid #57416f;box-shadow:0 0 25px #9b61ff10}.creator-one{background:radial-gradient(circle at 20% 20%,#d4adff,#7148b6);color:#291e41}.creator-two{background:radial-gradient(circle at 20% 20%,#b6e6c8,#37706a);color:#143b36}.creator-three{background:radial-gradient(circle at 20% 20%,#ffcea2,#aa604d);color:#663c30}.creator-four{background:radial-gradient(circle at 20% 20%,#b5c2ff,#5f6ba2);color:#26345f}.creator-platform{position:absolute;right:-4px;bottom:0;display:grid;place-items:center;border:3px solid #211b2a;width:23px;height:23px;background:#9560ee;color:white;border-radius:7px;font-size:13px;font-weight:800}.creator-name{font-size:14px;font-weight:800;letter-spacing:-.3px;margin-top:14px}.creator-handle{color:#978ba9;font-size:9px;margin-top:4px}.creator-link{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700;color:#bca4e3;margin-top:18px}.creator-link .icon{width:13px;height:13px}.text-link{display:flex;align-items:center;gap:6px;font-size:10px;color:#b4a6c8;white-space:nowrap}.text-link:hover{color:var(--accent)}.text-link .icon{width:15px;height:15px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video-cover{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid #3a303f;background:#231f2a}.video-cover>img{height:100%;width:100%;object-fit:cover;transition:transform .4s,filter .3s;filter:brightness(.8)}.video-card:hover .video-cover>img{transform:scale(1.04);filter:brightness(1)}.video-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#11101988,transparent 60%)}.video-type{position:absolute;bottom:12px;left:12px;display:flex;gap:5px;align-items:center;z-index:1;font-size:7px;letter-spacing:.7px;font-weight:800}.video-type .icon{width:11px;height:11px}.video-play{position:absolute;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff70;background:#18122155;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;backdrop-filter:blur(5px);transition:background .2s}.video-card:hover .video-play{background:var(--accent-solid)}.video-meta{display:block;font-size:7px;letter-spacing:.7px;font-weight:800;color:#ae8de0;margin:14px 0 7px}.video-meta>span{color:#66536e;margin:0 5px}.video-card h3{font-size:13px;font-weight:800;letter-spacing:-.3px;display:flex;justify-content:space-between;gap:8px}.video-card h3 .icon{width:14px;height:14px;margin-top:3px;color:#a99bbd}.video-card>p{font-size:10px;color:#9e92ad;margin-top:5px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{display:flex;flex-direction:column;position:relative;overflow:hidden;text-align:left;padding:22px;border-radius:11px;min-height:270px;border:1px solid #43304e;transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-3px);border-color:#9b78bc}.guide-purple{background:radial-gradient(ellipse at 90% 40%,#60408955,transparent 60%),#241d30}.guide-teal{background:radial-gradient(ellipse at 90% 40%,#316c6255,transparent 60%),#192a2a;border-color:#2e4440}.guide-orange{background:radial-gradient(ellipse at 90% 40%,#89594355,transparent 60%),#2d231f;border-color:#4c382e}.guide-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.guide-top>.icon{width:15px;height:15px;color:#cab7e2}.guide-label{font-size:7px;font-weight:700;letter-spacing:.9px;color:#beabc9;border:1px solid #ffffff22;padding:3px 6px;border-radius:4px}.guide-category{color:#ad91ce;font-size:7px;font-weight:800;letter-spacing:1px;margin-top:80px;z-index:1}.guide-teal .guide-category{color:#a0d0bc}.guide-orange .guide-category{color:#d5ad92}.guide-card>strong{font-size:16px;letter-spacing:-.5px;margin-top:7px;z-index:1}.guide-desc{font-size:10px;color:#b1a2ba;margin-top:6px;z-index:1}.guide-time{display:flex;gap:6px;align-items:center;font-size:8px;color:#9b8ca6;margin-top:20px}.guide-time .icon{width:12px;height:12px}.guide-art{position:absolute;top:53px;right:30px;width:82px;height:82px;opacity:.65}.crosshair-art{border:1px solid #b98afa;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 0 15px #b98afa09,0 0 0 30px #b98afa05}.crosshair-art:before,.crosshair-art:after{content:'';position:absolute;background:#b98afa}.crosshair-art:before{height:1px;width:110px;top:40px;left:-15px}.crosshair-art:after{width:1px;height:110px;top:-15px;left:40px}.crosshair-art>span{position:absolute;inset:33px;background:#c4a1ff;border-radius:50%}.map-art{transform:rotate(-25deg);border:1px solid #7fbea8;background:linear-gradient(45deg,transparent 48%,#89baa455 49%,#89baa455 51%,transparent 52%);box-shadow:0 0 0 10px #a3d8be08}.map-art>span{position:absolute;width:10px;height:10px;background:#a9e6c8;border:3px solid #234a3f;border-radius:50%}.map-art>span:nth-child(1){top:9px;left:11px}.map-art>span:nth-child(2){top:34px;left:34px}.map-art>span:nth-child(3){bottom:9px;right:11px}.broadcast-art{border:1px solid #c6946e;border-radius:18px;transform:rotate(12deg);box-shadow:0 0 0 13px #c6946e09}.broadcast-art:before{content:'';position:absolute;inset:20px;border:1px solid #e4b18c;border-radius:50%}.broadcast-art:after{content:'';position:absolute;inset:33px;border-radius:50%;background:#f8c29a}.community-banner{margin-top:60px;border:1px solid #4a365e;border-radius:12px;background:linear-gradient(100deg,#2b203a,#201a2d);padding:33px 35px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;isolation:isolate;overflow:hidden}.community-banner .eyebrow{font-size:7px;color:#b194d5}.community-banner h2{font-size:28px;letter-spacing:-1px;margin-top:9px}.community-banner p{font-size:11px;color:#b1a2c0;margin-top:8px}.community-banner .button{position:relative;z-index:2;flex-shrink:0}.community-banner .button>.icon:last-child{margin-left:10px}.community-decoration{font-family:Arial,sans-serif;position:absolute;right:21%;font-size:240px;line-height:1;top:-40px;color:#b486f812;z-index:-1;transform:rotate(15deg)}.faq-section{margin:40px 0 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.faq-section details{border-top:1px solid #2e2738;padding-top:14px}.faq-section summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:700;cursor:pointer}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary>span{font-size:16px;color:#b497d9}.faq-section details[open] summary>span{transform:rotate(45deg)}.faq-section p{font-size:10px;color:#a397ae;line-height:1.9;margin-top:12px}.footer{border-top:1px solid #2b2435;padding:32px 0 20px;background:#0d0c11}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{font-size:15px}.footer .brand-mark{width:29px;height:31px;border-radius:9px}.footer .brand small{font-size:6px;letter-spacing:2px}.footer-top nav{display:flex;gap:27px;font-size:10px;color:#a99db8}.footer-top nav a:hover{color:white}.back-top{font-size:10px;color:#c9b7df}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #261f2e;margin-top:27px;padding-top:19px;color:#83758f;font-size:8px}.guide-dialog{border:1px solid #5b4273;border-radius:15px;background:#1c1824;color:var(--text);padding:0;width:min(660px,calc(100% - 30px));max-height:85dvh;box-shadow:0 25px 100px #0008}.guide-dialog::backdrop{background:#08060bbf;backdrop-filter:blur(8px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 25px;border-bottom:1px solid #3d2e4b}.dialog-header .eyebrow{font-size:8px}.dialog-close{background:#30263d;border:1px solid #4a355e;border-radius:7px;padding:6px;display:grid;place-items:center}.dialog-close .icon{width:18px;height:18px}.dialog-content{padding:28px}.dialog-content h2{font-size:29px;line-height:1.25;letter-spacing:-1px;margin-bottom:20px}.dialog-content p{color:#bdb0ca;font-size:13px;line-height:1.9;margin:12px 0}.dialog-content h3{font-size:15px;margin-top:24px}.dialog-content a{color:#c5a2ff;text-decoration:underline;text-underline-offset:3px}.dialog-footer{border-top:1px solid #3d2e4b;padding:15px 28px;font-size:9px;color:#9b88ad}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#30243f;border:1px solid #805da6;border-radius:10px;padding:12px 20px;font-size:12px;z-index:100;box-shadow:0 8px 30px #0006;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){.hero{height:505px}.hero-content{padding-top:54px}h1{font-size:73px}.hero-content>p{font-size:14px}.hero-buttons{margin-top:30px}.hero-footnote{margin-top:30px}.stream-info h3{font-size:11px}}
@media(max-width:1190px){.shell{width:calc(100% - 48px)}.header-inner{gap:24px}.main-nav{gap:20px}.favorite-label{display:none}.header-actions{gap:14px}.hero-content{padding:40px 32px;width:62%}h1{font-size:61px}.hero-buttons{gap:18px}.hero-feature{width:37%;right:20px;padding-inline:0}.feature-bottom strong{font-size:15px}.stream-grid{gap:14px}.stream-info h3{font-size:9px}.stream-body{gap:7px}.channel-avatar{width:25px;height:25px}.stream-info p{font-size:7px}.guide-card{padding:19px}.guide-card>strong{font-size:14px}.game-tile{gap:9px}.game-tile strong{font-size:11px}.game-tile small{font-size:6px}.section-heading h2{font-size:25px}.compact-heading h2{font-size:17px}}
@media(max-width:960px){.header-cta{display:none}.header-inner{gap:32px}.header-actions{margin-left:auto}.hero{height:450px}.hero-content{padding:40px 30px;width:65%}h1{font-size:58px}.hero-content>p{font-size:12px}.hero-buttons{gap:14px}.hero-buttons .button{padding:12px;font-size:11px}.hero-secondary{font-size:10px}.hero-feature{width:31%;bottom:31px}.feature-kicker{font-size:7px;display:block}.feature-kicker>span{display:table;margin-top:8px}.feature-bottom strong{font-size:13px}.feature-bottom small{font-size:8px}.circle-link{width:28px;height:28px}.circle-link .icon{width:16px}.game-grid{gap:10px}.game-tile img{width:35px;height:48px}.game-tile>.icon{display:none}.game-tile strong{font-size:10px}.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.stream-info h3{font-size:12px}.stream-info p{font-size:10px}.channel-avatar{width:33px;height:33px}.stream-body{gap:10px}.tags span{font-size:8px}.platform-label{font-size:8px}.cover-game{font-size:10px}.creator-grid{gap:12px}.video-grid,.guide-grid{gap:14px}.video-card h3{font-size:11px}.video-meta{font-size:6px}.guide-card{padding:16px}.guide-desc{font-size:9px}.guide-art{right:20px;width:70px;height:70px}.crosshair-art:before{width:100px;top:34px}.crosshair-art:after{height:100px;left:34px}.crosshair-art>span{inset:28px}.broadcast-art:after{inset:28px}.guide-card>strong{font-size:13px}.guide-label{font-size:6px}.community-banner{padding:28px}.community-banner h2{font-size:24px}.community-banner p{font-size:10px}.community-banner .eyebrow{font-size:6px}.footer-top nav{gap:18px}}
@media(max-width:700px){html{scroll-padding-top:90px}.shell{width:calc(100% - 32px)}.header{height:75px}.header-inner{gap:12px}.brand{font-size:16px}.brand small{font-size:6px;letter-spacing:2px}.brand-mark{width:30px;height:33px;border-radius:9px}.header-actions{gap:18px}.favorite-nav .icon{width:19px;height:19px}.favorite-count{width:18px;min-width:18px;height:18px;font-size:8px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;padding:6px 0;width:22px}.menu-toggle>span{width:22px;height:2px;background:#d1c2e3;border-radius:3px;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#18141ffb;border-bottom:1px solid #4c355e;padding:16px;flex-direction:column;gap:0;align-items:stretch}.main-nav.open{display:flex}.nav-link{padding:13px 16px;font-size:13px}.nav-link.active:after{display:none}.hero{margin-top:18px;height:540px;border-radius:13px}.hero-image{object-position:72% center;object-fit:cover;height:74%;top:auto;bottom:0}.hero-shade{background:linear-gradient(180deg,#1b1524 0%,#1b1524fa 31%,#1b15244d 69%,#15101c 100%),linear-gradient(90deg,#18111ee0,transparent);}.hero-content{padding:28px 24px;width:100%}.eyebrow{font-size:7px;letter-spacing:1.3px}h1{font-size:53px;letter-spacing:-2.5px;margin-top:20px;margin-bottom:13px}.hero-content>p{font-size:12px;line-height:1.8;max-width:300px}.hero-buttons{margin-top:22px;gap:17px}.hero-buttons .button{font-size:10px;padding:12px}.hero-buttons .button .icon{width:17px}.hero-secondary{font-size:9px;gap:3px}.hero-footnote{font-size:8px;margin-top:17px}.hero-feature{left:24px;right:24px;bottom:22px;width:auto;padding-top:13px;}.feature-kicker{display:flex;font-size:7px}.feature-kicker>span{display:inline;margin-top:0;font-size:6px}.feature-bottom{margin-top:9px}.feature-bottom strong{font-size:17px}.feature-bottom small{font-size:9px}.circle-link{width:34px;height:34px}.hero-page{font-size:7px;right:20px;top:24px;gap:6px}.hero-page>span{width:18px}.games-section{padding-top:25px}.compact-heading{margin-bottom:13px}.compact-heading h2{font-size:16px}.compact-heading>.small{display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-tile{padding:8px;gap:9px}.game-tile img{width:37px;height:48px}.game-tile strong{font-size:10px}.game-tile small{font-size:6px;letter-spacing:.5px}.section{padding-top:40px}.section-heading{gap:13px;margin-bottom:20px}.section-heading h2{font-size:23px;letter-spacing:-.8px}.section-eyebrow{font-size:6px;letter-spacing:1.2px;margin-bottom:8px}.section-note{font-size:8px;white-space:nowrap}.section-note .dot{width:4px;height:4px}.stream-controls{flex-wrap:wrap;gap:12px;margin-bottom:16px}.view-tabs{gap:25px;order:2}.view-tab{font-size:11px;padding-bottom:14px}.search-box{width:100%;order:1;margin-bottom:0;padding:10px 12px}.search-box input{font-size:12px}.filter-row{gap:6px;margin-bottom:17px}.filter{font-size:8px;padding:4px 8px;border-radius:5px}.results-count{font-size:8px;flex-basis:100%;margin-top:4px}.stream-grid{gap:24px 13px}.stream-cover{border-radius:8px}.platform-label{font-size:6px;top:7px;left:7px;padding:2px 4px;letter-spacing:.3px}.platform-label .icon{width:8px;height:8px}.cover-game{font-size:7px;left:8px;bottom:7px;letter-spacing:.6px}.stream-body{gap:7px;padding-top:10px;flex-wrap:wrap}.channel-avatar{width:24px;height:24px;border-radius:7px;font-size:10px}.channel-avatar.esl{font-size:8px}.stream-info{flex:1}.stream-info h3{font-size:9px;white-space:normal;line-height:1.5;min-height:14px}.stream-info p{font-size:8px;line-height:1.7;min-height:27px}.verified{font-size:7px}.save-channel{padding:2px 0;position:relative}.save-channel .icon{width:13px;height:13px}.tags{gap:4px;margin-top:5px}.tags span{font-size:6px;padding:2px 4px}.catalog-note{font-size:8px;margin-top:18px}.creators-section .section-heading{align-items:start;flex-direction:column;gap:10px}.creators-section .section-heading>.small{font-size:9px}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-card{padding:22px 10px 18px}.creator-avatar{width:59px;height:59px;font-size:26px}.creator-name{font-size:13px;margin-top:12px}.creator-handle{font-size:9px}.creator-link{font-size:9px;margin-top:15px}.videos-section .section-heading{align-items:start;flex-direction:column;gap:12px}.text-link{font-size:9px}.video-grid{grid-template-columns:1fr;gap:25px}.video-card h3{font-size:15px}.video-card p{font-size:11px}.video-meta{font-size:8px;margin-top:12px}.video-type{font-size:8px}.video-cover{border-radius:9px}.video-play{width:48px;height:48px}.library-section .section-heading{align-items:start;flex-direction:column;gap:9px}.library-section .section-heading>.small{font-size:9px}.guide-grid{grid-template-columns:1fr;gap:13px}.guide-card{min-height:240px;padding:22px}.guide-label{font-size:7px}.guide-card>strong{font-size:19px}.guide-desc{font-size:11px}.guide-category{font-size:8px;margin-top:65px}.guide-time{font-size:9px;margin-top:18px}.guide-art{top:42px;right:40px;width:82px;height:82px}.crosshair-art:before{top:40px;width:110px}.crosshair-art:after{left:40px;height:110px}.crosshair-art>span{inset:33px}.broadcast-art:after{inset:33px}.community-banner{margin-top:38px;padding:27px 24px;align-items:start;flex-direction:column;gap:22px}.community-banner h2{font-size:26px;line-height:1.25;margin-top:13px}.community-banner .eyebrow{font-size:6px;letter-spacing:1px}.community-banner p{font-size:11px;line-height:1.8;max-width:280px}.community-banner .button{font-size:11px;padding:11px 16px}.community-decoration{right:-15%;top:18px;font-size:280px}.faq-section{grid-template-columns:1fr;gap:20px;margin:30px 0 37px}.faq-section summary{font-size:11px}.faq-section p{font-size:11px}.footer{padding-top:28px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top nav{order:3;width:100%;gap:25px;font-size:10px}.footer .brand{font-size:14px}.back-top{font-size:10px;margin-left:auto}.footer-bottom{flex-direction:column;gap:9px;margin-top:24px;font-size:8px}.dialog-content{padding:24px}.dialog-content h2{font-size:24px}.dialog-content p{font-size:12px}.dialog-content h3{font-size:14px}.toast{font-size:11px;width:max-content}.play-hover{width:30px;height:30px}.play-hover .icon{width:19px;height:19px}}
@media(max-width:370px){.shell{width:calc(100% - 24px)}.brand{font-size:14px;gap:7px}.brand small{font-size:5px;letter-spacing:1.7px}.header-actions{gap:12px}.favorite-nav{gap:5px}.hero-content{padding:28px 20px}h1{font-size:48px}.hero-buttons{gap:12px}.hero-buttons .button{padding:11px 9px;font-size:9px}.hero-secondary{font-size:8px}.game-tile strong{font-size:9px}.game-tile img{width:31px;height:42px}.section-heading h2{font-size:21px}.section-note{font-size:7px}.channel-avatar{display:none}.stream-info h3{font-size:9px}.stream-info p{font-size:7px}.creator-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.creator-card:hover,.guide-card:hover{transform:none}}