/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,Segoe UI,sans-serif;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#ededf1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f0f12;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}button,a,input,select{outline-offset:4px}.app-shell{min-height:100vh}.skip-link{z-index:30;color:#14200e;background:#b2f36c;border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.topbar{background:#101014e8;border-bottom:1px solid #ffffff0d;width:100%}.topbar-inner{align-items:center;gap:55px;max-width:1392px;min-height:82px;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:11px;font-size:23px;font-weight:760;display:inline-flex}.brand-icon{color:#172112;background:#b2f36c;border-radius:11px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 22px #b2f36c0b}.brand-live{color:#b2f36c;margin-left:5px;font-weight:450}.tiny-dot{vertical-align:top;background:#b2f36c;border-radius:50%;width:5px;height:5px;margin:5px 0 0 3px;display:inline-block}.nav-active{align-items:center;gap:9px;min-height:82px;font-size:13px;font-weight:600;display:flex;position:relative}.nav-active:after{content:"";background:#b2f36c;height:2px;position:absolute;bottom:-1px;left:0;right:0}.nav-count{color:#a8abb2;background:#ffffff08;border:1px solid #ffffff0d;border-radius:5px;margin-left:4px;padding:1px 6px;font-size:11px}.twitch-link{color:#b9b4ca;background:#221b2f66;border:1px solid #3c334e;border-radius:7px;align-items:center;gap:8px;margin-left:auto;padding:9px 13px;font-size:12px;transition:background .2s;display:flex}.twitch-link:hover{background:#3c2b54}.topbar nav{align-items:center;gap:26px;display:flex}.nav-link{color:#8f8f9c;align-items:center;gap:9px;min-height:82px;font-size:13px;font-weight:500;display:flex}.main-content{width:min(100%,1392px);margin:0 auto;padding:24px 40px 0}.hero{background:#19231c;border:1px solid #4150396b;border-radius:13px;min-height:300px;position:relative;overflow:hidden}.hero-landscape{object-fit:cover;width:100%;height:100%;position:absolute;top:0;right:0}.hero-shade{background:linear-gradient(90deg,#171d18 0%,#171d18ed 24%,#171d18bb 42%,#171d181a 75%),linear-gradient(#0000 40%,#121a1788);position:absolute;inset:0}.hero-content{z-index:1;padding:30px 35px;position:relative}.eyebrow{color:#b8dba1;letter-spacing:1.7px;align-items:center;gap:8px;margin-bottom:14px;font-size:9px;font-weight:750;display:inline-flex}.status-dot{background:#b2f36c;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #b2f36c36}.hero h1{letter-spacing:-1.8px;margin:0 0 14px;font-size:clamp(32px,3.5vw,47px);font-weight:750;line-height:1.1}.hero p{color:#a5aea4;margin:0 0 20px;font-size:12px;line-height:1.8}.primary-button{color:#1d2c15;background:#b2f36c;border:1px solid #b2f36c;border-radius:7px;justify-content:center;align-items:center;gap:12px;padding:11px 16px;font-size:12px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.hero-caption{color:#b4c2ad;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:19px;right:24px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.stat-card{background:#16161a;border:1px solid #ffffff0b;border-radius:9px;align-items:center;gap:14px;min-height:95px;padding:20px;display:flex}.stat-icon{border:1px solid;border-radius:9px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.stat-green{color:#b2f36c;background:#b2f36c0a;border-color:#b2f36c1a}.stat-purple{color:#b79bea;background:#ac81ef0c;border-color:#ac81ef1a}.stat-orange{color:#e6b579;background:#e6b5790a;border-color:#e6b5791a}.stat-label{color:#9b9ba7;margin-bottom:5px;font-size:10px;display:block}.stat-card strong{letter-spacing:-.6px;align-items:baseline;gap:7px;font-size:25px;font-weight:650;line-height:1.1;display:flex}.stat-card strong span{color:#888892;letter-spacing:0;font-size:10px;font-weight:400}.stat-spark{color:#86c550;letter-spacing:2px;margin-left:auto;font-size:20px}.stat-decoration{color:#443654;margin-left:auto}.auto-badge{letter-spacing:1px;color:#d5a777;border:1px solid #8a6a4433;border-radius:4px;margin-left:auto;padding:4px 6px;font-size:8px}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-kicker{color:#71717d;letter-spacing:1.6px;font-size:9px;font-weight:600}.section-heading h2{letter-spacing:-.5px;align-items:center;gap:12px;margin:7px 0 0;font-size:21px;font-weight:650;display:flex}.heading-count{text-align:center;color:#9ca292;background:#b2f36c0b;border:1px solid #b2f36c16;border-radius:5px;min-width:24px;font-size:11px;font-weight:450;line-height:22px}.update-time{color:#898995;align-items:center;gap:7px;padding-bottom:4px;font-size:10px;display:flex}.filter-summary{color:#767681;justify-content:space-between;gap:16px;margin:18px 0 17px;font-size:10px;display:flex}.filter-summary>span:first-child{align-items:center;gap:7px;display:flex}.filter-summary>span:first-child>svg{color:#a791cc}.filter-summary>a{align-items:center;gap:5px;display:flex}.filter-summary>a:hover{color:#b2f36c}.stat-link:hover{border-color:#b2f36c44}.offline-section{border-top:1px solid #ffffff0d;margin-top:24px;padding-top:38px}.section-description{color:#888895;margin:10px 0 20px;font-size:12px}.directory-shortcut{color:#b2f36c;align-items:center;gap:5px;font-size:11px;display:flex}.participant-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.participant-card{background:#17171c;border:1px solid #ffffff10;border-radius:10px;min-width:0;padding:18px;transition:border-color .2s}.participant-heading{align-items:center;gap:12px;display:flex}.participant-heading>div{min-width:0}.participant-heading h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:650;overflow:hidden}.participant-heading p{color:#777784;text-overflow:ellipsis;margin:0;font-size:10px;overflow:hidden}.participant-avatar{color:#9a8aae;background:#2b2535;border-radius:12px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid;overflow:hidden}.participant-avatar img{object-fit:cover;width:100%;height:100%}.participant-status{color:#898896;align-items:center;gap:6px;margin:16px 0 0;font-size:10px;display:flex}.participant-status>span{background:#777784;border-radius:50%;flex-shrink:0;width:5px;height:5px}.participant-other{color:#b79bea}.participant-other>span{background:#b79bea}.participant-stale{color:#c6ae87}.participant-stale>span{background:#c6ae87}.social-links{border-top:1px solid #ffffff08;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;display:flex}.social-link{color:#acabb8;background:#ffffff03;border:1px solid #ffffff0e;border-radius:5px;align-items:center;gap:5px;padding:6px 7px;font-size:9px;display:inline-flex}.social-link:hover{color:#ededf1;background:#ffffff09;border-color:#ffffff28}.social-twitch>svg:first-child{color:#a98bde}.social-youtube>svg:first-child{color:#de747e}.social-tiktok>svg:first-child{color:#a7dddd}.roster-note{color:#848490;flex-wrap:wrap;align-items:center;gap:9px;padding:17px 0 0;font-size:11px;display:flex}.roster-note p{margin:0}.roster-note a{color:#b2f36c}.roster-note>span{margin-left:auto;font-size:10px}.directory-intro{border-bottom:1px solid #ffffff0d;margin-bottom:25px;padding:15px 0 32px}.directory-intro h1{letter-spacing:-1.2px;margin:10px 0 13px;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.2}.directory-intro h1>span{color:#b2f36c}.directory-intro p{color:#92929e;margin:0 0 17px;font-size:13px}.directory-source{color:#b2f36c;align-items:center;gap:6px;font-size:11px;display:inline-flex}.directory-tools{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.directory-tools>span{color:#80808e;font-size:11px}.directory-tabs{flex-wrap:wrap;gap:6px;display:flex}.directory-tabs button{color:#9898a4;background:#17171c;border:1px solid #ffffff10;border-radius:6px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:flex}.directory-tabs button>span{opacity:.75;font-size:9px}.directory-footnote{color:#80808e;margin:22px 0 0;font-size:11px;line-height:1.7}.filter-divider{color:#44444d;margin:0 4px}.search-field{color:#737381;background:#19191e;border:1px solid #ffffff12;border-radius:7px;align-items:center;gap:10px;width:350px;min-height:41px;padding:0 12px;display:flex}.search-field:focus-within{border-color:#b2f36c88}.search-field input{color:#dedee7;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:11px 0;font-size:12px}.search-field input::-webkit-search-cancel-button{display:none}.search-hint{letter-spacing:.6px;color:#767680;border:1px solid #ffffff12;border-radius:4px;padding:2px 4px;font-size:7px}.toolbar-right{align-items:center;gap:12px;display:flex}.connection{color:#9b9da3;white-space:nowrap;align-items:center;gap:6px;margin-right:8px;font-size:10px;display:flex}.connection-warning{color:#e0b174}.connection-warning .status-dot{background:#e0b174}.sort-field{color:#9b9ba8;background:#19191e;border:1px solid #ffffff12;border-radius:7px;align-items:center;gap:8px;min-height:41px;padding:0 11px;display:flex}.sort-field select{color:#c2c2cc;background:0 0;border:0;max-width:160px;padding:10px 0;font-size:11px}.sort-field option{background:#19191e}.refresh-button{color:#9d9dab;background:#19191e;border:1px solid #ffffff12;border-radius:7px;place-items:center;width:41px;height:41px;transition:color .2s,border-color .2s;display:grid}.icon-button{color:#9b9ba8;background:0 0;border:0;border-radius:5px;place-items:center;padding:6px;display:grid}.icon-button:hover{color:#fff;background:#ffffff0a}.stream-card{text-align:left;background:#17171c;border:1px solid #ffffff0e;border-radius:10px;min-width:0;padding:0 0 15px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.thumbnail-wrap{aspect-ratio:16/9;background:#202227;position:relative;overflow:hidden}.thumbnail-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0009);position:absolute;inset:35% 0 0}.stream-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .35s}.thumbnail-fallback{color:#727e6b;background:radial-gradient(at 100% 0,#32462b,#1c231d 75%);align-content:center;justify-items:center;gap:12px;height:100%;font-size:11px;display:grid}.live-badge,.viewer-badge,.duration{z-index:1;border-radius:4px;align-items:center;gap:5px;font-weight:600;display:flex;position:absolute}.live-badge{letter-spacing:.4px;background:#e73b49;padding:4px 6px;font-size:9px;top:11px;left:11px}.live-badge>span{background:#fff;border-radius:50%;width:4px;height:4px;animation:2s infinite live-pulse}.live-badge-stale>span{animation:none}.viewer-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#101013bb;padding:4px 6px;font-size:10px;bottom:11px;left:11px}.duration{color:#e7e6e9;font-size:9px;bottom:12px;right:11px}.play-overlay{z-index:2;opacity:0;background:#0002;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.play-overlay>span{color:#152310;background:#b2f36c;border-radius:50%;place-items:center;width:52px;height:52px;padding-left:2px;display:grid;box-shadow:0 0 24px #b2f36c33}.card-details{align-items:flex-start;gap:11px;padding:15px 14px 0;display:flex}.avatar{color:#b3a0d5;background:#2c2438;border:2px solid #38313f;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.streamer-name{color:#e6e5eb;align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.streamer-dot{background:#b2f36c;border-radius:50%;width:5px;height:5px}.card-copy h3{color:#aaa9b5;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:35px;margin:4px 0 5px;font-size:11px;font-weight:400;line-height:1.6;display:-webkit-box;overflow:hidden}.card-copy p span{margin:0 5px}.card-tags{gap:5px;padding:12px 14px 0 61px;display:flex;overflow:hidden}.card-tags>span{white-space:nowrap;text-overflow:ellipsis;color:#a3a1af;background:#ffffff05;border:1px solid #ffffff08;border-radius:4px;max-width:120px;padding:3px 6px;font-size:8px;overflow:hidden}.notice{color:#d5bd9b;background:#d5a56408;border:1px solid #d5a56430;border-radius:9px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:17px;font-size:12px;line-height:1.6;display:flex}.notice>svg{flex-shrink:0;margin-top:1px}.notice p{color:#aea598;margin:3px 0 0}.notice button{flex-shrink:0;margin-left:auto}.secondary-button{color:#c3c2cc;background:#ffffff05;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:11px;transition:background .2s;display:inline-flex}.secondary-button:hover{background:#ffffff0c}.empty-state{text-align:center;background:radial-gradient(at top,#20251b55,#0000 80%);border:1px dashed #ffffff13;border-radius:10px;flex-direction:column;align-items:center;padding:58px 24px;display:flex}.empty-state>svg{color:#b2f36c;margin-bottom:17px}.empty-state h3{margin:0 0 9px;font-size:17px;font-weight:550}.empty-state p{color:#858592;max-width:450px;margin:0 0 14px;font-size:12px;line-height:1.8}.bottom-note{color:#a6bd8f;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;align-items:center;gap:9px;margin:30px 0;padding:14px 0;display:flex}.bottom-note p{margin:0;font-size:10px}.bottom-note p span{color:#71717c;margin-left:5px}.note-chip{letter-spacing:1px;color:#767780;white-space:nowrap;border:1px solid #ffffff12;border-radius:4px;margin-left:auto;padding:4px 6px;font-size:7px}.footer{align-items:center;gap:22px;max-width:1392px;margin:0 auto;padding:0 40px 25px;display:flex}.footer-brand{color:#8d8d98;align-items:center;gap:6px;font-size:12px;font-weight:650;display:flex}.footer-brand>svg{color:#78945d}.footer-brand>span{color:#78945d;margin-left:-4px;font-weight:400}.footer p{color:#5f5f6a;margin:0;font-size:9px}.footer-status{color:#71717c;align-items:center;gap:6px;margin-left:auto;font-size:9px;display:flex}.footer-status .status-dot{width:4px;height:4px}.skeleton-card{background:#17171c;border:1px solid #ffffff0c;border-radius:10px;padding-bottom:15px;overflow:hidden}.skeleton{background:linear-gradient(90deg,#ffffff04 25%,#ffffff09 50%,#ffffff04 75%) 0 0/200% 100%;border-radius:4px;animation:1.8s infinite shimmer}.skeleton-image{aspect-ratio:16/9;border-radius:0}.skeleton-body{gap:11px;padding:15px;display:flex}.skeleton-body>div:last-child{flex:1}.skeleton-avatar{border-radius:50%;width:36px;height:36px}.skeleton-name{width:40%;height:11px;margin-bottom:10px}.skeleton-title{width:90%;height:9px;margin-bottom:9px}.skeleton-subtitle{width:65%;height:9px}.skeleton-tag{width:65px;height:16px;margin-top:8px;margin-left:62px}.modal-open{overflow:hidden}html.modal-open{overscroll-behavior:none;overflow:hidden}.stream-modal{color:#ececf3;background:#17171c;border:1px solid #ffffff1a;border-radius:13px;width:min(100% - 32px,1440px);max-width:1440px;max-height:calc(100dvh - 32px);margin:auto;padding:0;animation:.2s ease-out modal-in;overflow:auto;box-shadow:0 24px 100px #0009}.stream-modal::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#07070bd9}.modal-heading{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-heading>div{align-items:center;gap:10px;display:flex}.modal-heading h2{margin:0;font-size:17px;font-weight:600}.modal-live{background:#e73b49;border-radius:4px;padding:3px 6px;font-size:9px}.player-wrap{aspect-ratio:16/9;background:#000;min-width:400px;min-height:300px;position:relative}.player-loading{color:#b498d5;pointer-events:none;background:#0b090f;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;inset:0}.player-wrap iframe{border:0;width:100%;height:100%;min-height:300px;display:block}.modal-viewing{grid-template-columns:minmax(400px,1fr) 330px;display:grid}.modal-video{background:#000;min-width:0}.modal-chat-column{contain:size;flex-direction:column;min-width:0;min-height:300px;display:flex}.live-chat{background:#101015;border-left:1px solid #ffffff12;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.chat-heading{justify-content:space-between;align-items:center;gap:10px;padding:15px 13px 10px;display:flex}.chat-heading>span:first-child{align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.chat-connection{color:#aaa5b5;align-items:center;gap:5px;font-size:9px;display:flex}.chat-connection>span{background:#f6b55c;border-radius:50%;width:5px;height:5px}.chat-connection.is-connected>span{background:#8bdfaa;box-shadow:0 0 8px #8bdfaa50}.chat-providers{border-bottom:1px solid #ffffff0c;align-items:center;gap:5px;padding:0 13px 11px;display:flex}.chat-providers>span{color:#9e99ad;border:1px solid #ffffff16;border-radius:4px;padding:2px 5px;font-size:9px}.chat-providers>span:first-child,.chat-providers>span.provider-ready{color:#c7b4ef;background:#aa76f112;border-color:#aa76f13b}.chat-providers>small{color:#817b8e;margin-left:auto;font-size:9px}.chat-warning{color:#e6c894;background:#e6c8940b;margin:0;padding:9px 13px;font-size:10px;line-height:1.5}.chat-messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#40384e transparent;flex:1;min-height:0;padding:11px 13px;position:relative;overflow-y:auto}.chat-line{color:#dedbe5;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:4px;padding:2px 24px 2px 0;font-size:12px;line-height:1.95;position:relative}.chat-line:hover,.chat-line:focus-within{background:#ffffff06}.chat-highlighted{background:#aa76f11f;outline:1px solid #aa76f13b}.chat-badge{vertical-align:middle;object-fit:contain;width:18px;height:18px;margin-right:3px;display:inline-block}.chat-badge-fallback{vertical-align:middle;color:#aa94c4;justify-content:center;align-items:center;width:18px;height:18px;margin-right:3px;display:inline-flex}.chat-reply-button{color:#c0a8df;cursor:pointer;opacity:0;background:#302339;border:0;border-radius:4px;justify-content:center;align-items:center;width:23px;height:23px;padding:0;display:flex;position:absolute;top:3px;right:0}.chat-line:hover .chat-reply-button,.chat-line:focus-within .chat-reply-button{opacity:1}.chat-reply-button:hover{color:#fff;background:#5b397b}.chat-reply-reference{color:#ad8fcb;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;width:100%;margin:0 0 2px;padding:1px 0;font-size:10px;line-height:1.7;display:flex}.chat-reply-reference>svg{flex-shrink:0}.chat-reply-reference>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-reply-reference>span>span{color:#8d8299}.chat-reply-reference:disabled{cursor:default;opacity:.7}.chat-reply-compose{background:#9e6bcf15;border-left:2px solid #bb89ee;border-radius:4px;align-items:flex-start;gap:6px;margin:0 0 10px;padding:8px;display:flex}.chat-reply-compose>div{flex:1;min-width:0}.chat-reply-compose span{color:#d7baef;align-items:center;gap:5px;font-size:10px;display:flex}.chat-reply-compose p{color:#a599b3;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:10px;overflow:hidden}.chat-reply-compose>button{width:20px;height:20px}.chat-footer .chat-thread-notice{color:#d5b58f;line-height:1.6}.chat-name{font-weight:700}.chat-colon{color:#c5bed2}.chat-action{font-style:italic}.chat-mod{color:#81e7a4;vertical-align:middle;margin-right:4px;display:inline}.chat-emote-stack{vertical-align:middle;max-width:100%;display:inline-block;position:relative}.chat-emote{object-fit:contain;vertical-align:middle;width:auto;max-width:90px;height:28px;display:inline-block}.chat-emote-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chat-empty{text-align:center;color:#aaa2b7;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;min-height:180px;padding:20px;display:flex}.chat-empty>svg{color:#ad85e2}.chat-empty p{margin:0;font-size:12px;line-height:1.6}.chat-empty small{color:#736b83;font-size:10px;line-height:1.7}.chat-footer{background:#14131b;border-top:1px solid #ffffff0c;padding:10px 13px 12px}.chat-footer p{color:#8f879e;margin:0 0 7px;font-size:10px}.chat-footer a{color:#d6c1f7;background:#9d64e41a;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:11px;transition:background .2s;display:flex}.chat-footer a:hover{background:#9d64e435}.chat-scroll-button{color:#eee2fe;cursor:pointer;background:#302044ed;border:1px solid #ae7be263;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:10px;display:flex;position:absolute;bottom:83px;left:15px;right:15px}.user-menu{align-items:center;gap:12px;margin-left:auto;font-size:11px;display:flex}.user-menu>span{color:#c7afe6;align-items:center;gap:6px;max-width:140px;display:flex;overflow:hidden}.user-menu button,.popout-heading button{color:#b7aec6;cursor:pointer;background:#ffffff06;border:1px solid #ffffff18;border-radius:5px;padding:7px 9px;font-size:10px}.chat-input{width:100%;font:inherit;color:#f0e9ff;background:#24202e;border:1px solid #8d64b43b;border-radius:6px;outline:none;padding:10px;font-size:12px}.chat-input:focus{border-color:#ae80f0}.chat-compose-tools{align-items:center;gap:10px;padding-top:9px;display:flex}.chat-compose-tools>span{color:#9e92ad;margin-left:auto;font-size:9px}.chat-compose-tools>button{color:#fff;cursor:pointer;background:#9d64e4;border:0;border-radius:4px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:flex}.chat-compose-tools>button:disabled{opacity:.45;cursor:default}.chat-footer .chat-send-error{color:#ffb4c0;line-height:1.6}.emote-picker{position:relative}.emote-picker summary{color:#b29bce;cursor:pointer;list-style:none}.emote-picker summary::-webkit-details-marker{display:none}.emote-picker-panel{z-index:3;background:#211b2d;border:1px solid #7c55ac70;border-radius:8px;width:290px;padding:12px;position:absolute;bottom:32px;left:-3px;box-shadow:0 10px 35px #0006}.emote-picker-panel>input{color:#eee3ff;background:#15101f;border:1px solid #a484c847;border-radius:4px;width:100%;padding:8px;font-size:11px}.emote-picker-panel>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;max-height:200px;margin:10px 0;display:grid;overflow:auto}.emote-picker-panel button{cursor:pointer;background:#ffffff06;border:0;border-radius:4px;min-height:36px}.emote-picker-panel button:hover{background:#b285ec25}.emote-picker-panel .chat-emote{max-width:35px}.emote-picker-panel>small{color:#aa94c4;font-size:9px}.modal-actions{align-items:center;gap:12px;display:flex}.multistream-add{color:#d6b5ff;cursor:pointer;background:#9d64e41a;border:1px solid #9d64e43b;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:flex}.multistream-add span{color:#957cae;font-size:9px}.multistream-add:disabled{opacity:.4;cursor:default}.multistream-picker{background:#1d1924;border-bottom:1px solid #ffffff12;padding:12px 16px}.multistream-picker>label{color:#a985d0;align-items:center;gap:8px;display:flex}.multistream-picker input{color:#f4e8ff;background:0 0;border:0;outline:none;flex:1;padding:8px;font-size:12px}.multistream-picker>div{flex-wrap:wrap;gap:7px;max-height:130px;padding-top:8px;display:flex;overflow:auto}.multistream-picker button{color:#d9c6f4;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:5px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.multistream-picker button:hover{background:#9d64e435}.multistream-grid{grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.multistream-grid.has-multiple{grid-template-columns:repeat(2,minmax(400px,1fr));gap:4px}.multistream-tile{min-width:0}.tile-toolbar{background:#16121d;border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;gap:6px;min-height:33px;padding:5px 8px;display:flex}.tile-toolbar>div{gap:4px;display:flex}.tile-toolbar .icon-button{color:#b69acc;width:24px;height:24px}.tile-channel{color:#a79ab8;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:4px;font-size:11px;overflow:hidden}.chat-channel-select{background:#1d1727;align-items:center;gap:10px;padding:10px 13px;display:flex}.chat-channel-select span{color:#b198ce;font-size:10px}.chat-channel-select select{color:#e6d4ff;background:#22192d;border:1px solid #8254b445;border-radius:4px;flex:1;min-width:0;padding:5px;font-size:11px}.popout-page{background:#101015;min-height:100dvh}.popout-heading{border-bottom:1px solid #ffffff15;align-items:center;gap:15px;padding:14px 18px;display:flex}.popout-heading h1{margin:0 auto 0 0;font-size:14px}.popout-heading h1 span{color:#9273b1;margin-left:8px;font-size:10px}.popout-heading a{color:#b198ce;align-items:center;gap:5px;font-size:11px;display:flex}.popout-viewing{min-height:calc(100dvh - 60px)}.popout-viewing .modal-video{flex-direction:column;justify-content:center;display:flex}.modal-footer{justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.modal-footer h3{margin:0 0 6px;font-size:13px;font-weight:450;line-height:1.6}.modal-footer p{color:#92929e;align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.modal-footer>a{flex-shrink:0}.mobile-player-fallback{text-align:center;background:#101013;flex-direction:column;align-items:center;padding:32px 20px;display:flex}.mobile-player-fallback>svg{color:#b2f36c}.mobile-player-fallback p{color:#8d8d99;margin-bottom:18px;font-size:12px;line-height:1.7}.modal-loading{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#b2f36c;z-index:50;background:#08080ce8;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:12px;display:flex;position:fixed;inset:0}.boundary-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:100vh;padding:24px;display:flex}.boundary-fallback>svg{color:#b2f36c}.boundary-fallback h1{margin:0;font-size:26px}.boundary-fallback p{color:#92929e;font-size:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes live-pulse{50%{opacity:.35}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@media (width>=1600px){.stream-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1000px){.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-spark,.stat-decoration,.auto-badge,.connection{display:none}.stat-card{gap:10px;padding:17px 13px}.stat-card strong span{font-size:9px}.hero-caption{display:none}}@media (width<=700px){.topbar-inner{gap:20px;min-height:70px;padding:0 20px}.brand{font-size:19px}.brand-icon{width:34px;height:34px}.topbar nav{display:none}.main-content{padding:18px 20px 0}.stream-toolbar{gap:10px;width:calc(100% - 40px);margin-top:9px}.search-field{flex:1;width:auto;min-width:0}.search-hint{display:none}.toolbar-right{gap:7px}.sort-field{gap:3px;padding:0 7px}.sort-field>svg{display:none}.sort-field select{max-width:133px;font-size:10px}.hero{min-height:280px}.hero-content{padding:27px 24px}.hero h1{font-size:38px}.hero-shade{background:linear-gradient(90deg,#171d18f5,#171d18aa 70%,#171d1833)}.hero-landscape{width:160%;max-width:none;right:-25%}.stats-grid{gap:8px;margin-top:13px}.stat-card{flex-direction:column;align-items:flex-start;gap:8px;min-height:95px;padding:12px}.stat-icon{border-radius:6px;width:29px;height:29px}.stat-icon svg{height:16px}.stat-label{font-size:8px}.stat-card strong{font-size:21px;display:block}.stat-card strong span{margin-top:4px;font-size:8px;display:block}.section-heading{align-items:center}.section-heading h2{gap:6px;font-size:17px}.section-kicker{font-size:8px}.update-time,.filter-summary>span:last-child{display:none}.stream-grid{gap:16px 12px}.card-details{gap:8px;padding:12px 10px 0}.avatar{width:28px;height:28px}.streamer-name{font-size:11px}.card-tags{padding-left:10px}.card-tags span{font-size:7px}.card-copy h3{font-size:10px}.bottom-note p span{margin:4px 0 0;display:block}.note-chip{display:none}.footer{flex-wrap:wrap;gap:12px;padding:0 20px 25px}.footer p{order:3;width:100%}.footer-status{font-size:8px}.notice{flex-wrap:wrap}.notice>div{flex:1}.notice>button{margin-left:30px}.modal-footer{flex-wrap:wrap}}@media (width<=460px){.stream-grid{grid-template-columns:minmax(0,1fr)}.card-details{gap:11px;padding:15px 14px 0}.avatar{width:36px;height:36px}.streamer-name{font-size:13px}.card-copy h3{font-size:12px}.card-tags{padding-left:61px}.hero h1{font-size:34px}.hero-content{padding:26px 19px}.hero p{font-size:11px}.desktop-break{display:none}.twitch-link{padding:8px}.twitch-link>span{display:none}.section-heading h2{font-size:16px}}@media (width<=1100px){.participant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar-inner{gap:24px}.topbar nav{gap:18px}}@media (width<=700px){.topbar-inner{flex-wrap:wrap;gap:12px;padding-top:15px}.topbar nav{order:3;gap:25px;width:100%;display:flex}.topbar nav a{min-height:43px;font-size:12px}.twitch-link{margin-left:auto}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-card{padding:13px}.participant-heading{gap:9px}.participant-heading h3{font-size:12px}.participant-avatar{border-radius:9px;width:35px;height:35px}.directory-tools{flex-direction:column;align-items:flex-start;gap:9px}.directory-intro h1{font-size:29px}.directory-intro p{font-size:12px;line-height:1.7}}@media (width<=420px){.participant-grid{grid-template-columns:minmax(0,1fr)}.participant-heading h3{font-size:14px}.participant-avatar{width:43px;height:43px}.directory-shortcut{font-size:10px}.roster-note>span{margin-left:26px}}@media (width<=1200px){.modal-viewing{grid-template-columns:minmax(0,1fr)}.modal-chat-column{contain:none;height:450px}.live-chat{border-top:1px solid #ffffff12;border-left:0}}@media (width<=850px){.multistream-grid.has-multiple{grid-template-columns:minmax(0,1fr)}}@media (width<=550px){.modal-heading{flex-wrap:wrap;gap:10px}.modal-actions{justify-content:space-between;width:100%}.twitch-link>span{font-size:9px;display:inline}.user-menu{gap:6px}.user-menu>span{max-width:100px;font-size:10px}.modal-footer p{flex-wrap:wrap}.popout-heading{gap:8px}.popout-heading h1{font-size:11px}.popout-heading h1 span{display:none}}@media (hover:none){.chat-reply-button{opacity:1}}@media (prefers-reduced-motion:reduce){html:not([data-motion-preference=on]){scroll-behavior:auto}html:not([data-motion-preference=on]) :is(*){transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.spotlight-card{isolation:isolate;background-color:var(--spotlight-card-surface);box-shadow:var(--spotlight-card-shadow);border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.spotlight-card__light,.spotlight-card__grain,.spotlight-card__border,.spotlight-card__edge{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.spotlight-card__light,.spotlight-card__grain{z-index:-1;opacity:0}.spotlight-card__grain{mix-blend-mode:overlay;background-size:160px 160px}.spotlight-card__border,.spotlight-card__edge{z-index:1;-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spotlight-card__border{background:var(--spotlight-card-border)}.spotlight-card__edge{opacity:0}html{scroll-behavior:auto}body{background:#0d0c10}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent)}.hero-panel{gap:12px;margin-top:6px;display:grid}.hero.spotlight-card{isolation:isolate;background:#100e15;border:1px solid #bc9cff2e;border-radius:16px;min-height:354px;padding:0;position:relative;overflow:hidden;box-shadow:0 24px 60px #05040a6b}.hero:before{content:"";z-index:0;pointer-events:none;opacity:.2;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.9%,#c4a5ff18 50%,#0000 50.1%),linear-gradient(#0000 49.9%,#c4a5ff12 50%,#0000 50.1%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:46px 46px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);mask-image:linear-gradient(90deg,#000,#0000 78%)}.hero-world{z-index:0;opacity:.95;perspective:900px;transform-style:preserve-3d;will-change:transform;position:absolute;inset:0 0 0 31%}.hero-world svg{width:100%;height:100%;display:block}.hero .world-island{transform-box:fill-box;transform-origin:50% 72%;filter:drop-shadow(0 20px 16px #06050970)}.motion-ready .hero{animation:.72s cubic-bezier(.2,.7,.2,1) both hero-arrive}.motion-ready .hero-world{animation:1.05s cubic-bezier(.2,.7,.2,1) both world-arrive}.motion-ready .hero-eyebrow,.motion-ready .hero-title,.motion-ready .hero-description,.motion-ready .hero-actions>*{animation:.62s cubic-bezier(.2,.7,.2,1) both hero-copy-arrive}.motion-ready .hero-eyebrow{animation-delay:80ms}.motion-ready .hero-title{animation-delay:.16s}.motion-ready .hero-description{animation-delay:.26s}.motion-ready .hero-actions>:first-child{animation-delay:.36s}.motion-ready .hero-actions>:nth-child(2){animation-delay:.44s}.motion-ready .world-island{animation:5.2s ease-in-out 1s infinite alternate island-float}.motion-ready .world-moon{animation:6.2s ease-in-out 1.2s infinite alternate moon-float}.motion-ready .world-satellite{animation:4.8s ease-in-out 1.1s infinite alternate satellite-float}.motion-ready .world-satellite-small{animation:5.6s ease-in-out 1.4s infinite alternate satellite-float}.motion-ready.motion-paused .world-island,.motion-ready.motion-paused .world-moon,.motion-ready.motion-paused .world-satellite,.motion-ready.motion-paused .world-satellite-small{animation-play-state:paused}.hero .world-moon,.hero .world-satellite,.hero .world-satellite-small{transform-box:fill-box;transform-origin:50%}.hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#100e15 0%,#100e15f2 28%,#100e15b5 47%,#100e1520 76%);position:absolute;inset:0}.hero-content{z-index:3;flex-direction:column;justify-content:center;width:min(58%,690px);min-height:354px;padding:30px 34px 28px;display:flex;position:relative}.eyebrow{color:#d7c3ff;letter-spacing:1.6px;text-transform:uppercase;background:#b59eff14;border:1px solid #b59eff4d;border-radius:999px;align-items:center;gap:8px;width:max-content;padding:8px 12px;font-size:10px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.085em;text-wrap:balance;max-width:640px;margin:18px 0 14px;font-size:clamp(2.5rem,4.4vw,4.7rem);line-height:.94}.hero p{color:#e7e0efbf;max-width:480px;margin:0;font-size:14px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.primary-button,.secondary-button{border-radius:10px;min-height:44px}.primary-button{color:#f8f4ff;background:#8a61c5;border-color:#a17bd5;box-shadow:0 10px 24px #5b3e8447}.primary-button:hover{background:#9a76d0}.hero .primary-button:hover{transform:none}.secondary-button{color:#ebdcff;background:#0e0c138f;border:1px solid #b59eff52}.ghost-button{background:#ffffff05}.hero-caption{z-index:3;color:#b8accc;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;bottom:17px;right:22px}.hero-caption .tiny-dot{background:#8ef0b7;width:7px;height:7px;margin:0;display:inline-block;box-shadow:0 0 14px #8ef0b7b3}.hero .spotlight-card__light{z-index:2;mix-blend-mode:screen}.hero .spotlight-card__grain{z-index:2;opacity:.08}.hero .spotlight-card__border{z-index:4}.stats-grid{background:linear-gradient(90deg,#ffffff04,#0000 70%);border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr 1fr 1.15fr;gap:0;margin-top:0;padding:8px 0;display:grid}.stat-card{min-width:0;min-height:76px;box-shadow:none;background:0 0;border:0;border-right:1px solid #ffffff17;border-radius:0;align-items:center;gap:14px;padding:12px 24px;display:flex;position:relative}.stat-icon{color:#cbb5ef;background:#b194fa14;border:1px solid #b194fa29;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:#8e8798;margin-bottom:4px;font-size:9px;display:block}.stat-card strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.055em;color:#f4effb;font-size:clamp(1.25rem,1.9vw,1.75rem);font-weight:650;line-height:1.1;display:block;overflow:hidden}.stat-card strong span{display:inline}.stat-leader .stat-icon{color:#e9c98c;background:#eebf7212;border-color:#eebf7226}.stat-leader strong{font-size:clamp(1rem,1.35vw,1.25rem)}.stat-detail{color:#a79bae;margin-top:4px;font-size:10px;display:block}.topbar{border-color:var(--line);background:#141218ed;position:relative}.topbar-inner{gap:36px;min-height:72px;padding:0 32px}.brand{font-size:21px}.brand-icon{color:var(--accent);box-shadow:none;background:#b99cff12;border:1px solid #b99cff26}.nav-active,.nav-link{min-height:72px}.topbar nav a{position:relative}.nav-active:after{background:var(--accent);transform-origin:0;transition:transform .28s cubic-bezier(.2,.7,.2,1);transform:scaleX(1)}.nav-link:after{content:"";transform-origin:0;background:#b99cff88;height:1px;transition:transform .24s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}.nav-count{margin-left:0}.twitch-link{color:#dbd0f5;min-height:40px}.stream-toolbar{justify-content:space-between;align-items:center;gap:18px;width:100%;max-width:1392px;margin:auto;padding:18px 32px 0;display:flex}.search-field{border:1px solid var(--line);background:#19161f;flex:420px;width:auto;min-width:0;max-width:none;min-height:44px}.stream-toolbar .search-field{border-radius:10px;gap:12px;padding-inline:16px}.stream-toolbar .search-field>svg{color:#a99bbd;flex:0 0 18px}.stream-toolbar .search-field input{padding-block:10px}.search-field:focus-within>svg{color:#d0b5fa;transform:scale(1.04)}.search-field>svg{transition:color .18s,transform .18s}.search-field input{width:100%;min-width:0}.search-hint{display:none}.toolbar-right{align-items:center;gap:16px;min-width:0;display:flex}.connection{color:#a09aa9;white-space:nowrap;font-size:11px}.sort-tabs{border:1px solid var(--line);background:#15131a;border-radius:9px;align-items:center;padding:3px;display:flex}.sort-tabs button{color:#a9a2b6;white-space:nowrap;background:0 0;border:0;border-radius:6px;min-height:36px;padding:9px 12px;font-size:12px}.refresh-button{min-width:40px;min-height:40px}.page-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:4px 0 22px;display:flex}.section-kicker{color:#a79ab8;letter-spacing:1.8px;font-size:10px}.page-intro h1{letter-spacing:-.9px;align-items:center;gap:12px;margin:8px 0;font-size:28px;font-weight:680;line-height:1.2;display:flex}.page-intro p{color:#9891a2;margin:0;font-size:13px;line-height:1.7}.heading-count{color:#cbb8e8;background:#b99cff0c;border-color:#b99cff23;padding:0 6px}.compact-stats{color:#a49aaa;flex-wrap:wrap;align-items:center;gap:22px;font-size:12px;display:flex}.compact-stats>span,.compact-stats>a{align-items:center;gap:7px;display:flex}.compact-stats strong{color:#ebe5f3;font-weight:600}.compact-stats svg{color:#aa8bd1}.section-heading{align-items:center;margin-bottom:17px}.section-heading h2{letter-spacing:-.35px;margin:0;font-size:17px}.update-time{color:#9891a2;font-size:11px}.stream-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 18px;display:grid}.stream-card{text-align:left;min-width:0;box-shadow:none;background:#17141d;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;padding:0;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden;transform:translateZ(0)}.stream-card:hover{background:#1d1727;border-color:#b99cff65;transform:translateY(-3px);box-shadow:0 12px 28px #0004}.thumbnail-wrap{aspect-ratio:16/9;background:#111015;width:100%;position:relative;overflow:hidden}.stream-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:block;transform:scale(1)}.stream-card:hover .stream-thumbnail{transform:scale(1.025)}.play-overlay>span{transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .2s;transform:scale(.86)}.thumbnail-fallback{color:#9886ad;background:#1d1727;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;font-size:12px;display:flex}.live-badge{background:#e34457;border-radius:4px;padding:4px 6px;font-size:10px;top:10px;left:10px}.live-badge>span{box-shadow:none;animation:2.4s ease-in-out infinite live-dot}.live-badge-stale{background:#342c20}.viewer-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0912c9;border-radius:4px;padding:4px 6px;font-size:11px;inset:auto auto 9px 9px}.duration{background:#0a0912c9;border-radius:4px;padding:4px 6px;font-size:10px;bottom:9px;right:9px}.play-overlay{background:#10081c25}.play-overlay>span{color:#fff;box-shadow:none;background:#503967cc;border:1px solid #ffffff35;width:44px;height:44px}.card-details{align-items:flex-start;gap:10px;min-width:0;padding:14px 12px 9px}.avatar{color:#bda7d8;background:#2b223a;border:1px solid #ffffff0d;border-radius:50%;flex-shrink:0;width:34px;height:34px}.avatar img{object-fit:cover;width:100%;height:100%}.card-copy{flex:1;min-width:0}.streamer-name{color:#f1eaf9;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.streamer-dot{display:none}.card-copy h3{-webkit-line-clamp:2;color:#bfb6ca;-webkit-box-orient:vertical;min-height:3.1em;margin:5px 0;font-size:12px;font-weight:400;line-height:1.55;display:-webkit-box;overflow:hidden}.card-copy p{color:#82778f;margin:0;font-size:10px}.card-tags{gap:5px;margin-top:auto;padding:0 12px 13px;display:flex;overflow:hidden}.card-tags>span{color:#a59bb0;white-space:nowrap;text-overflow:ellipsis;background:#ffffff04;border:1px solid #ffffff0d;border-radius:4px;max-width:42%;padding:3px 6px;font-size:9px;overflow:hidden}.card-tags .project-tag{color:#bfa4e8;background:#b99cff07;border-color:#b99cff1c}.offline-section{margin-top:30px;padding-top:24px}.participant-card{border-color:var(--line);background:#15121a;padding:15px}.participant-card:hover{border-color:#b99cff44}.participant-avatar{background:#2a2135;border-radius:50%}.social-link{min-height:36px}.directory-tools,.directory-tabs{flex-wrap:wrap}.directory-tabs button{min-height:40px}.bottom-note{color:#8b8198;border:0;margin:28px 0 20px;font-size:11px}.bottom-note svg{color:#9782ae}.bottom-note p{line-height:1.7}.footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:20px;max-width:1536px;margin:auto;padding:22px 32px 28px}.footer p{color:#82778f;line-height:1.7}.footer nav{color:#b1a4c1;gap:20px;margin-left:auto;font-size:12px;display:flex}.footer nav a{align-items:center;min-height:40px;display:flex}.consent-revoke{color:#b1a4c1;background:0 0;border:0;align-items:center;gap:7px;min-height:40px;margin-left:auto;font-size:12px;display:flex}.consent-revoke:disabled{color:#716978;cursor:not-allowed}.footer-consent-status{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 11px;font-size:11px;font-weight:650;display:inline-flex}.footer-consent-indicator{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.footer-consent-status.is-approved{color:#9ee6b5;background:#2c9b4e1a;border-color:#5dc9814d}.footer-consent-status.is-approved .footer-consent-indicator{background:#4bd078;box-shadow:0 0 10px #4bd07880}.footer-consent-status.is-revoked{color:#ff9a9a;background:#c53b3b1a;border-color:#f16a6a4d}.footer-consent-status.is-revoked .footer-consent-indicator{background:#f15e5e;box-shadow:0 0 10px #f15e5e80}.consent-revoke:disabled{margin-left:0}.control-button,.refresh-button,.sort-tabs button,.workspace-add,.directory-tabs button,.social-link{transition:background-color .18s,border-color .18s,color .18s,transform .18s}.control-button:hover:not(:disabled),.refresh-button:hover:not(:disabled){transform:translateY(-1px)}.control-button:active:not(:disabled),.refresh-button:active:not(:disabled){transform:translateY(0)scale(.97)}.participant-card{transition:transform .2s,border-color .2s,background-color .2s}.participant-card:hover{background:#1a1621;transform:translateY(-2px)}.notice{background:#26201966;border-color:#8c714533}.secondary-button{min-height:40px}.primary-button{color:#f6ecff;background:#70509b;border-color:#956ac6}.primary-button:hover{background:#8261ae;transform:none}.user-menu{margin-left:auto}.user-menu>span{align-items:center;gap:8px;display:flex}.navbar-user-name{text-overflow:ellipsis;max-width:130px;overflow:hidden}.popout-background{color:#aaa0b5;max-width:700px;padding:30px 0}.popout-background h1{color:#efe6f7;font-size:24px}.viewing-workspace{--workspace-chat-width:340px;color:#eeedf2;background:#15121b;border:1px solid #4a395f;border-radius:14px;width:min(1500px,100vw - 48px);max-width:none;height:min(900px,100dvh - 48px);max-height:none;margin:auto;padding:0;position:fixed;inset:0;overflow:visible;box-shadow:0 18px 80px #0007}.viewing-workspace[open]{flex-direction:column;display:flex}.viewing-workspace::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07050be6}.workspace-heading{border-bottom:1px solid var(--line);background:#19151f;border-radius:14px 14px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:8px 14px;display:flex}.workspace-title{align-items:center;gap:10px;min-width:0;display:flex}.workspace-title>svg{color:var(--accent);flex-shrink:0}.workspace-title h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:15px;font-weight:650;overflow:hidden}.workspace-live{color:#fff;background:#df3f55;border-radius:4px;padding:4px 5px;font-size:9px;font-weight:700}.workspace-actions{flex-shrink:0;align-items:center;gap:3px;display:flex}.workspace-channel-picker{color:#ded3e7;text-overflow:ellipsis;background:#17131b;border:1px solid #e0d1eb24;border-radius:4px;width:min(120px,18vw);min-width:72px;height:34px;padding:0 7px;font-size:11px}.workspace-channel-picker:focus-visible{outline-color:#d47af4}.control-button{color:#c2b3d2;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:inline-flex}.control-button.is-active{color:#ead5ff;background:#b99cff1c}.control-button.is-muted{color:#9b8aa9}.workspace-add{color:#d6bee8;background:#b99cff0b;border:1px solid #b99cff29;border-radius:7px;align-items:center;gap:7px;min-height:36px;margin-right:8px;padding:5px 10px;font-size:11px;display:flex}.workspace-add small{color:#9c86b6}.workspace-main{flex:1;min-height:0;display:flex;position:relative;overflow:visible}.workspace-video-grid{scrollbar-width:thin;scrollbar-color:#503967 #100c15;background:#0a080e;border-radius:0 0 0 12px;flex:1;grid-template-columns:minmax(0,1fr);align-content:center;min-width:0;min-height:0;display:grid;overflow:auto}.workspace-video-grid.has-multiple{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1px}.workspace-tile{background:#100d15;min-width:0}.tile-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:6px;min-height:36px;padding:0 6px 0 10px;display:flex}.tile-toolbar>div{display:flex}.tile-toolbar .control-button{width:32px;min-width:32px;height:32px}.tile-channel{color:#a79ab8;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;min-width:0;max-width:70%;padding:7px 0;font-size:11px;overflow:hidden}.tile-channel.active{color:#d6b5ff}.persistent-player{width:100%;min-width:0;position:relative}.persistent-player .player-wrap{aspect-ratio:16/9;background:#000;width:100%;height:auto;min-height:300px;padding:0;display:block;position:relative;overflow:hidden}.twitch-sdk-host iframe{border:0;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.player-loading,.player-feedback{text-align:center;background:#0e0b15dc;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.player-loading{pointer-events:none}.player-feedback p{max-width:420px;line-height:1.7}.player-wrap:fullscreen{aspect-ratio:auto;background:#000;border-radius:0;width:100vw;height:100dvh;min-height:0}.player-wrap:fullscreen .twitch-sdk-host{width:min(100vw,177.778dvh);height:min(100dvh,56.25vw);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mobile-player-fallback{text-align:center;color:#c1b0d2;background:#17111f;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:22px 16px;display:flex}.mobile-player-fallback h3{margin:12px 0 8px;font-size:16px}.mobile-player-fallback p{max-width:400px;margin:0 0 15px;font-size:12px;line-height:1.7}.persistent-player.is-compact>.player-wrap{aspect-ratio:auto;width:100%;min-width:0;min-height:0;overflow:hidden}.persistent-player.is-compact .twitch-sdk-host{transform-origin:0 0;inset:0 auto auto 0}.persistent-player.is-compact .twitch-sdk-host,.persistent-player.is-compact .twitch-sdk-host iframe{width:400px!important;height:300px!important}.persistent-player.is-compact .player-wrap:fullscreen .twitch-sdk-host{transform:none;width:100%!important;height:100%!important}.persistent-player.is-compact .player-wrap:fullscreen .twitch-sdk-host iframe{transform:none;width:100%!important;height:100%!important}.persistent-player.is-compact .player-wrap:fullscreen .twitch-sdk-host{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(100vw,177.778dvh)!important;height:min(100dvh,56.25vw)!important}.workspace-footer{border-top:1px solid var(--line);background:#19151f;border-radius:0 0 14px 14px;flex-shrink:0;align-items:center;gap:16px;min-height:67px;padding:12px 16px;display:flex}.workspace-footer>div{flex:1;min-width:0}.workspace-footer h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:500;overflow:hidden}.workspace-footer p{color:#a192b0;margin:5px 0 0;font-size:10px}.workspace-ad-note{color:#8f829b;margin-top:3px;font-size:9px;line-height:1.3;display:block}.workspace-footer>a,.workspace-footer>button{color:#c4afd8;background:0 0;border:0;flex-shrink:0;align-items:center;gap:6px;min-height:36px;font-size:11px;display:flex}.workspace-error{background:#332520;justify-content:space-between;gap:10px;margin:0;padding:10px 16px;font-size:12px;display:flex}.workspace-error button{background:0 0;border:0}.workspace-theater{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;inset:0;overflow:hidden}.workspace-theater .workspace-heading,.workspace-theater .workspace-footer{z-index:5;will-change:transform,opacity;border-radius:0;transition:transform .32s cubic-bezier(.22,.75,.25,1),opacity .32s,visibility .32s;position:absolute;left:0;right:0}.workspace-theater.has-docked-chat .workspace-heading,.workspace-theater.has-docked-chat .workspace-footer,.workspace-theater.has-docked-chat .workspace-chrome-reveal-top,.workspace-theater.has-docked-chat .workspace-chrome-reveal-bottom{right:var(--workspace-chat-width)}.workspace-theater .workspace-heading{top:0}.workspace-theater .workspace-footer{bottom:0}.workspace-theater .workspace-main{position:absolute;inset:0;overflow:hidden}.workspace-theater .workspace-video-grid{border-radius:0;place-items:center;display:grid;overflow:hidden}.workspace-theater .workspace-video-grid:not(.has-multiple) .workspace-tile{aspect-ratio:16/9;flex-direction:column;width:min(100%,177.778dvh);max-height:100%;display:flex}.workspace-theater .tile-toolbar{display:none}.workspace-theater .persistent-player{flex:1;min-height:0}.workspace-theater .persistent-player .player-wrap{aspect-ratio:auto;width:100%;height:100%;min-height:0}.workspace-theater.workspace-chrome-hidden .workspace-heading{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(-100% - 8px))}.workspace-theater.workspace-chrome-hidden .workspace-footer{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 8px))}.workspace-chrome-reveal{display:none}.workspace-chrome-reveal-top,.workspace-chrome-reveal-bottom{z-index:6;pointer-events:none;height:10px;display:block;position:absolute;left:0;right:0}.workspace-chrome-reveal-top{top:0}.workspace-chrome-reveal-bottom{bottom:0}.workspace-theater.workspace-chrome-hidden .workspace-chrome-reveal-top,.workspace-theater.workspace-chrome-hidden .workspace-chrome-reveal-bottom{pointer-events:auto}.workspace-chat-hidden:not(.workspace-theater) .workspace-video-grid:not(.has-multiple){place-items:center;display:grid}.workspace-chat-hidden:not(.workspace-theater) .workspace-video-grid:not(.has-multiple) .workspace-tile{width:min(100%,177.78dvh - 373.338px)}.workspace-auto-landscape{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;inset:0;overflow:hidden}.workspace-auto-landscape .workspace-heading{z-index:2;inset:env(safe-area-inset-top) 0 auto;background:linear-gradient(#08070bcc,#08070b00);border:0;border-radius:0;min-height:48px;padding:5px 10px;position:absolute}.workspace-auto-landscape .workspace-actions>:not([data-workspace-close]){display:none}.workspace-auto-landscape .workspace-main{min-height:0;overflow:hidden}.workspace-auto-landscape .workspace-video-grid{border-radius:0;align-content:stretch;min-height:0;overflow:hidden}.workspace-auto-landscape .workspace-tile{flex-direction:column;min-height:0;display:flex}.workspace-auto-landscape .tile-toolbar,.workspace-auto-landscape .workspace-chat,.workspace-auto-landscape .workspace-footer{display:none}.workspace-auto-landscape .persistent-player,.workspace-auto-landscape .persistent-player .player-wrap{aspect-ratio:auto;flex:1;width:100%;height:100%;min-height:0}.workspace-chat{color:#eee6f5;background:#18131f;flex-direction:column;min-height:0;display:flex}.chat-docked{width:var(--workspace-chat-width);border-left:1px solid var(--line);flex-shrink:0}.chat-panel-toolbar{border-bottom:1px solid var(--line);background:#21192b;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:2px 5px 2px 12px;display:flex}.chat-panel-toolbar>span{color:#b9a4cb;align-items:center;gap:6px;font-size:11px;display:flex}.chat-panel-content{flex-direction:column;flex:1;min-height:0;display:flex}.chat-panel-content>.live-chat{background:#18131f;border:0;border-radius:0;flex:1;width:100%;min-height:0}.chat-hidden{display:none!important}.chat-floating{z-index:105;border:1px solid #64487e;border-radius:10px;width:340px;height:min(560px,100dvh - 90px);position:fixed;bottom:24px;right:22px;overflow:hidden;box-shadow:0 12px 50px #0006}.chat-consent-note{color:#b2a3c3;padding:16px;font-size:12px}.chat-channel-select{background:#21192b;flex-shrink:0;padding:8px 12px}.chat-channel-select select{color:#dfc9f5;background:#17101f;border-color:#5e427a;width:100%;min-width:0}.chat-messages{overflow-anchor:none;scroll-behavior:auto;overscroll-behavior:contain;flex:1;min-height:0}.chat-room-settings{border-top:1px solid var(--line);background:#19121f;flex-wrap:wrap;flex-shrink:0;gap:4px;padding:7px 10px;display:flex}.chat-mode{color:#cbb5e1;background:#b99cff0a;border:1px solid #b99cff28;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:10px;display:inline-flex}.chat-mode-neutral{color:#918399;background:0 0;border-color:#ffffff0b}.chat-identity{border-top:1px solid var(--line);align-items:center;gap:7px;min-width:0;padding:8px 10px;font-size:11px;display:flex}.chat-identity-avatar{color:#b899d1;background:#342040;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.chat-identity-avatar img{object-fit:cover;width:28px;height:28px}.chat-identity-name{white-space:nowrap;text-overflow:ellipsis;color:#e7d7f5;font-weight:600;overflow:hidden}.chat-subscription{color:#9e90aa;min-width:0;font-size:10px}.chat-subscription.is-subscribed{color:#c5a1f5}.chat-reauth{color:#ccb0e8;margin-top:3px;font-size:10px;text-decoration:underline;display:block}.chat-scroll-button{color:#f4e5ff;background:#674687;border-color:#9a6dc6;flex-shrink:0;width:calc(100% - 24px);min-height:36px;margin:5px 12px;font-size:11px;position:static;bottom:auto;left:auto;transform:none}.chat-composer{flex-shrink:0;padding:10px}.chat-composer input{background:#21152c;border-color:#63427d;min-height:40px}.chat-composer input:focus{box-shadow:none;border-color:#b99cff}.chat-composer button{color:#fff;background:#70509b;border-color:#976fbd;min-height:40px}.chat-login-prompt{flex-shrink:0;padding:12px}.chat-reply-button{min-width:28px;min-height:28px}.embed-consent{text-align:center;aspect-ratio:16/9;color:#c3b3d2;background:#181120;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;padding:24px;font-size:12px;display:flex}.embed-consent h3{color:#ebdff6;margin:0;font-size:18px}.embed-consent p{max-width:480px;margin:0;line-height:1.75}.embed-consent label{align-items:center;gap:8px;font-size:11px;display:flex}.embed-consent input{accent-color:#9c70ce}.embed-consent>a{font-size:11px;text-decoration:underline}.mini-mobile-note{display:none}.workspace-mini{z-index:100;border-radius:10px;width:560px;height:auto;max-height:none;margin:0;inset:auto 16px 16px auto;box-shadow:0 12px 50px #0009}.workspace-mini .workspace-heading{cursor:grab;touch-action:none;border-radius:10px 10px 0 0;min-height:44px;padding:4px 6px 4px 12px}.workspace-mini .workspace-title{gap:7px}.workspace-mini .workspace-title h2{font-size:12px}.workspace-mini .workspace-live{display:none}.workspace-mini .workspace-main{display:block}.workspace-mini .workspace-video-grid{border-radius:0 0 10px 10px;display:block;overflow:visible}.workspace-mini .workspace-tile:not(.is-selected),.workspace-mini .tile-toolbar,.workspace-mini .workspace-footer{display:none}.workspace-mini .player-wrap{aspect-ratio:16/9;border-radius:0 0 10px 10px;min-height:300px}.workspace-mini .control-button{width:32px;min-width:32px;height:32px}.workspace-mini .embed-consent{min-height:300px;font-size:11px}.workspace-mini .embed-consent h3{font-size:14px}.multistream-picker{border-bottom:1px solid var(--line);background:#21182b;flex-shrink:0;max-height:180px;padding:12px;overflow:auto}.multistream-picker label{align-items:center;gap:10px;display:flex}.multistream-picker input{color:#f1e4ff;background:#17101f;border:1px solid #6b467f;border-radius:5px;flex:1;min-width:0;min-height:36px;padding:6px 10px}.multistream-picker>div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.multistream-picker button{color:#e7ccff;background:#2e1c3d;border:1px solid #755290;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:6px 9px;font-size:12px;display:flex}.multistream-picker p{color:#b7a6c6;font-size:12px}.legal-page{color:#bfb2cc;max-width:850px;padding-bottom:35px;font-size:14px;line-height:1.8}.legal-page h1{color:#f2e8fc;font-size:28px}.legal-page h2{color:#e7d8f4;font-size:18px}.legal-page h3{color:#dfccec;font-size:15px}.legal-page a{color:#ccb0ed;overflow-wrap:anywhere;text-decoration:underline}.legal-section{margin-top:25px}.legal-page button{color:#eed7ff;background:#342241;border:1px solid #86669e;border-radius:6px;padding:10px 14px}@media (width>=1700px){.main-content,.stream-toolbar,.footer{max-width:1650px}.main-content{width:min(100%,1650px)}}@media (width<=1250px){.viewing-workspace{--workspace-chat-width:310px}.stream-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar-inner{gap:24px}.toolbar-right{gap:10px}.connection>span:last-child{display:none}.chat-docked{width:310px}.workspace-video-grid.has-multiple{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.viewing-workspace{--workspace-chat-width:100%}.hero.spotlight-card{min-height:330px}.hero-content{width:64%;min-height:330px;padding:28px 26px}.hero h1{font-size:clamp(2.25rem,5vw,3.65rem)}.hero-world{inset:0 -3% 0 26%}.stats-grid{grid-template-columns:1fr 1fr 1.1fr}.stat-card{padding:10px 14px}.main-content{padding:22px 20px 0}.topbar-inner{flex-wrap:wrap;gap:12px;min-height:68px;padding:0 20px}.topbar nav{order:3;gap:24px;width:100%}.nav-active,.nav-link{min-height:44px}.stream-toolbar{padding:16px 20px 0}.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.viewing-workspace:not(.workspace-mini){border:0;border-radius:0;width:100vw;height:100dvh}.workspace-theater.has-docked-chat .workspace-heading,.workspace-theater.has-docked-chat .workspace-footer,.workspace-theater.has-docked-chat .workspace-chrome-reveal-top,.workspace-theater.has-docked-chat .workspace-chrome-reveal-bottom{right:0}.workspace-heading,.workspace-footer{border-radius:0}.workspace-main{flex-direction:column;overflow:auto}.workspace-video-grid{border-radius:0;flex:none;align-content:start;min-height:0;overflow:visible}.chat-docked{border-left:0;border-top:1px solid var(--line);flex:1 0 330px;width:100%;min-height:330px}.workspace-footer{min-height:58px}.workspace-add span{display:none}.workspace-actions{gap:2px}.control-button{width:40px;min-width:40px;height:40px}.chat-panel-toolbar .control-button,.tile-toolbar .control-button{width:36px;min-width:36px;height:36px}.workspace-theater .workspace-footer{display:none}.chat-floating{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:min(360px,100vw - 24px);height:min(570px,100dvh - 90px)}.footer{padding:22px 20px}}@media (width<=600px){.topbar-inner{gap:8px;padding:0 16px}.brand{gap:8px;font-size:18px}.brand-icon{width:34px;height:34px}.twitch-link{gap:5px;padding:8px;font-size:10px}.twitch-link>span:last-child{display:none}.user-menu{gap:8px;font-size:10px}.navbar-user-name{max-width:75px}.user-menu button{padding:8px 4px;font-size:10px}.main-content{padding:20px 16px 0}.stream-toolbar{flex-wrap:wrap;gap:10px;width:100%;padding:14px 16px 0}.search-field{flex:100%;width:100%}.stream-toolbar .search-field{min-height:46px;padding-inline:15px}.toolbar-right{justify-content:space-between;gap:8px;width:100%}.sort-tabs{flex:1}.sort-tabs button{flex:1;min-height:38px;padding:8px;font-size:11px}.connection{display:none}.page-intro{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:18px}.page-intro h1{font-size:25px}.hero.spotlight-card{border-radius:13px;min-height:320px}.hero-content{width:100%;max-width:440px;min-height:320px;padding:24px 21px}.hero-world{opacity:.52;inset:0 -23% 0 0}.hero-shade{background:linear-gradient(90deg,#100e15f5 0%,#100e15d9 44%,#100e1570 100%)}.hero h1{max-width:370px;margin:15px 0 12px;font-size:clamp(2.15rem,9.2vw,3rem)}.hero p{max-width:340px;font-size:12px;line-height:1.65}.hero-actions{gap:8px;margin-top:17px}.hero-caption{display:none}.stats-grid{grid-template-columns:1fr 1fr 1.2fr;padding:5px 0}.stat-card{gap:8px;min-height:65px;padding:8px 9px}.stat-card:not(:last-child){border-right:1px solid #ffffff17}.stat-icon{display:none}.stat-label{letter-spacing:.07em;font-size:9px}.stat-card strong{font-size:1.05rem}.stat-leader strong{font-size:.78rem}.stat-detail{margin-top:2px;font-size:8px}.stream-grid{grid-template-columns:minmax(0,1fr);gap:18px}.card-copy h3{font-size:13px}.streamer-name{font-size:14px}.card-details{padding:14px}.card-tags{padding:0 14px 14px}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.participant-card{padding:12px}.participant-heading{gap:8px}.participant-avatar{width:32px;height:32px}.participant-heading h3{font-size:12px}.section-heading{gap:10px}.section-heading h2{font-size:16px}.update-time{font-size:10px}.directory-tools{gap:12px}.directory-tabs button{padding:7px 9px;font-size:10px}.roster-note{flex-wrap:wrap;align-items:flex-start;padding:12px 0}.footer{gap:8px;padding:18px 16px 100px}.footer p{width:100%;margin:0;font-size:10px}.consent-revoke{margin-left:0}.workspace-heading{min-height:52px;padding:6px 7px;padding-top:max(6px,env(safe-area-inset-top));gap:6px}.workspace-title{gap:5px}.workspace-actions{gap:0}.workspace-title>svg,.workspace-live{display:none}.workspace-title h2{font-size:12px}.workspace-add{background:0 0;border:0;gap:2px;margin:0;padding:4px}.workspace-add small{font-size:9px}.workspace-actions .control-button{width:30px;min-width:30px;height:34px}.workspace-channel-picker{width:72px;min-width:0;height:30px;padding-inline:3px;font-size:9px}.workspace-footer{padding:9px 12px;padding-bottom:max(9px,env(safe-area-inset-bottom));gap:10px}.workspace-footer>a{display:none}.workspace-footer>button{font-size:10px}.workspace-footer h3{font-size:11px}.embed-consent{aspect-ratio:auto;min-height:260px;padding:18px 14px;font-size:11px}.embed-consent h3{font-size:16px}.workspace-mini{width:calc(100vw - 24px);right:12px;bottom:max(12px,env(safe-area-inset-bottom));border-radius:9px}.workspace-mini .workspace-main{display:block}.workspace-mini .workspace-video-grid{display:none}.workspace-mini .workspace-title>svg{display:block}.workspace-mini .workspace-heading{touch-action:auto;cursor:default;min-height:44px;padding:5px 7px 5px 11px}.workspace-mini .control-button{width:36px;min-width:36px;height:36px}.workspace-mini .mini-mobile-note{color:#a693b5;justify-content:space-between;align-items:center;gap:8px;padding:3px 12px 9px;font-size:10px;display:flex}.mini-mobile-note button{color:#c4a0ec;background:0 0;border:0;align-items:center;gap:4px;min-height:28px;font-size:10px;display:flex}.workspace-mini .chat-floating{bottom:110px}.notice{flex-wrap:wrap}}@media (height<=530px) and (width>=601px){.viewing-workspace{--workspace-chat-width:300px}.workspace-theater.has-docked-chat .workspace-heading,.workspace-theater.has-docked-chat .workspace-footer,.workspace-theater.has-docked-chat .workspace-chrome-reveal-top,.workspace-theater.has-docked-chat .workspace-chrome-reveal-bottom{right:300px}.workspace-heading{min-height:44px}.workspace-footer{display:none}.workspace-main{flex-direction:row}.workspace-video-grid{flex:1;overflow:auto}.chat-docked{flex:0 0 300px;width:300px;min-height:0}.workspace-mini{width:534px}.workspace-mini .workspace-title h2{font-size:11px}}@media (prefers-reduced-motion:reduce){html:not([data-motion-preference=on]) :is(*){scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-world{will-change:auto}}@keyframes hero-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes world-arrive{0%{opacity:.45;transform:scale(.94)}to{opacity:.95;transform:scale(1)}}@keyframes hero-copy-arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes island-float{0%{transform:translateY(0)rotate(-.15deg)}to{transform:translateY(-8px)rotate(.2deg)}}@keyframes moon-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes satellite-float{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes live-dot{0%,to{opacity:1}50%{opacity:.55}}:root{--accent:#c2ed79;--surface:#111512;--line:#dce8d21c;color:#f0f2ec;background:#090c0a}.app-shell{isolation:isolate;background:0 0;position:relative}.app-shell:before{content:"";z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(#c3dbaf06 1px,#0000 1px),linear-gradient(90deg,#c3dbaf06 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.topbar{z-index:25;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d0beb;border-color:#ddebd51a;position:sticky;top:0}.topbar-inner{gap:clamp(24px,4vw,68px);max-width:1600px;min-height:76px;padding-inline:clamp(22px,4vw,64px)}.brand{letter-spacing:-.07em;gap:12px;font-size:20px}.brand-mark{object-fit:contain;filter:drop-shadow(0 4px 9px #00000059);flex:none;width:68px;height:46px;display:block}.brand-name{align-items:baseline;display:inline-flex}.brand-icon{color:#11170d;background:var(--accent);border:0;border-radius:4px 13px 4px 4px;width:38px;height:38px}.brand-live{color:#9da894;letter-spacing:-.04em;font-weight:500}.topbar nav{gap:clamp(18px,3vw,44px)}.nav-active,.nav-link{letter-spacing:.015em;gap:9px;min-height:76px;font-size:12px}.nav-active:after{background:var(--accent);height:2px}.nav-link:after{background:var(--accent)}.nav-count{color:#a8b09f;font-variant-numeric:tabular-nums;background:#c2ed7912;border:1px solid #c2ed7929;border-radius:2px;padding:2px 6px}.twitch-link{color:#d1c0eb;background:#8f69c412;border:1px solid #ae8ede3d;border-radius:3px 10px 3px 3px;min-height:40px;transition:background .2s,border-color .2s,transform .2s}.twitch-link:hover{background:#8f69c424;border-color:#ae8ede6b;transform:translateY(-1px)}.stream-toolbar{border-bottom:1px solid #ddebd514;width:min(100% - 64px,1472px);max-width:1472px;min-height:70px;margin:0 auto;padding:13px 0 12px}.stream-toolbar .search-field{background:#111612;border:1px solid #ddebd51f;border-radius:3px 10px 3px 3px;flex-basis:420px;min-height:44px}.stream-toolbar .search-field>svg{color:#929d87}.search-field input{color:#edf0e8;font-size:12px}.search-field:focus-within>svg{color:var(--accent)}.toolbar-right{gap:12px}.connection .status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px #c2ed791a}.sort-tabs button{color:#969d90;border-radius:2px 6px 2px 2px;min-height:34px;font-size:11px}.refresh-button{color:#a5ad9c;background:#111612;border-color:#ddebd51f;border-radius:3px 9px 3px 3px;min-width:40px;min-height:40px}.hero-panel{gap:0;margin-top:8px}.hero:before{opacity:.32;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.9%,#c2ed791f 50%,#0000 50.1%),linear-gradient(#0000 49.9%,#c2ed791a 50%,#0000 50.1%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 75% 55%,#77975429,#0000 42%);position:absolute;inset:0}.hero-content{width:min(58%,760px);min-height:364px;padding:clamp(26px,3vw,44px) clamp(28px,3.8vw,58px)}.eyebrow{border:0;border-left:2px solid var(--accent);color:#cfeda2;letter-spacing:.15em;background:#c2ed7912;border-radius:0;width:max-content;padding:7px 10px;font:600 10px/1.2 SFMono-Regular,Consolas,monospace}.hero-eyebrow .status-dot{background:var(--accent);box-shadow:none}.hero h1{color:#f2f3ec;letter-spacing:-.09em;max-width:720px;margin:20px 0 16px;font-size:clamp(3.2rem,4.4vw,5.25rem);font-weight:740;line-height:.89}.hero h1 span{color:var(--accent);display:block}.hero .primary-button{background:var(--accent);color:#192012;min-height:46px;box-shadow:none;border:0;border-radius:3px 12px 3px 3px;padding:0 18px}.hero .primary-button:hover{background:#d1f79a;transform:translateY(-2px)}.hero .secondary-button{color:#d0d8ca;background:#0a0e0a80;border-color:#e2eed530;border-radius:3px 10px 3px 3px;min-height:46px}.hero-coordinate{z-index:3;color:#aab69d;letter-spacing:.16em;align-items:center;gap:10px;font:500 9px/1 SFMono-Regular,Consolas,monospace;display:flex;position:absolute;top:24px;right:32px}.hero-coordinate i{background:#c2ed798c;width:28px;height:1px}.hero-caption{color:#bac4b1;letter-spacing:.12em;font:500 9px/1 SFMono-Regular,Consolas,monospace;bottom:23px;right:30px}.hero-caption .tiny-dot{background:var(--accent);width:6px;height:6px;box-shadow:none}.hero .spotlight-card__light{mix-blend-mode:screen;opacity:.55}.stats-grid{background:0 0;border:0;border-bottom:1px solid #ddebd521;grid-template-columns:.82fr 1fr 1.18fr;gap:0;margin-top:0;padding:0}.stat-card{background:linear-gradient(90deg,#ffffff05,#0000);border:0;border-right:1px solid #ddebd51f;border-radius:0;align-items:center;gap:clamp(12px,2vw,28px);min-height:96px;padding:15px clamp(12px,2vw,30px);display:flex}.stat-card:last-child{border-right:0}.stat-index{color:#65705f;letter-spacing:.1em;white-space:nowrap;align-self:stretch;align-items:flex-start;padding-top:6px;font:500 8px/1.2 SFMono-Regular,Consolas,monospace;display:flex}.stat-copy{min-width:0}.stat-label{color:#939d8d;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 6px;font:500 9px/1.3 SFMono-Regular,Consolas,monospace;display:flex}.stat-card strong{color:#edf1e8;font-variant-numeric:tabular-nums;letter-spacing:-.065em;font-size:clamp(1.45rem,2vw,2.1rem);font-weight:630;display:block}.stat-card strong>span{color:inherit;font:inherit;letter-spacing:inherit}.stat-detail{color:#788471;margin-top:5px;font-size:10px}.page-intro{border-bottom:1px solid #ddebd51f;align-items:flex-end;padding:24px 0 19px}.section-kicker{color:#9cad88;letter-spacing:.18em;font:500 9px/1.4 SFMono-Regular,Consolas,monospace}.page-intro h1{color:#eff2e9;letter-spacing:-.075em;margin:7px 0 5px;font-size:clamp(2rem,3.2vw,3rem);font-weight:670}.directory-shortcut,.directory-source{color:#c2ed79}.section-heading{margin-bottom:15px}.section-heading h2{color:#f0f2e9;letter-spacing:-.045em;font-size:19px;font-weight:620}.heading-count{color:#c5e99b;background:#c2ed7912;border-color:#c2ed7929;border-radius:2px}.update-time{color:#7f8978;letter-spacing:.05em;font:500 9px/1.2 SFMono-Regular,Consolas,monospace}.stream-card{transform-style:preserve-3d;will-change:transform;background:#111612;border:1px solid #ddebd51c;border-radius:3px 17px 3px 3px;grid-column:span 3;transition:border-color .24s,background .24s,box-shadow .24s;position:relative;box-shadow:0 8px 26px #0000001f}.thumbnail-wrap{aspect-ratio:16/9;background:#0c100d}.thumbnail-wrap:after{background:linear-gradient(#0000,#050805ad);inset:45% 0 0}.live-badge{color:#182012;background:var(--accent);letter-spacing:.08em;border-radius:2px 7px 2px 2px;padding:5px 7px;font:700 9px/1 SFMono-Regular,Consolas,monospace;top:12px;left:12px}.viewer-badge,.duration{color:#e8ece2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;background:#070a07c7;border:1px solid #eaf2e11f;border-radius:2px}.play-overlay{background:#06090614;transition:opacity .25s,background .25s}.play-overlay>span{color:#172012;background:var(--accent);width:50px;height:50px;box-shadow:none;border:1px solid #e1f3ca8a;border-radius:3px 15px 3px 3px;transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .2s;transform:translateY(8px)scale(.94)}.stream-card:hover .play-overlay,.stream-card:focus-visible .play-overlay{background:#06090640}.avatar{color:#c2ed79;background:#252f21;border:1px solid #e0eed52e;border-radius:3px 11px 3px 3px}.streamer-name{color:#edf1e8;font-size:13px;font-weight:650}.streamer-dot{background:var(--accent);width:6px;height:6px;margin-left:2px;display:inline-block;box-shadow:0 0 0 3px #c2ed7917}.card-copy h3{color:#b0b9a8;min-height:3.1em;font-size:11px;line-height:1.55}.card-copy p{color:#788473;letter-spacing:.035em;font:500 9px/1.4 SFMono-Regular,Consolas,monospace}.participant-card{background:#111612;border:1px solid #ddebd51a;border-radius:3px 14px 3px 3px}.participant-avatar{color:#c2ed79;background:#252f21;border:1px solid #ddebd521;border-radius:3px 11px 3px 3px}.participant-live,.directory-shortcut,.directory-source,.roster-note a{color:#c2ed79}.directory-tabs button{color:#a3ad9a;background:#111612;border-color:#ddebd51c;border-radius:3px 9px 3px 3px}.empty-state{background:linear-gradient(135deg,#c2ed7909,#0000 52%);border-color:#c2ed792b;border-radius:3px 18px 3px 3px}.footer{color:#8d9785;border-color:#ddebd51a;max-width:1600px;margin-top:36px}.consent-revoke{color:#a49aaf}.consent-revoke:hover{color:#d4c1ed}.stat-card,.section-heading,.stream-card,.participant-card{backface-visibility:hidden}.viewing-workspace{background:#111612;border-color:#c2ed7940;border-radius:4px 18px 4px 4px;box-shadow:0 28px 100px #000000b8}.workspace-title>svg,.workspace-live>svg{color:var(--accent)}.workspace-mini{border-color:#c2ed794d;border-radius:4px 15px 4px 4px}.workspace-mini .workspace-heading{border-radius:3px 13px 0 0}.notice{border-radius:3px 12px 3px 3px}.secondary-button,.primary-button{border-radius:3px 10px 3px 3px}@media (width<=1100px){.topbar-inner{gap:22px}.main-content{padding-inline:28px}.stream-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 13px}.stream-card{grid-column:span 2}.stream-card-featured{grid-column:span 4}.stream-card-featured .thumbnail-wrap{aspect-ratio:1.9}.stream-toolbar{width:calc(100% - 56px)}}@media (width<=700px){.topbar-inner{gap:10px;min-height:64px;padding-inline:15px}.topbar nav{gap:12px}.nav-active,.nav-link{gap:5px;min-height:64px;font-size:10px}.nav-active svg,.nav-link svg{width:13px}.nav-count{padding:1px 4px;font-size:9px}.brand{gap:7px;font-size:16px}.brand-mark{width:48px;height:34px}.brand-icon{border-radius:3px 10px 3px 3px;width:32px;height:32px}.twitch-link{min-height:36px;padding:7px}.stream-toolbar{gap:8px;width:calc(100% - 30px);padding:12px 0 10px}.stream-toolbar .search-field{flex-basis:100%;min-height:44px}.toolbar-right{gap:6px}.sort-tabs{flex:1;min-width:0}.sort-tabs button{flex:1;min-width:0;padding:7px 4px;font-size:9px}.connection{display:none}.main-content{padding:16px 15px 0}.hero-panel{margin-top:6px}.hero.spotlight-card{border-radius:3px 27px 3px 3px;min-height:340px}.hero-world{opacity:.46;inset:4% -38% -3% 3%}.hero-shade{background:linear-gradient(90deg,#101510fa,#101510cc 50%,#10151047)}.hero-content{width:100%;max-width:500px;min-height:340px;padding:28px 22px}.hero h1{letter-spacing:-.095em;margin:20px 0 13px;font-size:clamp(3rem,14vw,4.4rem)}.hero p{max-width:310px;font-size:12px}.hero-actions{margin-top:20px}.hero .primary-button,.hero .secondary-button{min-height:43px}.hero-coordinate{gap:7px;font-size:7px;top:15px;right:16px}.hero-coordinate i{width:15px}.hero-caption{display:none}.stats-grid{grid-template-columns:.78fr .98fr 1.15fr}.stat-card{border-color:#ddebd51a;min-height:70px;padding:9px 7px;display:block}.stat-card:first-child{padding-left:0}.stat-index{letter-spacing:.05em;margin-bottom:5px;padding:0;font-size:6px}.stat-label{letter-spacing:.025em;gap:4px;margin-bottom:3px;font-size:7px}.stat-label svg{width:10px;height:10px}.stat-card strong{font-size:clamp(1rem,4vw,1.3rem)}.stat-leader strong{font-size:clamp(.72rem,3vw,.94rem)}.stat-detail{margin-top:2px;font-size:7px}.page-intro{padding:20px 0 16px}.page-intro h1{font-size:clamp(1.8rem,8vw,2.5rem)}.section-heading h2{font-size:17px}.stream-grid{grid-template-columns:minmax(0,1fr);gap:14px}.stream-card,.stream-card-featured{grid-column:1}.stream-card-featured .thumbnail-wrap{aspect-ratio:16/9}.stream-card{will-change:auto}.card-details{padding:13px 13px 9px}.card-tags{padding:0 13px 12px}.footer{margin-top:26px}.workspace-mini{border-radius:3px 13px 3px 3px}}@media (width<=380px){.brand{font-size:14px}.brand-mark{width:42px;height:30px}.brand-icon{width:29px;height:29px}.topbar nav{gap:8px}.nav-active,.nav-link{gap:3px;font-size:9px}.nav-count{display:none}.hero h1{font-size:2.85rem}.stat-index{font-size:5.5px}}@media (width<=420px){.search-offline-results .participant-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.stream-card{will-change:auto}}.workspace-video-grid{scrollbar-width:none}.workspace-video-grid::-webkit-scrollbar{display:none}@media (width<=1100px){.viewing-workspace:not(.workspace-auto-landscape) .workspace-main{flex-direction:column;min-height:0;overflow:hidden}.viewing-workspace:not(.workspace-auto-landscape) .workspace-video-grid{flex:0 auto;align-content:center;justify-items:center;width:100%;max-height:52dvh;overflow:hidden}.viewing-workspace:not(.workspace-auto-landscape) .workspace-video-grid:not(.has-multiple) .workspace-tile{width:min(100%,92.4456dvh);min-height:0}.viewing-workspace:not(.workspace-auto-landscape) .workspace-video-grid:not(.has-multiple) .persistent-player,.viewing-workspace:not(.workspace-auto-landscape) .workspace-video-grid:not(.has-multiple) .persistent-player .player-wrap{min-height:0}.viewing-workspace:not(.workspace-auto-landscape) .chat-docked{flex:1 1 0;min-height:0}.viewing-workspace:not(.workspace-auto-landscape) .workspace-video-grid.has-multiple{flex:1 1 0;grid-auto-rows:minmax(0,1fr);min-height:0;overflow:hidden}}@media (height<=530px) and (width>=601px){.viewing-workspace:not(.workspace-auto-landscape) .workspace-video-grid:not(.has-multiple) .workspace-tile{width:min(100%,177.78dvh - 247.114px)}.viewing-workspace:not(.workspace-auto-landscape) .workspace-video-grid:not(.has-multiple) .persistent-player .player-wrap{min-height:0}}.main-content>.stream-toolbar,.streams-section>.stream-toolbar{border-bottom:0;width:100%;max-width:none;min-height:0;margin:0;padding:12px 0 14px}.streams-section>.stream-toolbar{margin-bottom:4px}.search-offline-results{border-top:1px solid #ddebd51a;margin-top:22px;padding-top:17px}.search-offline-results .section-heading{margin-bottom:12px}.search-offline-results .section-heading h3{color:#aeb8a7;font-size:13px;font-weight:550}.search-offline-results .participant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.search-offline-results .participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-toolbar{flex-wrap:wrap}.stream-toolbar .search-field{flex-basis:100%}.stream-toolbar .toolbar-right{justify-content:flex-end;width:100%}}:root{--accent:#b750e5;--accent-warm:#f2a13a;--surface:#131017;--line:#e0d1eb21;color:#eeeaf2;background:#0c0910}html:focus-visible,body{background-color:#0c0910}body{color:#eeeaf2;background:radial-gradient(at 76% -20%,#8b36b129,#0000 44%),#0c0910}:focus-visible{outline-color:#d47af4}::selection{color:#fff;background:#78349b}.skip-link{color:#190d20;background:#b750e5}.app-shell:before{background-image:linear-gradient(#d6bbe606 1px,#0000 1px),linear-gradient(90deg,#d6bbe606 1px,#0000 1px)}.brand-icon{color:#211127;background:var(--accent)}.brand-live,.tiny-dot{color:#f2a13a}.tiny-dot{background:#f2a13a}.nav-active:after,.nav-link:after{background:#b750e5}.twitch-link{color:#e0c4ee;background:#7e379f1f;border-color:#b750e547}.twitch-link:hover{background:#7e379f33;border-color:#b750e580}.search-field{background:#141018;border-color:#e0d1eb24}.stream-toolbar .search-field{background:#121016;border-color:#e0d1eb24}.stream-toolbar .search-field>svg,.refresh-button{color:#b5a8bd}.search-field input{color:#eeeaf2}.search-field input::placeholder{color:#817687}.connection .status-dot{background:#b750e5;box-shadow:0 0 0 3px #b750e526}.sort-tabs{background:#131017;border-color:#e0d1eb1f}.sort-tabs button{color:#aaa0b1}.sort-tabs button:hover{color:#fff}.refresh-button{background:#131017;border-color:#e0d1eb21}.refresh-button:hover{color:#f2a13a;border-color:#f2a13a73}.hero.spotlight-card{background:#100c14;border-color:#b750e53d}.hero:before{background:linear-gradient(90deg,#0000 49.9%,#b750e51f 50%,#0000 50.1%),linear-gradient(#0000 49.9%,#b750e514 50%,#0000 50.1%)}.eyebrow{color:#e1b5f4;background:#b750e51f;border-left-color:#b750e5}.hero-eyebrow .status-dot{background:#f2a13a}.hero h1{color:#f0edf3}.hero h1 span{color:#f2a13a}.hero p{color:#b5abbc}.hero .primary-button{color:#211307;background:#f2a13a}.hero .primary-button:hover{background:#ffb958}.hero-coordinate i{background:#f2a13ab3}.hero-caption{color:#c3b8ca}.stats-grid,.stat-card{border-color:#e0d1eb24}.stat-index{color:#786c7e}.stat-label{color:#aaa0b1}.stat-card strong{color:#eeeaf2}.stat-leader strong{color:#f2a13a}.stat-detail{color:#918697}.page-intro{border-color:#e0d1eb24}.section-kicker{color:#c478df}.page-intro h1,.section-heading h2{color:#f0edf3}.page-intro p{color:#aba1b2}.directory-shortcut,.directory-source,.roster-note a{color:#cf75ed}.heading-count{color:#dfb5ee;background:#b750e51a;border-color:#b750e538}.update-time{color:#95899b}.stream-card{background:#131017;border-color:#e0d1eb21}.stream-card:hover{background:#19121e;border-color:#b750e580}.thumbnail-wrap{background:#100d13}.live-badge{color:#231406;background:#f2a13a}.live-badge>span{background:#662c91}.live-badge-stale>span{background:#f2a13a}.viewer-badge,.duration{color:#eeeaf2;border-color:#e0d1eb26}.play-overlay>span{color:#fff;background:#8f39b5;border-color:#e0d1eb9e}.stream-card:hover .play-overlay>span,.stream-card:focus-visible .play-overlay>span{background:#b750e5}.avatar{color:#d18ceb;background:#211827;border-color:#e0d1eb33}.streamer-name{color:#eeeaf2}.streamer-dot{background:#f2a13a;box-shadow:0 0 0 3px #f2a13a1f}.card-copy h3{color:#bcb3c4}.card-copy p{color:#8e8496}.card-tags>span{color:#aca2b2;background:#e0d1eb0b;border-color:#e0d1eb1a}.participant-card{background:#131017;border-color:#e0d1eb21}.participant-avatar{color:#d18ceb;background:#211827;border-color:#e0d1eb26}.directory-tabs button{color:#b4aabd;background:#131017;border-color:#e0d1eb21}.directory-tabs button[aria-pressed=true]{color:#e5c4f2;background:#b750e51f;border-color:#b750e56b}.empty-state{background:linear-gradient(135deg,#b750e50f,#0000 52%);border-color:#b750e538}.footer{color:#aaa0b1;border-color:#e0d1eb21}.footer p{color:#898091}.viewing-workspace{background:#111016;border-color:#b750e557}.workspace-heading,.workspace-footer{background:#121016;border-color:#e0d1eb21}.workspace-title>svg{color:#cf75ed}.workspace-video-grid{background:#09080c;border-color:#e0d1eb21}.workspace-chat,.chat-panel-content>.live-chat{background:#131017}.chat-panel-toolbar,.chat-room-settings,.chat-identity{background:#19141d;border-color:#e0d1eb21}.chat-panel-toolbar>span,.chat-identity-name{color:#e0d6e6}.chat-mode{color:#dfb9ef;background:#b750e51a;border-color:#b750e540}.chat-composer input{background:#0e0b11;border-color:#b750e547}.chat-composer input:focus{border-color:#b750e5b3}.chat-composer button,.chat-scroll-button{color:#fff;background:#753495;border-color:#a852c9}.chat-composer button:hover,.chat-scroll-button:hover{background:#8b40ab}.workspace-mini{border-color:#b750e566}:root{--accent:#b77aff;--ink:#f7f1ff;--signal:#ffb347}.topbar{background:#0e0d12e8;border-color:#f2eee515}.topbar-inner{max-width:1640px;min-height:78px}.brand-name{color:var(--ink);letter-spacing:-.8px;font-weight:700}.brand-live{color:#c9b0ff}.brand-mark{filter:drop-shadow(0 3px 8px #0007)}.nav-active>svg{color:#c9b0ff}.nav-active:after,.nav-link:after{background:#c9b0ff;height:2px}.nav-count{color:#baabc8;background:#b6a0db0b;border-color:#b6a0db24}.nav-active{color:var(--ink)}.nav-link{color:#a098a9}.nav-link:hover{color:var(--ink)}.twitch-link{color:#e0d3f3;background:#cab4e709;border:1px solid #cab4e72b;border-radius:7px}.main-content{max-width:1640px;padding:24px clamp(20px,4vw,60px) 0}.hero-panel{gap:0;margin:8px 0 28px}.hero.spotlight-card{background:linear-gradient(112deg,#1b102b,#241138 60%,#10251e);border:1px solid #b77aff40;border-radius:18px 18px 0 0;min-height:430px;box-shadow:0 12px 40px #16051f40}.hero:before{opacity:.45;background-color:#0000;background-image:linear-gradient(#c9b0ff07 1px,#0000 1px),linear-gradient(90deg,#c9b0ff07 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.hero:after{opacity:1;background:radial-gradient(at 57% 43%,#9255d639,#0000 57%);inset:-20% -10% -25% 35%}.hero-world{opacity:1;perspective:1000px;inset:-5% -2% -6% 45%}.hero-world svg{filter:saturate(1.4)contrast(1.04)drop-shadow(0 28px 30px #04050940);width:100%;height:100%}.hero .world-island{filter:drop-shadow(0 15px 12px #04040855)}.hero-eyebrow{color:#c9b0ff;letter-spacing:1.6px;background:0 0;border:0;border-radius:0;gap:9px;margin:0;padding:0;font:600 9px/1.4 Consolas,monospace}.hero-eyebrow .status-dot{background:#edaf72;width:5px;height:5px;box-shadow:0 0 0 4px #edaf720d}.hero-season{color:#8f849c;letter-spacing:1px;margin-left:10px;font-size:8px}.hero h1{letter-spacing:-.07em;text-wrap:initial;color:var(--ink);max-width:none;margin:22px 0 20px;font-size:clamp(56px,6.3vw,104px);font-weight:760;line-height:.94}.hero h1 .hero-line{color:var(--ink);display:block}.hero h1 .hero-line-accent{color:#b77aff}.hero p{color:#bcb2c8;max-width:430px;font-size:13px;line-height:1.85}.hero .primary-button{color:#fff;background:#a964fa;border:1px solid #c793ff;border-radius:6px;gap:9px;padding:12px 15px;font-size:11px;box-shadow:0 5px 20px #8f38dc28}.hero .primary-button:hover{background:#bb83ff;border-color:#deb6ff}.hero .secondary-button{color:#cab8df;background:#15121b40;border:1px solid #c9b0ff35;border-radius:6px;font-size:11px}.hero-coordinate{color:#9d8aac;letter-spacing:1.3px;font:500 8px/1.4 Consolas,monospace;top:24px;right:30px}.hero-coordinate i{background:#a48abd66;width:24px}.hero-caption{color:#a992bd;letter-spacing:1px;gap:14px;font:500 8px/1.4 Consolas,monospace;display:flex;bottom:24px;right:30px}.hero-orbit-label{color:#e2c4a1}.hero-crosshair{color:#c9b0ff;font-size:20px;font-weight:200}.hero .spotlight-card__light{mix-blend-mode:screen}.hero .spotlight-card__border{background:#c9b0ff24}.motion-ready .hero,.motion-ready .hero-world,.motion-ready .hero-eyebrow,.motion-ready .hero-title,.motion-ready .hero-description,.motion-ready .hero-actions>*,.motion-ready .world-island,.motion-ready .world-moon,.motion-ready .world-satellite,.motion-ready .world-satellite-small{animation:none}.stats-grid{background:linear-gradient(100deg,#21132e,#171420);border:1px solid #b77aff2d;border-top:0;border-radius:0 0 12px 12px;grid-template-columns:1fr 1fr 1fr;min-height:94px;padding:0}.stat-card{border-right-color:#c9b0ff1a;gap:20px;min-height:94px;padding:17px 24px}.stat-index{color:#a190b2;white-space:nowrap;align-self:flex-start;padding-top:3px;font:500 8px/1.4 Consolas,monospace}.stat-label{color:#a99bb7;letter-spacing:.08em;font-size:9px}.stat-card strong{color:var(--ink);letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:30px}.stat-leader strong{color:#ffba61;font-size:23px}.stat-detail{color:#9e8caf;font-size:10px}.page-intro{border-color:#c9b0ff13;align-items:center;padding:4px 0 18px}.page-intro .section-kicker{color:#af91d0;font-size:9px}.page-intro h1{color:var(--ink);margin:7px 0 6px;font-size:26px}.page-intro p{color:#a99ab6;font-size:12px}.streams-section{padding-top:20px}.section-heading h2{color:var(--ink);font-size:16px}.stream-toolbar{border:0;width:100%;max-width:none;min-height:46px;margin:0 0 20px;padding:0}.stream-toolbar .search-field{background:#17141b;border-color:#c9b0ff24;border-radius:7px;flex-basis:380px}.stream-toolbar .search-field input{font-size:12px}.sort-tabs{background:#17141b;border-color:#c9b0ff1d;border-radius:7px;padding:3px}.sort-tabs button{border-radius:5px;min-height:36px;font-size:11px}.sort-tabs button[aria-pressed=true]{color:#fff;background:#9450d750}.refresh-button{background:#17141b;border-color:#c9b0ff1d;border-radius:7px;min-height:43px}.connection{color:#a99ab6}.connection .status-dot{box-shadow:none;background:#c9b0ff}.stream-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 18px}.stream-card{isolation:isolate;background:#1b1524;border:1px solid #a567ff2b;border-radius:10px;grid-column:span 3;transition:box-shadow .2s,border-color .2s,background .2s;overflow:hidden}.stream-card-featured{grid-column:span 6}.stream-card-featured .thumbnail-wrap{aspect-ratio:16/9}.stream-card:hover{background:#211b29;border-color:#c9b0ff65;box-shadow:0 14px 25px #0004}.thumbnail-wrap{aspect-ratio:16/9}.stream-thumbnail{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .3s}.live-badge{color:#fff;letter-spacing:.9px;background:#d74962;border-radius:4px;padding:5px 7px;font:700 9px/1.4 Consolas,monospace;box-shadow:0 1px 7px #0003}.live-badge>span{box-shadow:none;background:#fff}.live-badge-stale{color:#f2d2b2;background:#574332}.viewer-badge,.duration{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#100c19c9;border-color:#ffffff20;border-radius:4px}.play-overlay>span{color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#e6d5ff25;border:1px solid #efdeff88;border-radius:50%;width:52px;height:52px;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .2s}.stream-card:hover .play-overlay>span,.stream-card:focus-visible .play-overlay>span{background:#826caa99;transform:translateY(0)scale(1)}.card-details{gap:11px;padding:15px 14px 10px}.avatar{color:#c9b0ff;background:#322540;border-color:#c9b0ff29;border-radius:50%;width:34px;height:34px}.streamer-name{color:#f2eee5;font-size:13px}.streamer-dot{box-shadow:none;background:#c9b0ff}.card-copy h3{color:#bbaac7;min-height:3.1em;font-size:12px}.card-copy p{color:#a28dae;font-size:10px}.card-tags{padding:0 14px 15px}.card-tags>span{color:#b5a3c0;background:#c9b0ff04;border-color:#c9b0ff16;border-radius:4px}.participant-card:hover{background:#211b29;border-color:#c9b0ff50}.participant-avatar{border-color:#c9b0ff20;border-radius:50%}.participant-live{color:#e7bd94}.participant-live>span{background:#e7bd94}.social-link{border-radius:5px;min-height:36px}.empty-state{background:#19151e;border:1px solid #c9b0ff1a;border-radius:10px}.empty-state>svg{color:#c9b0ff}.skeleton-card{background:#19151e;border-color:#c9b0ff13;border-radius:10px}.footer{border-color:#c9b0ff16;flex-wrap:wrap;gap:16px;padding-bottom:28px}.footer nav{gap:18px;margin-left:auto;font-size:11px;display:flex}.footer nav a{color:#bfaaca;align-items:center;min-height:36px;display:inline-flex}.footer nav a:hover{color:#e0ccf5}.footer-brand>span{color:#c9b0ff}.legal-page{max-width:880px;margin:20px 0 35px}.legal-page .directory-intro{padding:10px 0}.legal-page h1{font-size:32px}.legal-page dd{overflow-wrap:anywhere;margin-left:0}.legal-page dl>div{margin:12px 0}.legal-page dt{color:#dfccef;font-weight:600}.chat-subscription{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chat-subscription .chat-reauth{width:100%}.chat-identity{flex-shrink:0}.chat-messages{overscroll-behavior:contain}.chat-message-list{min-height:100%}.chat-footer{background:#19151e;border-color:#c9b0ff1a}.chat-footer form>p{margin:0}.chat-input{color:#eee4f6;background:#100e15;border-color:#c9b0ff35;border-radius:6px;min-height:42px}.chat-compose-tools button{color:#fff;background:#775893;border-color:#c9b0ff44;border-radius:5px;min-height:36px}.chat-scroll-button{background:#72508c;flex-shrink:0;width:calc(100% - 24px);min-height:36px;margin:5px 12px;position:static;transform:none}.viewing-workspace{border-color:#c9b0ff44;border-radius:12px;box-shadow:0 25px 95px #0009}.workspace-heading,.workspace-footer{background:#19151e}.workspace-live{color:#fff;background:#d74962}.workspace-actions{flex-wrap:wrap;min-width:0}.control-button{border-radius:6px;min-width:36px;min-height:36px}.control-button:hover{color:#e8d6fa;background:#c9b0ff16}.workspace-main{min-height:0}.workspace-video-grid:not(.has-multiple){align-content:center;justify-items:center;display:grid}.workspace-video-grid:not(.has-multiple) .workspace-tile{width:100%;min-width:0}.twitch-sdk-host{width:100%;height:100%;position:absolute;inset:0}.twitch-sdk-host iframe{border:0;display:block;width:100%!important;height:100%!important}.player-fullscreen-exit{z-index:20;color:#f0e2ff;cursor:pointer;background:#18101ee6;border:1px solid #c9b0ff44;border-radius:7px;align-items:center;gap:7px;min-height:40px;padding:8px 12px;display:flex;position:absolute;top:12px;right:12px}.workspace-theater .workspace-heading:focus-within,.workspace-theater .workspace-footer:focus-within{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.workspace-mini .workspace-heading{min-height:46px}.workspace-mini .workspace-tile:not(.is-selected){display:none}.workspace-mini .workspace-video-grid{display:block}.workspace-mini .workspace-tile{width:100%!important}.workspace-mini .player-wrap{aspect-ratio:16/9;min-height:300px}.workspace-auto-landscape .workspace-video-grid:not(.has-multiple) .workspace-tile,.workspace-theater .workspace-video-grid:not(.has-multiple) .workspace-tile{width:100%}@media (width>=901px){.viewing-workspace:not(.workspace-mini):not(.workspace-theater) .workspace-video-grid:not(.has-multiple) .workspace-tile{width:100%}.workspace-chat-hidden:not(.workspace-theater):not(.workspace-mini) .workspace-video-grid:not(.has-multiple) .workspace-tile{width:min(100%,177.78dvh - 373.338px)}}@media (width<=1200px){.hero-content{padding:30px}.hero-world{inset:-1% -9% 0 41%}.stat-card{gap:12px;padding:16px 20px}.stat-index{display:none}.stream-card{grid-column:span 4}.stream-card-featured{grid-column:span 8}}@media (width<=900px){.hero.spotlight-card{min-height:385px}.hero-content{width:63%;min-height:385px;padding:30px 25px}.hero h1{font-size:clamp(56px,8vw,76px)}.hero-world{inset:8% -16% 0 41%}.hero-coordinate{font-size:7px;right:20px}.hero-season{display:none}.hero-caption{gap:7px;font-size:7px;bottom:20px;right:20px}.stream-card,.stream-card-featured{grid-column:span 6}.workspace-heading{align-items:center}.workspace-title{flex:1;min-width:35px}.workspace-actions{gap:1px}.control-button{min-width:40px;min-height:40px}}@media (width<=600px){.main-content{padding:16px 16px 0}.hero.spotlight-card{border-radius:14px 14px 0 0;min-height:515px}.hero-content{justify-content:flex-start;width:100%;min-height:0;padding:26px 23px 0}.hero h1{letter-spacing:-.075em;margin:19px 0 14px;font-size:clamp(48px,15vw,68px)}.hero p{max-width:300px;font-size:11px;line-height:1.85}.hero-eyebrow{letter-spacing:1.1px;font-size:8px}.hero-actions{gap:8px;margin-top:18px}.hero .primary-button,.hero .secondary-button{min-height:42px;padding:9px 10px;font-size:10px}.hero-world{opacity:.95;inset:48% -14% -7% 7%}.hero-shade{background:linear-gradient(#1b102bfc 0%,#1b102beb 30%,#1b102b00 66%)}.hero-coordinate{display:none}.hero-caption{color:#a28eb6;justify-content:space-between;display:flex;bottom:15px;left:22px;right:22px}.hero-caption .hero-crosshair{display:none}.hero-caption .hero-orbit-label{color:#d6c3e8}.stats-grid{grid-template-columns:1fr 1.1fr 1fr;min-height:86px}.stat-card{min-height:86px;padding:13px 10px}.stat-card:first-child{padding-left:14px}.stat-label{letter-spacing:0;font-size:8px}.stat-card strong{font-size:24px}.stat-leader strong{font-size:17px}.stat-detail{font-size:8px}.page-intro h1{font-size:25px}.page-directory-link{display:none}.stream-grid{grid-template-columns:minmax(0,1fr);gap:18px}.stream-card,.stream-card-featured{grid-column:1}.stream-toolbar{flex-wrap:wrap;gap:10px}.stream-toolbar .search-field{flex:1 0 100%}.sort-tabs{flex:1}.sort-tabs button{flex:1;min-height:40px;padding:9px 8px}.stream-toolbar .toolbar-right{width:100%}.workspace-heading{flex-wrap:wrap;align-items:flex-start;gap:3px;min-height:52px}.workspace-title{align-self:center}.workspace-actions{flex-shrink:1;max-width:100%}.workspace-channel-picker{width:82px}.control-button{width:36px;min-width:36px;min-height:40px}.workspace-add{min-height:40px}.workspace-mini .workspace-actions{flex-shrink:0}.workspace-mini .workspace-title{min-width:0}.workspace-mini .workspace-video-grid{display:none}.workspace-mini .mini-mobile-note{display:flex}.workspace-mini{bottom:max(12px,env(safe-area-inset-bottom))}.footer{padding:20px 16px 105px}.footer nav{margin-left:0}.footer-consent-status{font-size:10px}.legal-page h1{font-size:27px}}@media (prefers-reduced-motion:reduce){:root:not([data-motion-preference=on]) :is(.hero,.hero-world,.hero-line){opacity:1!important;visibility:visible!important;clip-path:none!important;transform:none!important}.stream-card:hover,.participant-card:hover{transform:none!important}}.hero .hero-title,.hero .hero-description{text-shadow:0 1px 12px #0003}.hero-line-accent{background:linear-gradient(100deg,#c98aff 10%,#eeabff 35%,#78e9c2 65%,#c98aff 90%) 0 0/240% 100%;-webkit-background-clip:text;background-clip:text;color:#0000!important}.hero h1 .hero-line .hero-word{color:inherit;font:inherit;letter-spacing:inherit;display:inline-block}.hero h1 .hero-line-accent .hero-word{background:inherit;color:#0000;-webkit-background-clip:text;background-clip:text}.hero.spotlight-card{background:radial-gradient(at 81% 39%,#72512e50,#0000 47%),linear-gradient(115deg,#161320 0%,#17222d 62%,#0d292b 100%)}.hero-world{inset:-3% -3% -8% 42%}.hero-line-accent{background-image:linear-gradient(110deg,#ddb3fa 0%,#ffe0a0 38%,#8fe0dc 72%,#ddb3fa 100%)}.hero-coordinate{color:#b5caca}@media (width>=901px){.hero-content{min-height:465px}}@media (width<=900px) and (width>=601px){.hero-world{inset:10% -20% -4% 38%}.hero-content{width:66%}}@media (width<=600px){.hero{min-height:570px}.hero-world{inset:43% -5% -5%}.hero-content{padding:25px 23px 0}.hero h1{font-size:clamp(42px,12.5vw,58px)}.hero-caption{bottom:15px}}@media (prefers-reduced-motion:reduce){:root:not([data-motion-preference=on]) .hero-word{opacity:1!important;visibility:visible!important;clip-path:none!important;transform:none!important}}.hero-light-ribbons{pointer-events:none;opacity:.8;width:100%;height:100%;position:absolute;inset:0}.hero-ribbon{fill:none;stroke:url(#hero-ribbon);stroke-width:1.5px;stroke-dasharray:150 90}.hero-ribbon-back{stroke-width:35px;stroke-opacity:.1;stroke-dasharray:none;filter:blur(14px)}@media (width<=600px){.hero-light-ribbons{opacity:.6;height:56%;top:44%}}@media (prefers-reduced-motion:reduce){:root:not([data-motion-preference=on]) .hero-light-ribbons{transform:none!important}}.hero .spotlight-card__light{z-index:1}.hero-content,.hero-caption,.hero-coordinate{z-index:2}html[data-motion-preference=off] :is(*){scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (width<=600px){.hero-world{inset:45% -5% -5%}.hero.spotlight-card{min-height:570px}}.header-controls{justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;display:flex}.motion-toggle{color:#cbb5ef;cursor:pointer;background:#b99cff0a;border:1px solid #b99cff30;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:7px 10px;font-size:11px;display:inline-flex}.motion-toggle:hover{color:#eee2ff;background:#b99cff15;border-color:#b99cff6b}.user-menu{color:#c7afe6;align-items:center;gap:8px;min-width:0;display:flex}.navbar-avatar{object-fit:cover;border-radius:50%;width:27px;height:27px}.navbar-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:125px;overflow:hidden}.footer{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:center;gap:12px 20px;display:grid}.footer-brand{justify-self:start}.footer-community-note{text-align:center;justify-self:center;margin:0}.footer nav{justify-self:end;margin-left:0}.footer nav a{padding:0 4px}.footer-account{flex-wrap:wrap;grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;gap:8px 12px;display:flex}.footer-consent-status.is-pending{color:#c0b8cb;background:#a99bbd0a;border-color:#a99bbd30}.footer-consent-status.is-pending .footer-consent-indicator{background:#a99bbd}.legal-page-header{margin-bottom:24px}.legal-page-header h1{margin:4px 0}.legal-eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.legal-page-header>p,.legal-last-updated{color:#93879f;font-size:12px}.legal-page .legal-section p,.legal-page .legal-section li{line-height:1.8}.legal-page .legal-section ul{padding-left:22px}.legal-page .legal-section li+li{margin-top:6px}.legal-page code{color:#e0ccf5}.legal-consent-state{align-items:center;gap:7px;font-weight:650;display:flex}.legal-consent-remember{color:#c6b9d2;align-items:center;gap:8px;margin:12px 0;font-size:12px;display:flex}.legal-consent-remember input{accent-color:#b99cff}.legal-consent-button{justify-content:center;align-items:center;min-height:40px;display:inline-flex}.hero-motion-control{z-index:5;position:absolute;bottom:17px;right:22px}.hero-motion-toggle{color:#ded4e9;letter-spacing:.09em;text-transform:uppercase;text-shadow:0 1px 8px #08060dbb;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;min-height:36px;padding:5px 2px 5px 6px;font-family:inherit;font-size:9px;font-weight:550;line-height:1.2;transition:color .18s,opacity .18s;display:inline-flex}.hero-motion-toggle:hover,.hero-motion-toggle:focus-visible{color:#fff}.hero-motion-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero-motion-toggle svg{color:#c89aff;filter:drop-shadow(0 0 5px #c89aff66);flex:0 0 14px}.hero-motion-toggle.is-on svg{color:#8fe0bc;filter:drop-shadow(0 0 5px #8fe0bc66)}.hero-motion-switch{background:#322c3b99;border:1px solid #c5b6d466;border-radius:999px;flex:0 0 27px;width:27px;height:15px;margin-left:1px;transition:background .18s,border-color .18s;position:relative;box-shadow:inset 0 1px 3px #09070b88}.hero-motion-switch>span{background:#d4cbdc;border-radius:50%;width:9px;height:9px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0008}.hero-motion-toggle.is-on .hero-motion-switch{background:#327b5bcc;border-color:#8fe0bcaa}.hero-motion-toggle.is-on .hero-motion-switch>span{background:#effff6;transform:translate(12px)}@media (width<=760px){.topbar-inner{flex-wrap:wrap;gap:8px 14px;padding:10px 16px}.topbar nav{flex:100%;order:3}.topbar nav a{min-height:44px}.header-controls{gap:8px}.motion-toggle{width:40px;padding:8px}.motion-toggle span{display:none}.footer{grid-template-columns:1fr;justify-items:center;gap:10px;padding:20px 16px 100px}.footer-brand,.footer-community-note,.footer nav,.footer-account{grid-column:auto;justify-self:center}.footer-community-note{max-width:34ch}.footer nav{gap:16px}.footer-account{justify-content:center}.hero-motion-control{bottom:12px;right:16px}.hero-motion-toggle{gap:7px;min-height:36px;font-size:8px}}:root{--v7-panel:#17171f;--v7-line:#ffffff16;--v7-muted:#aba8bb;--v7-violet:#b68bff;--v7-green:#8edbae;--v7-gold:#e6bb79}.app-shell{background:radial-gradient(at 76% 4%,#263a351f,#0000 35%),#0e0e14}.main-content{width:100%;max-width:1540px;padding:24px clamp(18px,4.2vw,64px) 0}.topbar-inner{max-width:1540px;padding-inline:clamp(18px,4.2vw,64px)}.topbar{border-bottom-color:var(--v7-line);background:#101016e8}.topbar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid;position:relative}.topbar nav a{z-index:1;border-bottom:0;justify-content:center;min-width:0;font-size:13px;position:relative}.nav-indicator{background:var(--v7-violet);pointer-events:none;border-radius:2px;height:2px;position:absolute;bottom:0;left:0}.topbar nav .nav-active:after{content:none}.topbar nav .nav-link:after{background:var(--v7-violet);pointer-events:none;border-radius:2px;height:2px;bottom:0}.nav-count{border-radius:5px;padding:2px 5px;font-size:11px}.nav-link svg,.nav-active svg{transition:transform .3s,color .3s}.topbar nav a:hover svg{color:#d1b7ff;transform:translateY(-2px)}.hero-panel{gap:0;margin:0 0 26px;position:relative}.hero.spotlight-card{background:radial-gradient(at 82% 52%,#94634919,#0000 46%),linear-gradient(112deg,#17151f 16%,#1a1c28 66%,#112825);border-color:#baa4e733;border-radius:20px 20px 0 0;min-height:370px;box-shadow:0 16px 60px #07070b35}.hero-content{width:60%;max-width:760px;min-height:370px;padding:34px 36px 32px}.hero h1{letter-spacing:-.065em;margin:18px 0 16px;font-size:clamp(46px,5.6vw,76px);line-height:.98}.hero-eyebrow{letter-spacing:1px;color:#c6b4e4;font-family:inherit;font-size:11px}.hero-season{letter-spacing:0;color:#c0b7ca;border:1px solid #ffffff1c;border-radius:4px;padding:3px 6px;font-family:inherit;font-size:10px}.hero p.hero-description{color:#c4c0d0;max-width:440px;font-size:14px;line-height:1.65}.hero-world{opacity:1;inset:-8% -6% -10% 46%}.hero-world svg{filter:saturate(1.13)contrast(1.04)drop-shadow(0 18px 26px #05080b66)}.hero-shade{background:linear-gradient(90deg,#17151ff2 10%,#17151faa 38%,#0000 66%)}.hero:before{opacity:.3;background-size:64px 64px}.hero:after{background:radial-gradient(at 65% 49%,#af98691c,#0000 59%)}.hero-coordinate,.hero-caption{display:none}.hero-actions{gap:12px;margin-top:22px}.hero .primary-button,.hero .secondary-button{border-radius:9px;min-height:46px;padding:12px 17px;font-size:13px;font-weight:600;transition:background .25s,border-color .25s,box-shadow .25s}.hero .primary-button{background:#a477f2;box-shadow:inset 0 1px #ffffff38,0 5px 14px #06040b2b}.hero .primary-button:hover{background:#b38bfa;box-shadow:inset 0 1px #ffffff4d,0 8px 20px #0a071f38}.hero .primary-button svg:last-child{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.hero .primary-button:hover svg:last-child{transform:translate(2px,-2px)}.hero .secondary-button{color:#e6e0f0;background:#ffffff05;border-color:#ffffff25}.hero .secondary-button:hover{background:#ffffff0b;border-color:#c6a9ed66}.stats-grid{background:linear-gradient(110deg,#1c1822,#171d20);border:1px solid #baa4e733;border-top:0;border-radius:0 0 20px 20px;min-height:72px;overflow:hidden}.stat-card{background:0 0;border-color:#ffffff13;min-height:72px;padding:15px 26px}.stat-card:first-child{padding-left:36px}.stat-copy{grid-template-columns:1fr auto;align-items:center;gap:3px 14px;display:grid}.stat-label{letter-spacing:0;color:#c2bace;text-transform:none;font-family:inherit;font-size:12px}.stat-label svg{color:#b9a4d4}.stat-card strong{letter-spacing:-.045em;grid-area:1/2/span 2;font-size:26px}.stat-live strong{color:var(--v7-green)}.stat-audience strong{color:#cab0f0}.stat-leader strong{color:var(--v7-gold);text-overflow:ellipsis;white-space:nowrap;max-width:185px;font-size:20px;overflow:hidden}.stat-detail{color:#a7a6b6;grid-column:1;font-size:11px}.page-intro{border:0;align-items:center;margin:0;padding:2px 0 12px}.page-intro .section-kicker{letter-spacing:1.2px;color:#c5b0e2;font-family:inherit;font-size:11px}.page-intro h1{letter-spacing:-.04em;margin:4px 0;font-size:28px}.page-intro p{color:var(--v7-muted);font-size:13px;line-height:1.45}.page-directory-link{min-height:40px;font-size:12px}.streams-section{padding-top:0;position:relative}.streams-section:before{content:"";pointer-events:none;background:linear-gradient(90deg,#b58ceb66,#b58ceb13 36%,#0000 78%);height:1px;position:absolute;top:-3px;left:0;right:0}.discovery-heading{justify-content:space-between;align-items:center;gap:15px;min-height:27px;margin-bottom:9px;display:flex}.discovery-heading h2{color:#b7b1c5;margin:0;font-size:13px;font-weight:600}.update-time{letter-spacing:0;color:#a8a5b8;font-family:inherit;font-size:11px}.stream-toolbar{gap:12px;width:100%;margin-bottom:18px;padding:0}.stream-toolbar .search-field{background:#191821;border-color:#ffffff1a;border-radius:10px;flex:1;min-height:46px}.stream-toolbar .search-field input{color:#eee9f7;font-size:14px}.search-field:focus-within{border-color:#b690eaa1;box-shadow:0 0 0 3px #b690ea13}.connection{color:#c3bbd2;font-size:11px}.sort-tabs{isolation:isolate;background:#181820;border-color:#ffffff14;border-radius:10px;padding:4px;position:relative}.sort-tabs button{z-index:1;min-height:36px;padding:8px 11px;font-size:12px;font-weight:500;position:relative;background:0 0!important}.sort-tabs button[aria-pressed=true]{color:#f8f2ff}.sort-indicator{z-index:0;pointer-events:none;background:#a47be632;border:1px solid #c6a7fa28;border-radius:7px;position:absolute;top:4px;bottom:4px;left:0}.refresh-button{background:#191821;border-color:#ffffff1a;border-radius:10px;min-width:44px;height:46px}.stream-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.stream-grid .stream-card{grid-area:auto;align-self:start;height:auto;min-height:0}.stream-grid[data-featured-layout=true]{grid-template-columns:repeat(30,minmax(0,1fr));gap:18px}.stream-grid[data-featured-layout=true] .stream-card{grid-column:span 10}.stream-grid[data-featured-layout=true] .stream-card-featured{grid-area:1/1/span 2/span 21}.stream-grid[data-featured-layout=true] [data-feature-slot=first]{grid-area:1/22/auto/-1}.stream-grid[data-featured-layout=true] [data-feature-slot=second]{grid-area:2/22/auto/-1}.stream-card{text-align:left;background:linear-gradient(145deg,#1f1c28,#171b21);border:1px solid #ffffff16;border-radius:14px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 7px 20px #06060a18}.stream-card:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #0000;transition:border-color .3s;position:absolute;inset:0}.stream-card:hover{border-color:#b38bf55c;transform:none;box-shadow:0 14px 35px #06050c4d}.stream-card:hover:after{border-color:#cfb2ef20}.stream-card:focus-visible{outline-offset:4px;outline:2px solid #c6a4ff}.stream-card .thumbnail-wrap,.stream-card-featured .thumbnail-wrap{aspect-ratio:16/9;border-radius:0;width:100%}.stream-thumbnail{object-fit:cover;transition:none}.stream-card:hover .stream-thumbnail{filter:none;transform:none}.live-badge{letter-spacing:.4px;background:#d9455e;border-radius:5px;padding:5px 8px;font-family:inherit;font-size:11px;font-weight:700;line-height:1.2}.viewer-badge,.duration{background:#100f16bf;border-color:#ffffff1f;border-radius:5px;padding:5px 8px;font-size:12px}.viewer-badge{z-index:2;inset:12px 12px auto auto}.duration{inset:auto auto 12px 12px}.play-overlay{opacity:0;background:linear-gradient(#0000 35%,#0b091940);transition:opacity .25s}.live-badge,.duration{z-index:2}.page-intro p{text-decoration:none}.play-overlay>span{background:#1513249e;border:1px solid #ffffff80;width:54px;height:54px;box-shadow:0 7px 30px #0003}.stream-card-featured .play-overlay>span{width:68px;height:68px}.stream-card:hover .play-overlay,.stream-card:focus-visible .play-overlay{opacity:1}.card-details{align-items:flex-start;gap:12px;padding:16px 17px 10px}.avatar{border:2px solid #c5abed33;flex:0 0 40px;width:40px;height:40px}.card-copy{min-width:0}.streamer-name{color:#f5f0fa;flex-wrap:wrap;align-items:center;gap:8px;font-size:17px;font-weight:700;line-height:1.25;display:flex}.card-copy h3{color:#c7bfd5;-webkit-line-clamp:2;min-height:0;margin-top:5px;font-size:14px;line-height:1.45}.card-copy p{letter-spacing:0;color:#a9a1b8;margin-top:5px;font-family:inherit;font-size:12px;line-height:1.45}.card-tags{gap:5px;padding:0 17px 15px}.card-tags>span{color:#c3b8d3;border-color:#ffffff13;border-radius:5px;padding:3px 6px;font-size:11px;line-height:1.4}.card-tags>.project-tag{color:#d0b6f0;background:#b594dd09;border-color:#b594dd26}.featured-label{color:#dfbd88;white-space:nowrap;background:#dfbd880b;border:1px solid #dfbd8838;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:600;line-height:1.25}.stream-card-featured .streamer-name{font-size:22px}.stream-card-featured .card-copy h3{max-width:650px;font-size:16px}.stream-card-side .card-details{gap:9px;padding:11px 12px 7px}.stream-card-side .avatar{flex-basis:30px;width:30px;height:30px}.stream-card-side .streamer-name{font-size:15px}.stream-card-side .card-copy h3{-webkit-line-clamp:1;margin-top:4px;font-size:12px;line-height:1.4}.stream-card-side .card-copy p{margin-top:3px;font-size:11px}.stream-card-side .card-tags{flex-wrap:nowrap;gap:4px;padding:0 12px 11px;overflow:hidden}.stream-card-side .card-tags>span{white-space:nowrap;padding:2px 5px;font-size:10px}.participant-card{background:linear-gradient(135deg,#1e1b26,#171a20);border-color:#ffffff16;border-radius:12px}.participant-name{font-size:15px}.participant-status{font-size:12px}.participant-card .social-link{min-height:38px;font-size:12px}.section-heading h2{font-size:20px}.section-heading h3{font-size:17px}.footer{gap:14px;padding-top:26px}.footer p{font-size:12px}.footer-consent-status{font-size:11px}.footer .consent-revoke{min-height:38px;font-size:12px}@media (width<=1100px){.main-content{padding-inline:26px}.hero-content{width:61%;min-height:335px;padding:28px}.hero.spotlight-card{min-height:335px}.hero h1{font-size:clamp(48px,6.1vw,66px)}.hero-world{inset:0 -12% -8% 43%}.hero-coordinate,.hero-caption{font-size:9px}.stat-card{padding:13px 18px}.stat-card:first-child{padding-left:28px}.stat-label{font-size:11px}.stat-leader strong{max-width:120px;font-size:18px}.stream-toolbar{flex-wrap:wrap}.stream-toolbar .search-field{flex-basis:280px}.toolbar-right{gap:10px}.stream-card-side .card-tags,.stream-card-side .card-copy p{display:none}}@media (width<=900px){.stream-grid,.stream-grid[data-featured-layout=true]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stream-grid[data-featured-layout=true] .stream-card{grid-area:auto}.stream-grid[data-featured-layout=true] .stream-card-featured{grid-area:auto/1/auto/-1}.stream-grid[data-featured-layout=true] [data-feature-slot]{grid-area:auto}.stream-card-side .card-details{padding:14px}.stream-card-side .card-copy p{display:block}.stream-card-side .card-tags{display:flex}.hero-content,.hero.spotlight-card{min-height:330px}.hero h1{font-size:52px}.hero p.hero-description{max-width:330px;font-size:13px}.hero-coordinate,.hero-caption{display:none}}@media (width<=600px){.topbar-inner{grid-template-columns:minmax(0,1fr) auto;gap:0 8px;min-height:0;padding:8px 16px 0;display:grid}.brand{grid-area:1/1;gap:6px;width:auto;font-size:15px}.brand-mark{width:40px;height:30px}.user-menu,.twitch-link{grid-area:1/2;justify-self:end;margin-left:0}.navbar-user-name{display:none}.topbar nav{grid-area:2/1/auto/-1;gap:12px;width:100%}.topbar nav a{min-height:42px;font-size:12px}.main-content{padding:18px 16px 0}.hero-panel{margin-bottom:23px}.hero.spotlight-card{border-radius:15px 15px 0 0;min-height:460px}.hero-content{width:100%;min-height:0;padding:23px 22px 0}.hero h1{margin:16px 0 13px;font-size:clamp(42px,12.3vw,56px)}.hero-eyebrow{letter-spacing:.7px;font-size:9px}.hero-season{margin-left:6px;padding:2px 4px;font-size:9px}.hero p.hero-description{max-width:none;font-size:12px;line-height:1.5}.hero-actions{gap:9px;margin-top:16px}.hero .primary-button,.hero .secondary-button{min-height:42px;padding:10px 12px;font-size:12px}.hero-world{inset:58% -4% -3% -2%}.hero-shade{background:linear-gradient(#17151ff2 0%,#17151fc4 43%,#0000 72%)}.hero-light-ribbons{height:45%;top:55%}.stats-grid{border-radius:0 0 15px 15px;grid-template-columns:1fr 1fr 1.15fr;min-height:68px}.stat-card,.stat-card:first-child{min-height:68px;padding:12px 10px}.stat-copy{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.stat-label{gap:4px;font-size:10px}.stat-label svg{width:11px;height:11px}.stat-card strong{font-size:22px}.stat-leader strong{max-width:100%;font-size:17px}.stat-detail{display:none}.page-intro{padding:0 0 12px}.page-intro h1{font-size:25px}.page-intro p{font-size:12px}.page-intro .section-kicker{font-size:10px}.page-directory-link{display:none}.discovery-heading{min-height:18px;margin-bottom:8px}.discovery-heading h2,.update-time{font-size:11px}.stream-toolbar{gap:10px;margin-bottom:16px}.stream-toolbar .search-field{flex:1 0 100%;min-height:44px}.stream-toolbar .search-field input{font-size:13px}.toolbar-right{gap:7px;width:100%}.sort-tabs{flex:1;padding:3px}.sort-tabs button{min-height:36px;padding:8px;font-size:11px}.sort-indicator{top:3px;bottom:3px}.connection{display:none}.refresh-button{min-width:42px;height:44px}.stream-grid,.stream-grid[data-featured-layout=true]{grid-template-columns:minmax(0,1fr);gap:18px}.stream-grid[data-featured-layout=true] .stream-card,.stream-grid[data-featured-layout=true] .stream-card-featured,.stream-grid[data-featured-layout=true] [data-feature-slot]{grid-area:auto/1}.card-details,.stream-card-side .card-details{gap:11px;padding:14px 14px 9px}.avatar,.stream-card-side .avatar{flex-basis:36px;width:36px;height:36px}.streamer-name,.stream-card-featured .streamer-name,.stream-card-side .streamer-name{font-size:18px}.card-copy h3,.stream-card-featured .card-copy h3,.stream-card-side .card-copy h3{-webkit-line-clamp:2;font-size:13px;line-height:1.4}.card-copy p,.stream-card-side .card-copy p{font-size:12px}.card-tags,.stream-card-side .card-tags{flex-wrap:wrap;padding:0 14px 13px}.card-tags>span,.stream-card-side .card-tags>span{font-size:11px}.live-badge{font-size:10px}.viewer-badge,.duration{font-size:11px}.footer{padding:22px 16px 100px}.footer p{font-size:11px}}@media (prefers-reduced-motion:reduce){.topbar nav a:hover svg{transform:none}}@media (hover:none){.stream-card:hover .play-overlay{opacity:0}.stream-card:hover{box-shadow:0 7px 20px #06060a18}}.workspace-theater .workspace-video-grid.has-multiple{grid-template-rows:repeat(2,minmax(300px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;place-items:stretch stretch;padding:56px 0 76px;overflow:auto}.workspace-theater .workspace-video-grid[data-stream-count="2"]{grid-template-rows:minmax(300px,1fr)}.workspace-theater .workspace-video-grid[data-stream-count="3"] .workspace-tile:first-child{grid-row:span 2}.workspace-theater .workspace-video-grid.has-multiple .workspace-tile{min-height:300px;display:flex}.workspace-theater .workspace-video-grid.has-multiple .player-size-boundary{flex:1;min-width:0;display:flex}.workspace-theater .workspace-video-grid.has-multiple .persistent-player{height:100%}.workspace-theater .workspace-video-grid:not(.has-multiple) .player-size-boundary{flex:1;min-height:300px;display:flex}.player-size-boundary{width:100%;min-width:0}.player-size-boundary.is-narrow{overflow:hidden}.player-size-boundary.is-narrow .persistent-player .player-wrap{width:400px;max-width:none;min-height:300px;position:relative;left:50%;transform:translate(-50%)}.player-size-boundary.is-narrow .persistent-player .player-wrap:fullscreen{width:100vw;height:100dvh;left:0;transform:none}.twitch-links{position:relative;flex:none!important}.twitch-links>button,.workspace-footer>.twitch-links>a{color:#d7c5ef;background:0 0;border:0;align-items:center;gap:7px;min-height:40px;font-size:12px;display:flex}.twitch-links-menu{z-index:30;background:#20172d;border:1px solid #b988f65c;border-radius:14px;flex-direction:column;gap:7px;width:280px;max-width:calc(100vw - 28px);padding:14px;display:flex;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 18px 50px #000a}.twitch-links-menu>a,.twitch-links-menu>button{color:#f0e4ff;text-align:left;background:#ffffff08;border:0;border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:10px;display:flex}.twitch-links-menu small{color:#bcaecb;line-height:1.5}.workspace-mini .workspace-footer{min-height:44px;padding:4px 12px;display:flex}.workspace-mini .workspace-footer>div:not(.twitch-links),.workspace-mini .workspace-footer>button{display:none}.support-page{max-width:1120px;margin:70px auto}.support-heading{max-width:850px}.support-heading h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(36px,5vw,66px);font-weight:800;line-height:1.1}.support-heading h1 span{color:#cd9aff}.support-heading p{color:#bcafcd;max-width:720px;font-size:17px;line-height:1.8}.support-content{grid-template-columns:1.1fr 1fr;gap:24px;margin-top:40px;display:grid}.support-card{background:radial-gradient(at 90% 0,#7e3abd38,#0000 60%),#18121f;border:1px solid #c19aff38;border-radius:20px;padding:32px;position:relative;overflow:hidden}.support-card>svg{color:#c594fa}.support-card h2{margin:24px 0 14px;font-size:23px}.support-card p,.support-card li{color:#bdb0cd;font-size:14px;line-height:1.8}.support-card ul{padding-left:20px}.support-card .primary-button{min-height:50px;margin:20px 0 8px}.support-unconfigured{background:#ffffff06;border:1px solid #c19aff38;border-radius:12px;margin:20px 0;padding:16px;font-size:14px}.support-legal{color:#a99ab9;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:13px;display:flex}.support-legal a{text-underline-offset:4px;text-decoration:underline}.support-legal p{flex-basis:100%;margin:0}@media (width<=800px){.support-content{grid-template-columns:1fr}.support-page{margin:35px auto}.support-card{padding:24px}}.mobile-multistream:not(.workspace-mini){border:0;border-radius:0;flex-direction:column;width:100%;height:100dvh;max-height:100dvh;margin:0;display:flex;inset:0;overflow:hidden auto}.mobile-multistream:not(.workspace-mini) .workspace-heading,.mobile-multistream:not(.workspace-mini) .workspace-footer{flex:none;position:relative;inset:auto;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}.mobile-multistream:not(.workspace-mini) .workspace-heading{flex-wrap:wrap;gap:10px;padding:12px}.mobile-multistream:not(.workspace-mini) .workspace-actions{flex-wrap:wrap;gap:5px}.mobile-multistream:not(.workspace-mini) .workspace-actions .control-button{width:44px;min-width:44px;height:44px}.mobile-multistream:not(.workspace-mini) .workspace-add{min-height:44px}.mobile-multistream:not(.workspace-mini) .workspace-channel-picker{width:130px;height:40px;font-size:12px}.mobile-multistream:not(.workspace-mini) .workspace-main{flex:none;display:block;position:relative;inset:auto;overflow:visible}.mobile-multistream:not(.workspace-mini) .workspace-video-grid.has-multiple{flex:none;grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:12px;width:100%;height:auto;max-height:none;padding:0;display:grid;overflow:visible}.mobile-multistream:not(.workspace-mini) .workspace-video-grid.has-multiple .workspace-tile{grid-row:auto;width:100%;min-height:0;display:block}.mobile-multistream:not(.workspace-mini) .workspace-video-grid.has-multiple .player-size-boundary{display:block}.mobile-multistream:not(.workspace-mini) .workspace-video-grid.has-multiple .persistent-player{height:auto}.mobile-multistream:not(.workspace-mini) .persistent-player .player-wrap{aspect-ratio:16/9;height:auto;min-height:300px}.mobile-multistream .workspace-chrome-reveal{display:none}.mobile-multistream .workspace-footer{flex-wrap:wrap;padding:14px}.mobile-multistream .workspace-footer>div:first-child{flex-basis:100%}@media (width<=600px){.workspace-footer .twitch-links-menu{left:0;right:auto}.viewing-workspace:not(.workspace-mini):not(.mobile-multistream) .persistent-player .player-wrap{min-height:300px}.workspace-footer>a{display:flex}.topbar nav{gap:0}.topbar nav a{padding-inline:8px;font-size:11px}.topbar nav a .nav-count{display:none}}@media (width>=601px) and (width<=900px){.viewing-workspace.is-multistream:not(.workspace-mini):not(.mobile-multistream) .workspace-main{display:block;overflow:auto}.viewing-workspace.is-multistream:not(.workspace-mini):not(.mobile-multistream) .workspace-video-grid.has-multiple{flex:none;grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-content:start;height:auto;max-height:none;padding:0;display:grid;overflow:visible}.viewing-workspace.is-multistream:not(.workspace-mini):not(.mobile-multistream) .workspace-tile{grid-row:auto;width:100%;display:block}.viewing-workspace.is-multistream:not(.workspace-mini):not(.mobile-multistream) .persistent-player{height:auto}.viewing-workspace.is-multistream:not(.workspace-mini):not(.mobile-multistream) .persistent-player .player-wrap{aspect-ratio:16/9;height:auto;min-height:300px}.viewing-workspace.is-multistream:not(.workspace-mini):not(.mobile-multistream) .chat-docked{width:100%;height:450px;min-height:450px}.workspace-theater.is-multistream:not(.mobile-multistream) .workspace-main{inset:56px 0 76px}.workspace-theater.is-multistream:not(.mobile-multistream) .workspace-footer{display:flex}}