/*! 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-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)}.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,)}}: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}.stream-card:hover{border-color:#b2f36c55;transform:translateY(-4px);box-shadow:0 8px 30px #0003}.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}.stream-card:hover .play-overlay,.stream-card:focus-visible .play-overlay{opacity:1}.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{scroll-behavior:auto}*,:before,:after{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}.app-shell{background:0 0}.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}.connection .status-dot{box-shadow:none;background:#b99cff}.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}.footer nav a:hover{color:#e9d5ff}.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-avatar{object-fit:cover;border-radius:50%;width:27px;height:27px}.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:hover{color:#f3e8ff;background:#b99cff17}.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{width:100%;height:100%;position:absolute;inset:0}.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-message-list{min-height:100%}.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-warning{color:#e9c797;background:#362a23;border:1px solid #866846;border-radius:8px;padding:16px}.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){*,:before,:after{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{color:#f0f2ec}.nav-active:after{background:var(--accent);height:2px}.nav-link{color:#888f86}.nav-link:hover{color:#ecf1e7}.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{color:#9ba394;font-size:10px}.connection .status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px #c2ed791a}.sort-tabs{background:#101411;border-color:#ddebd51a;border-radius:3px 9px 3px 3px;padding:3px}.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}.main-content{max-width:1600px;padding:24px clamp(22px,4vw,64px) 0}.hero-panel{gap:0;margin-top:8px}.hero.spotlight-card{background:#101510;border:1px solid #bfdca330;border-radius:4px 42px 4px 4px;min-height:364px;box-shadow:0 28px 74px #00000057}.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-world{opacity:1;inset:-4% -2% -5% 34%}.hero-world svg{filter:saturate(.78)contrast(1.06)}.hero .world-island{filter:drop-shadow(0 25px 22px #0000008a)}.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 p{color:#aeb7a8;max-width:420px;font-size:14px;line-height:1.72}.hero-actions{gap:9px;margin-top:25px}.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:first-child{padding-left:4px}.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-leader strong{color:var(--accent);font-size:clamp(1.05rem,1.45vw,1.45rem)}.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}.page-intro p{color:#949d8e;font-size:12px}.directory-shortcut,.directory-source{color:#c2ed79}.streams-section{padding-top:20px}.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-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 16px}.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}.stream-card:hover{background:#151b14;border-color:#c2ed7966;box-shadow:0 18px 36px #00000042}.stream-card-featured{grid-column:span 6}.thumbnail-wrap{aspect-ratio:16/9;background:#0c100d}.stream-card-featured .thumbnail-wrap{aspect-ratio:2.02}.thumbnail-wrap:after{background:linear-gradient(#0000,#050805ad);inset:45% 0 0}.stream-thumbnail{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.stream-card:hover .stream-thumbnail{filter:saturate(1.08);transform:scale(1.045)}.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}.live-badge>span{box-shadow:none;background:#26351a}.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}.stream-card:hover .play-overlay>span,.stream-card:focus-visible .play-overlay>span{background:#d0f49c;transform:translateY(0)scale(1)}.card-details{gap:12px;padding:14px 14px 10px}.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}.card-tags{padding:0 14px 14px}.card-tags>span{color:#929d8b;background:#e0eed509;border-color:#e0eed514;border-radius:2px}.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}.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}.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}.topbar{background:#0d0a11f0;border-color:#e0d1eb1f}.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}.nav-active>svg{color:#cf75ed}.nav-count{color:#c5bacd;background:#b750e517;border-color:#b750e538}.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}.search-field:focus-within{border-color:#b750e59e;box-shadow:0 0 0 3px #b750e51a}.connection{color:#aaa0b1}.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[aria-pressed=true]{color:#f0d9fb;background:#b750e52e}.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%)}.hero:after{background:radial-gradient(at 75% 55%,#7735972b,#0000 42%)}.hero-shade{background:linear-gradient(90deg,#100c14 0%,#100c14f2 28%,#100c14c7 43%,#100c140f 74%)}.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 .secondary-button{color:#d5cbdc;background:#0a080d8f;border-color:#e0d1eb38}.hero .secondary-button:hover{background:#b750e51c;border-color:#b750e580}.hero-coordinate{color:#b8aabe}.hero-coordinate i{background:#f2a13ab3}.hero-caption{color:#c3b8ca}.hero .spotlight-card__border{background:#b750e533}.stats-grid,.stat-card{border-color:#e0d1eb24}.stat-index{color:#786c7e}.stat-label{color:#aaa0b1}.stat-label svg{color:#cf75ed}.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{color:#f5d8a7;background:#4d3921}.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}.card-tags>.project-tag{color:#e0b8f0;background:#b750e51a;border-color:#b750e538}.participant-card{background:#131017;border-color:#e0d1eb21}.participant-card:hover{background:#19121e;border-color:#b750e566}.participant-avatar{color:#d18ceb;background:#211827;border-color:#e0d1eb26}.participant-live{color:#f2a13a}.participant-live>span{background:#f2a13a}.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}.empty-state>svg{color:#f2a13a}.footer{color:#aaa0b1;border-color:#e0d1eb21}.footer p{color:#898091}.footer-brand>span{color:#f2a13a}.viewing-workspace{background:#111016;border-color:#b750e557}.workspace-heading,.workspace-footer{background:#121016;border-color:#e0d1eb21}.workspace-title>svg{color:#cf75ed}.workspace-live{color:#241507;background:#f2a13a}.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}.hero .hero-title,.hero .hero-description{text-shadow:0 1px 12px #0003}