@font-face{font-family:Manrope;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/manrope-regular.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:550 700;font-display:swap;src:url(/fonts/manrope-semibold.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:750 900;font-display:swap;src:url(/fonts/manrope-extrabold.ttf) format("truetype")}:root{color-scheme:dark;--bg:#0c0e12;--panel:#111318;--raised:#181b21;--line:#25282e;--muted:#90949e;--text:#f2f3f0;--accent:#c4f078;--accent-dim:#202a1b;--red:#ff737b;--sidebar:224px;--chat:304px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}button,.button,a{transition:background .18s,color .18s,border-color .18s,transform .18s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea,select{outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #c4f07812}::selection{background:#c4f07840}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#363a40;border-radius:8px}h1,h2,h3,p{margin:0}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;padding:12px;background:var(--accent);color:var(--bg);z-index:100;border-radius:8px}.skip-link:focus{top:12px}.accent{color:var(--accent)}.button{min-height:42px;padding:11px 17px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:12px;font-weight:750;border:1px solid transparent;border-radius:8px;white-space:nowrap;line-height:1.4}.button .icon{width:17px;height:17px}.button-primary{color:#17200f;background:var(--accent);box-shadow:0 2px #0002}.button-primary:hover{background:#d2ff8b;transform:translateY(-1px)}.button-secondary{background:#202329;border-color:#34373e}.button-secondary:hover{background:#2b2f35;border-color:#565d63}.button-small{min-height:34px;padding:7px 11px;font-size:11px}.button-danger{color:#ff9ca2;border-color:#68353b;background:#3a1f25}.button-danger:hover{background:#58232c}.button-discord{background:#5865f2;color:#fff}.button-discord:hover{background:#6a77ff}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;background:transparent;border-radius:7px;color:var(--muted)}.icon-button:hover{background:#24282f;color:var(--text)}.icon-button .icon{width:18px;height:18px}.text-button{background:none;padding:5px 0;display:inline-flex;gap:7px;align-items:center;color:var(--accent);font-size:12px;font-weight:650}.text-button:hover{color:#e1ffb2}.text-button .icon{width:16px;height:16px}.avatar{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;flex-shrink:0;font-size:12px;font-weight:800;color:var(--avatar-color,#b6bbff);background:color-mix(in srgb,var(--avatar-color,#b6bbff) 14%,#161820);border:1px solid color-mix(in srgb,var(--avatar-color,#b6bbff) 20%,transparent)}.tiny-dot,.live-dot,.status-dot{width:6px;height:6px;flex-shrink:0;display:inline-block;background:var(--accent);border-radius:50%}.live-dot{background:var(--red);box-shadow:0 0 0 4px #ff737b10}.status-dot{background:#656a75}.status-dot.connected{background:var(--accent);box-shadow:0 0 9px #c4f07826}.status-dot.reconnecting{background:#eabe6b}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:var(--muted);margin-bottom:10px}kbd{font-family:inherit;font-size:10px;color:#747983;border:1px solid #33373e;border-radius:4px;padding:2px 5px}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--chat);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:32px 16px 0;background:#101216;border-right:1px solid var(--line);overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 9px;margin-bottom:37px;font-size:24px;font-weight:850;letter-spacing:-1.2px}.brand-light{font-weight:450}.brand-dot{color:var(--accent)}.brand-mark{width:29px;height:30px;display:flex;align-items:center;gap:3px;transform:skewY(-18deg)}.brand-mark i{width:7px;height:19px;background:var(--accent);border-radius:2px}.brand-mark i:nth-child(2){height:27px}.brand-mark i:nth-child(3){height:15px;align-self:flex-end;margin-bottom:2px}.space-label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px 10px;border-radius:9px;font-weight:700;font-size:11px;background:#16181d}.space-label small{display:block;color:var(--muted);font-size:9px;font-weight:400;margin-top:4px}.space-label>.icon,.space-label>span:last-child{margin-left:auto;color:#797e86}.space-label .icon{width:13px;height:13px}.space-symbol{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:#ccbeef;background:#30283e;font-size:16px;font-weight:850}.nav-caption{color:#71757f;font-size:9px;font-weight:750;letter-spacing:1.5px;margin:31px 12px 12px}.main-nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border-radius:7px;color:#a1a4ad;font-size:12px;font-weight:550;text-align:left;background:none}.nav-link.active{color:var(--accent);background:#c4f0780c}.nav-link:hover{background:#ffffff07;color:var(--text)}.nav-link.active:hover{background:#c4f07813;color:var(--accent)}.nav-link .icon{width:18px;height:18px}.nav-badge{margin-left:auto;font-size:10px;min-width:21px;padding:3px 5px;border-radius:4px;text-align:center;background:#c4f07812}.key-hint{margin-left:auto;color:#5f646e;border:1px solid #292d33;border-radius:3px;padding:2px 5px;font-size:9px}.sidebar-heading{display:flex;justify-content:space-between;margin:34px 12px 15px;color:#737984;font-size:9px;font-weight:700;letter-spacing:1px}.sidebar-heading>span:last-child{letter-spacing:0}.people-list{display:grid;gap:7px}.sidebar-empty{font-size:11px;color:#757b85;line-height:1.8;padding:0 12px}.person{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:7px;background:none;width:100%;text-align:left}button.person:hover{background:#ffffff06}.person .avatar{width:30px;height:30px;border-radius:10px;font-size:10px;position:relative}.person .avatar:after{content:"";position:absolute;bottom:-2px;right:-2px;background:var(--accent);border:3px solid #101216;width:10px;height:10px;border-radius:50%}.person.is-live .avatar:after{background:var(--red)}.person-info{min-width:0;flex:1}.person-info strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-info small{color:#828792;font-size:9px;display:block;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.person .live-text{font-size:8px;color:var(--red);letter-spacing:.7px;font-weight:800}.sidebar-bottom{margin-top:auto;padding-top:32px}.squad-note{border:1px solid #2c3327;background:linear-gradient(135deg,#1b2318,#151919);padding:17px 14px;border-radius:9px;margin:0 2px 17px}.squad-note>.icon{color:var(--accent);width:18px;height:18px;margin-bottom:11px}.squad-note strong{display:block;font-size:12px;line-height:1.8;font-weight:650}.squad-note>span:last-child{display:block;font-size:9px;color:#8d9786;margin-top:8px}.settings-link{padding-left:10px;font-size:10px}.connection{display:flex;gap:7px;align-items:center;padding:13px 10px 17px;font-size:9px;color:#858c80}.connection #status{flex:1}.connection .text-button{font-size:9px}.profile{display:flex;gap:9px;align-items:center;margin:0 -16px;padding:16px;border-top:1px solid var(--line)}.profile>div{min-width:0;flex:1}.profile strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile div>span{display:block;color:var(--muted);font-size:9px;margin-top:5px}.profile .icon-button{width:24px}.profile .icon{width:15px;height:15px}.workspace{min-width:0}.topbar{height:81px;display:flex;gap:18px;align-items:center;padding:0 34px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);white-space:nowrap}.breadcrumb>.icon{color:var(--accent);width:17px;height:17px;margin-right:1px}.breadcrumb strong{color:#d5d7dc;font-weight:550}.crumb-divider{color:#454951;padding:0 3px}.search-box{display:flex;align-items:center;gap:9px;max-width:280px;margin-left:auto;border:1px solid #252931;border-radius:7px;padding:9px 10px;background:#12151a}.search-box>.icon{color:#646b74;width:15px;height:15px}.search-box input{min-width:0;width:100%;padding:0;border:0;background:transparent;font-size:10px;box-shadow:none;color:var(--text)}.search-box:focus-within{border-color:#81975f}.search-box input::placeholder{color:#777d88}.search-box kbd{font-size:9px}.topbar-actions{display:flex;align-items:center;gap:9px}.chat-toggle{position:relative}#unread-dot{position:absolute;right:5px;top:4px;width:6px;height:6px;background:var(--accent);border-radius:50%}.topbar .button{min-height:37px;font-size:10px;padding:9px 12px}#main{padding:34px;max-width:1600px;margin:auto;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}h1{font-size:clamp(23px,2.1vw,34px);line-height:1.25;letter-spacing:-1.15px;font-weight:750}.page-heading p:last-child{font-size:11px;line-height:1.6;color:var(--muted);margin-top:10px}.private-badge{display:flex;gap:6px;align-items:center;padding:7px 10px;border:1px solid #2d3231;border-radius:20px;background:#161b19;font-size:9px;color:#a0aea0;white-space:nowrap}.private-badge .icon{width:11px;height:11px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:320px;display:grid;grid-template-columns:1.12fr 1fr;border:1px solid #30382b;border-radius:14px;background:radial-gradient(ellipse at 95% 90%,#3d4b252b,transparent 65%),linear-gradient(100deg,#191f17,#161b17 60%,#1d2419)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-copy{padding:34px 0 29px 30px;z-index:2}.feature-tag{display:inline-flex;align-items:center;gap:7px;color:#b7cb9e;font-size:7px;font-weight:800;letter-spacing:1.35px}.feature-tag .icon{width:11px;height:11px}.hero h2{font-size:clamp(23px,2vw,34px);letter-spacing:-1.15px;line-height:1.3;margin-top:18px;font-weight:750}.hero h2>span{color:var(--accent)}.hero-copy>p{font-size:11px;line-height:1.9;color:#a3ad9d;margin:14px 0 22px}.hero .button{font-size:11px;padding:10px 14px;min-height:39px}.hero .button .icon{width:16px;margin-left:6px}.hero-footnote{display:flex;gap:6px;align-items:center;font-size:8px;color:#94a486;margin-top:15px}.hero-footnote .tiny-dot{width:4px;height:4px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:20px;perspective:1000px}.tactical-preview{position:relative;width:350px;max-width:100%;padding:8px;background:#101510;border:1px solid #5c6b4166;border-radius:11px;box-shadow:0 25px 35px -10px #0009,5px 5px #20291c;transform:rotate(-7deg) rotateY(-10deg);z-index:1}.preview-chrome{padding:3px 3px 10px;display:flex;gap:12px;align-items:center;color:#a1b48b;font-size:6px;letter-spacing:1.5px;font-weight:750}.preview-dots{display:flex;gap:3px}.preview-dots i{width:3px;height:3px;border-radius:50%;background:#4c5842}.preview-dots i:first-child{background:var(--accent)}.preview-four{margin-left:auto;font-size:6px;letter-spacing:1px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.preview-cell{aspect-ratio:1.55;position:relative;background:url(/tactical-map.svg) center/cover;border-radius:4px;overflow:hidden}.preview-cell:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#08100ac7)}.scene-two{background-position:80% 40%;background-size:190%;filter:hue-rotate(40deg) saturate(.7)}.scene-three{background-position:10% 80%;background-size:160%;filter:hue-rotate(330deg) saturate(.6)}.scene-four{background-position:50% 60%;background-size:230%;filter:hue-rotate(70deg) saturate(.55)}.scene-index{position:absolute;top:6px;left:6px;color:#e6f5d6;font-size:6px;font-weight:800;padding:2px 4px;background:#182017c9;border-radius:2px;z-index:1}.scene-name{position:absolute;bottom:7px;left:8px;font-size:5px;font-weight:800;letter-spacing:.7px;color:#e1ecd7;z-index:1}.scene-signal{position:absolute;bottom:6px;right:7px;color:var(--accent);z-index:1;font-size:7px}.scene-reticle{position:absolute;width:16px;height:16px;top:43%;left:44%;border:1px solid #e7f2d670;border-radius:50%}.scene-reticle:before,.scene-reticle:after{content:"";position:absolute;background:#d6e2c7}.scene-reticle:before{width:1px;height:6px;top:4px;left:6px}.scene-reticle:after{height:1px;width:6px;left:4px;top:6px}.orbit{position:absolute;border:1px solid #b5d28110;width:370px;height:370px;border-radius:50%}.orbit-two{width:460px;height:460px;border-style:dashed}.art-cross{position:absolute;color:#8a9b7270;font-size:22px;font-weight:200}.cross-one{top:18px;right:45px}.cross-two{bottom:24px;left:15px}.art-sticker{display:flex;gap:7px;align-items:center;position:absolute;z-index:3;bottom:30px;right:19px;transform:rotate(5deg);padding:9px 12px;background:var(--accent);color:#26351d;font-size:8px;font-weight:800;border:3px solid #1a2116;border-radius:6px;box-shadow:0 5px 14px #0004}.art-sticker .icon{width:14px;height:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:33px 0 19px}.section-heading h2{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.3px}.section-heading h2>.live-dot{width:6px;height:6px}.count-chip{font-size:10px;font-weight:600;background:#22252b;padding:3px 6px;border-radius:5px;color:#a9aeb7}.section-heading p{color:var(--muted);font-size:10px;margin-top:8px}.filter-tabs{display:flex;gap:3px;align-items:center}.filter-tab{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid transparent;border-radius:6px;background:none;color:var(--muted);font-size:9px;font-weight:650}.filter-tab.active{background:#22252a;border-color:#30343a;color:var(--text)}.filter-tab:hover{color:var(--text)}.filter-tab .icon{width:12px;height:12px}.streams-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stream-card{min-width:0}.card-preview{position:relative;border:1px solid var(--line);border-radius:9px;overflow:hidden;aspect-ratio:16/9;background:#161a20}.card-preview video{width:100%;height:100%;object-fit:contain;display:block}.card-preview:hover{border-color:#798e5e}.card-watch{position:absolute;inset:0;background:none;width:100%;display:grid;place-items:center}.card-watch .watch-play{opacity:0;transform:translateY(6px);border:1px solid #ffffff25;border-radius:50%;display:grid;place-items:center;width:48px;height:48px;background:#101610bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s,transform .2s;color:var(--accent)}.card-watch:hover{background:#0002}.card-watch:hover .watch-play,.card-watch:focus-visible .watch-play{opacity:1;transform:none}.card-preview .live-badge{position:absolute;top:10px;left:10px;pointer-events:none}.live-badge{display:inline-flex;align-items:center;gap:5px;background:#fc626a;color:#250a0c;font-weight:900;font-size:8px;letter-spacing:.8px;border-radius:4px;padding:4px 6px}.live-badge .live-dot{width:4px;height:4px;background:#511d22;box-shadow:none}.card-quality{position:absolute;bottom:10px;right:10px;font-size:9px;background:#0a0c10b3;border:1px solid #ffffff14;border-radius:4px;padding:3px 5px;color:#e6e7e9;pointer-events:none}.card-add{position:absolute;top:7px;right:7px;background:#0a0c10a3;color:var(--text);border:1px solid #ffffff1a;width:28px;height:28px}.card-add.selected{color:var(--accent);background:#26301ce6}.card-body{display:flex;gap:10px;align-items:flex-start;padding:13px 1px 1px}.card-body>.avatar{width:32px;height:32px;border-radius:10px;font-size:10px;margin-top:1px}.card-info{min-width:0;flex:1}.card-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;padding:0;font-size:12px;font-weight:750;text-align:left}.card-title:hover{color:var(--accent)}.card-name{display:block;color:#9b9fa8;font-size:10px;margin-top:5px}.game-tag{margin-top:8px;display:inline-flex;color:#a2a891;background:#1c201a;font-size:8px;padding:4px 7px;border-radius:4px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #2b3037;background:radial-gradient(ellipse at 50% 25%,#1b202430,transparent 65%);border-radius:10px;padding:32px 20px 26px}.empty-illustration{position:relative;display:grid;place-items:center;width:59px;height:50px;margin-bottom:17px;border:1px solid #353e32;border-radius:13px;transform:rotate(-6deg);background:linear-gradient(145deg,#242e21,#171c18);color:#a5bf8c;box-shadow:5px 5px #161b16}.empty-illustration>.icon,.empty-illustration>span:first-child>.icon{width:28px;height:28px}.empty-spark{color:var(--accent);position:absolute;top:-9px;right:-9px;font-size:20px}.empty-dot{width:5px;height:5px;border-radius:50%;background:#6b7c5b;position:absolute;bottom:2px;left:-14px}.empty-state h3{font-size:13px;font-weight:700;letter-spacing:-.15px}.empty-state p{color:#878e99;line-height:1.9;font-size:10px;margin-top:9px}.empty-state .button{margin-top:18px;font-size:10px;min-height:35px;padding:8px 13px}.empty-caption{margin-top:13px;font-size:8px;color:#737a83}.empty-state.compact{padding:40px}.empty-state.compact>.icon{margin-bottom:16px;color:var(--muted)}.empty-state.compact .text-button{margin-top:14px}.home-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#626971;font-size:8px;margin-top:30px;padding-top:21px;border-top:1px solid #20242a}.home-footer>span{display:inline-flex;align-items:center;gap:6px}.home-footer .icon{width:12px;height:12px}.footer-spark{color:#9cba78;font-size:19px;margin-left:7px}.mosaic-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:15px}.layout-options{display:flex;padding:4px;background:#16191f;border:1px solid #272b32;border-radius:8px;gap:3px}.layout-options button{display:flex;align-items:center;gap:7px;background:none;color:var(--muted);border-radius:5px;padding:8px 12px;font-size:10px}.layout-options button.active{background:#30352c;color:var(--accent);box-shadow:0 1px 3px #0005}.layout-options .icon{width:15px;height:15px}.selection-count{font-size:10px;color:var(--muted)}.mosaic-tools{display:flex;gap:3px;margin-left:auto}.mosaic-stage{padding:12px;border:1px solid #292e34;border-radius:12px;background:#101318}.mosaic-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-grid[data-layout=focus]{grid-template-columns:repeat(3,minmax(0,1fr))}.mosaic-grid[data-layout=focus]>:first-child{grid-column:1/-1}.mosaic-grid[data-layout=duo]{min-height:330px;align-items:center}.mosaic-grid[data-layout=duo] .tile{aspect-ratio:auto;min-height:330px}.tile{position:relative;aspect-ratio:16/10;border:1px solid #2b3036;border-radius:8px;overflow:hidden;background:#080a0d;min-width:0}.tile video{width:100%;height:100%;object-fit:contain;display:block}.tile.audio-active{border-color:#b1d76d;box-shadow:0 0 0 1px #b1d76d22}.tile-top{position:absolute;z-index:1;top:0;left:0;right:0;padding:9px;display:flex;gap:6px;align-items:center;background:linear-gradient(#0009,transparent)}.tile-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;text-shadow:0 1px 4px #000;font-weight:700}.tile-top>.live-dot{width:5px;height:5px;margin:0 2px}.tile-actions{display:flex;margin-left:auto;gap:2px}.tile .icon-button{width:25px;height:25px;background:#111720ad;color:#ced2d8}.tile .icon-button .icon{width:13px;height:13px}.tile .icon-button:hover{background:#29382ee0;color:var(--accent)}.tile-controls{position:absolute;bottom:0;left:0;right:0;display:flex;gap:7px;align-items:center;padding:10px 8px 8px;background:linear-gradient(transparent,#000c)}.tile-controls input{width:58px;height:3px;padding:0;accent-color:var(--accent);cursor:pointer}.tile-quality{margin-left:auto;font-size:8px;color:#b5bbc4;background:#13181db8;padding:3px 5px;border-radius:3px}.tile-fullscreen{margin-left:0}.tile-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#adb3bf;font-size:10px;text-align:center;background:#101318c0;padding:10px 14px;border-radius:6px}.slot{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #32393d;background:radial-gradient(ellipse at center,#1c242130,#12161a);color:#949d98;min-height:140px;position:relative;aspect-ratio:16/10;border-radius:8px}.slot:hover{border-color:#879f66;background:#1b231b}.slot>span.slot-number{position:absolute;top:14px;left:15px;font-size:9px;font-weight:500;color:#555f60;font-variant-numeric:tabular-nums}.slot-plus{display:grid;place-items:center;background:#232b24;color:#a4b98d;width:39px;height:39px;border:1px solid #35402f;border-radius:11px;margin-bottom:12px}.slot-plus .icon{width:18px;height:18px}.slot strong{font-size:11px;font-weight:600}.slot small{color:#68766b;font-size:9px;margin-top:7px}.mosaic-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 4px 3px;font-size:9px;color:#89938c}.mosaic-bottom>span{display:flex;gap:7px;align-items:center}.mosaic-bottom .icon{width:13px;height:13px}.shortcut-note{color:#616b66;font-size:8px}.shortcut-note kbd{font-size:8px;padding:1px 4px}.mosaic-tip{display:flex;align-items:center;gap:14px;padding:23px 3px}.mosaic-tip>.icon{color:var(--accent);width:22px;height:22px}.mosaic-tip p{font-size:11px;color:#c6ccc4;line-height:1.5}.mosaic-tip p span{display:block;color:#798279;font-size:9px;margin-top:4px}.mosaic-tip .text-button{margin-left:auto;font-size:9px}.mosaic-stage:fullscreen{display:flex;flex-direction:column;padding:16px;border:0;border-radius:0;background:#080a0c}.mosaic-stage:fullscreen .mosaic-grid{flex:1;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}.mosaic-stage:fullscreen .mosaic-grid[data-layout=duo]{grid-template-rows:minmax(0,1fr)}.mosaic-stage:fullscreen .mosaic-grid[data-layout=focus]{grid-template-rows:minmax(0,3fr) minmax(0,1fr)}.mosaic-stage:fullscreen .tile,.mosaic-stage:fullscreen .slot{aspect-ratio:auto;min-height:0}.exit-fullscreen{display:none}.mosaic-stage:fullscreen .exit-fullscreen{display:inline-flex;margin-left:auto}.tile:fullscreen{aspect-ratio:auto;border:0;border-radius:0}.tile:fullscreen .tile-name{font-size:16px}.tile:fullscreen .icon-button{width:36px;height:36px}.tile:fullscreen .icon-button .icon{width:20px;height:20px}.broadcast-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #574230;border-radius:8px;background:#282017;margin-bottom:24px}.broadcast-banner>div{flex:1;min-width:0}.broadcast-banner strong{display:block;font-size:11px;color:#f4cc98}.broadcast-banner div>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#c2ab8e;margin-top:4px}.broadcast-banner .text-button{font-size:10px;color:#dbc098}.chat-panel{border-left:1px solid var(--line);position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;background:#101216;min-width:0;z-index:5}.chat-header{height:81px;min-height:81px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid var(--line);gap:5px}.chat-title{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:700;white-space:nowrap}.chat-title .icon{color:#b4bcaf;width:17px;height:17px}.chat-header .icon-button{width:24px}.chat-header .icon-button .icon{width:15px}.chat-room-info{padding:15px 20px;display:flex;align-items:center;gap:7px;color:#b0b5ae;font-size:9px;border-bottom:1px solid #20242a}.chat-room-info>.tiny-dot{width:5px;height:5px}#chat-online{margin-left:auto;color:#797f88;font-size:8px}.chat-messages{flex:1;overflow-y:auto;min-height:0;padding:18px 18px 10px;overflow-wrap:anywhere}.chat-welcome{margin:40px 0 34px;text-align:center;padding:0 5px}.chat-welcome-icon{display:grid;place-items:center;margin:0 auto 16px;width:49px;height:49px;border:1px solid #30382b;border-radius:16px;color:#bed599;background:#20261b;transform:rotate(-8deg)}.chat-welcome-icon .icon{width:23px;height:23px}.chat-welcome h3{font-size:12px;font-weight:700}.chat-welcome p{font-size:10px;color:#91978d;line-height:1.9;margin-top:11px}.chat-welcome>span:last-child{color:#646d64;font-size:8px;line-height:1.8;display:block;margin-top:20px}.chat-compose{padding:14px 17px 6px}.reaction-heading{display:flex;align-items:center;justify-content:space-between;color:#656d73;font-size:7px;font-weight:750;letter-spacing:1.25px}.reaction-heading .icon{width:12px;height:12px}.reaction-bar{display:flex;justify-content:space-between;gap:3px;margin:12px 0 15px}.reaction-bar button{display:grid;place-items:center;background:#1a1e24;border:1px solid #2b3037;border-radius:7px;width:35px;height:34px;font-size:16px}.reaction-bar button:hover{background:#303627;border-color:#657e44;transform:translateY(-3px) rotate(-4deg)}.reaction-bar button.gg-reaction{font-size:12px;color:var(--accent);font-weight:850;font-style:italic}.message-box{background:#191c22;border:1px solid #30353c;border-radius:8px;overflow:hidden}.message-box:focus-within{border-color:#839b64}.message-box textarea{width:100%;padding:12px 12px 7px;min-height:67px;max-height:130px;resize:vertical;border:0;background:transparent;color:var(--text);font-size:10px;line-height:1.7;box-shadow:none}.message-box textarea::placeholder{color:#828793}.message-box-footer{display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px 12px}#message-counter{font-size:8px;color:#626a75}.send-button{display:grid;place-items:center;width:25px;height:25px;background:var(--accent);color:#25321e;border-radius:5px}.send-button .icon{width:15px;height:15px}.chat-helper{margin-top:9px;font-size:8px;text-align:center;color:#6b727f;line-height:1.8;min-height:15px}.chat-helper a{color:#a2b792}.chat-footer{margin-top:14px;padding:15px 18px;border-top:1px solid #252931;display:flex;align-items:center;justify-content:center;gap:8px;font-size:7px;color:#5e6770}.brand-mini{font-size:17px;font-weight:800;color:#7f9469;letter-spacing:-1px}.chat-message{display:flex;gap:8px;margin-bottom:19px}.chat-message .avatar{width:27px;height:27px;font-size:9px;border-radius:9px}.message-content{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:7px;margin-bottom:5px}.message-meta strong{font-size:10px;color:var(--avatar-color,#b6bbff);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-meta time{font-size:8px;color:#646c78}.message-content p{font-size:11px;line-height:1.75;color:#c2c6cd;white-space:pre-wrap}.chat-message.is-reaction .message-content p{font-size:20px}.chat-message.is-reaction .message-content p.gg-text{color:var(--accent);font-weight:850;font-style:italic}.chat-system{display:flex;gap:7px;align-items:center;color:#829275;background:#a8cd7510;border-radius:6px;font-size:9px;padding:10px;margin:13px 0 20px;line-height:1.6}.chat-system .icon{width:12px;height:12px}body.chat-closed .app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr)}body.chat-closed .chat-panel{display:none}dialog{color:var(--text);background:#15181d;border:1px solid #383e43;padding:0;border-radius:17px;width:min(550px,calc(100% - 32px));max-height:90dvh;box-shadow:0 32px 130px #000b;overflow:auto}dialog::backdrop{background:#05080cc9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog[open]{animation:dialog-in .18s ease-out}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:25px 26px 20px;border-bottom:1px solid var(--line)}.dialog-heading .eyebrow{color:#8b9d7b;font-size:8px;margin-bottom:7px}.dialog-heading h2{font-size:24px;letter-spacing:-.8px;font-weight:700}.dialog-body{padding:19px 26px 24px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:17px 26px;background:#111418;border-top:1px solid var(--line);position:sticky;bottom:0;z-index:2}.dialog-footer .field-help{margin-right:auto}.field-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;margin:19px 0 9px}.field-label:first-child{margin-top:0}.field-label>span{color:#818995;font-size:9px;font-weight:400}.dialog-body input:not([type=range]):not([type=checkbox]),.dialog-body select{background:#0f1216;border:1px solid #323841;border-radius:7px;color:#e5e9e0;padding:11px 12px;width:100%;font-size:11px;min-height:39px}.dialog-body input::placeholder{color:#858b94}.field-help{color:#879184;font-size:10px;line-height:1.8;margin-top:7px}.quality-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.quality-presets button{position:relative;border:1px solid #333940;border-radius:8px;display:flex;flex-direction:column;align-items:center;background:#1a1e23;padding:17px 6px 12px}.quality-presets button.active{border-color:#a9cf6f;background:#26321f}.quality-presets button>.icon{width:20px;height:20px;color:#899880;margin-bottom:10px}.quality-presets button.active>.icon{color:var(--accent)}.quality-presets strong{font-size:12px}.quality-presets button>span:not(.preset-tag){color:#a5ad9f;font-size:9px;margin:6px 0}.quality-presets small{font-size:8px;color:#7c8b73}.preset-tag{position:absolute;top:-7px;background:#c4f078;color:#2c3c1e;padding:3px 6px;border-radius:3px;font-size:6px;letter-spacing:.4px;font-weight:900}.advanced-settings{border:1px solid #30363b;border-radius:7px;margin-top:17px}.advanced-settings summary{list-style:none;padding:12px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#b7c0b0;font-size:10px;font-weight:600}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary>.icon{width:14px;height:14px}.advanced-settings summary>.icon:last-child{margin-left:auto}.advanced-settings[open] summary>.icon:last-child{transform:rotate(180deg)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:10px 13px}.settings-grid label{display:block;font-size:9px;color:#9ca792}.settings-grid select{margin-top:7px}.settings-grid output{display:block;margin:7px 0 14px;color:var(--accent);font-size:12px}.settings-grid input[type=range]{width:100%;padding:0;accent-color:var(--accent);height:4px}.advanced-settings>.field-help{margin:6px 13px 13px;font-size:9px}.switch-row{display:flex;align-items:center;gap:10px;padding:20px 0;cursor:pointer}.switch-row>span:first-child{flex:1}.switch-row strong{display:block;font-size:11px;font-weight:650}.switch-row small{color:#858f81;display:block;font-size:9px;margin-top:6px}.switch-row input{position:absolute;opacity:0;width:1px}.switch{width:33px;height:19px;border-radius:20px;background:#40463d;display:inline-block;position:relative}.switch:after{content:"";display:block;position:absolute;width:13px;height:13px;top:3px;left:3px;border-radius:50%;background:#c1ccbb;transition:transform .2s}.switch-row input:checked+.switch{background:var(--accent)}.switch-row input:checked+.switch:after{transform:translate(14px);background:#293b1f}.switch-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:4px}.notice{display:flex;gap:10px;padding:11px 12px;background:#21271e;color:#a6b599;border:1px solid #333e2c;border-radius:7px;font-size:10px;line-height:1.8}.notice>.icon{width:15px;height:15px;margin-top:2px}.notice.warning{background:#2c261b;color:#d4bb88;border-color:#51452d;margin-bottom:20px}.form-error{color:#ff9da3;font-size:11px;line-height:1.7;padding:12px;background:#371e24;border:1px solid #60333c;border-radius:7px;margin-top:15px}.settings-account{display:flex;gap:12px;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;color:var(--muted);font-size:10px}.settings-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-account a{color:var(--accent)}.picker-list{display:grid;gap:9px;margin-top:17px}.picker-item{display:flex;align-items:center;gap:11px;padding:13px;text-align:left;border:1px solid #343b32;border-radius:8px;background:#1b211a;width:100%}.picker-item:hover{border-color:#a4c77c;background:#273121}.picker-item.selected{border-color:#b5d986}.picker-item>div{min-width:0;flex:1}.picker-item strong{display:block;font-size:12px}.picker-item small{color:#96a888;display:block;margin-top:5px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-item>.icon{color:var(--accent);width:19px;height:19px}.picker-empty{color:#a1ad97;padding:23px 10px;text-align:center;line-height:1.8;font-size:12px}.login-dialog{text-align:center;padding:42px 26px 35px;max-width:440px;overflow:visible}.login-close{position:absolute;top:12px;right:12px}.login-art{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 27px;border-radius:21px;border:1px solid #4d6135;background:linear-gradient(135deg,#354427,#1f2a1a);transform:rotate(-6deg)}.login-art .brand-mark{transform:scale(1.25) skewY(-18deg)}.login-dialog h2{font-size:27px;letter-spacing:-1px}.login-dialog>p:not(.eyebrow){font-size:12px;color:#959c90;line-height:1.9;margin:16px 0 26px}.login-dialog small{display:block;color:#737c6c;margin-top:20px;font-size:9px}.reaction-overlay{position:fixed;bottom:60px;right:335px;height:200px;width:180px;pointer-events:none;z-index:60}.floating-reaction{position:absolute;bottom:0;font-size:37px;color:var(--accent);font-weight:900;text-shadow:0 3px 10px #0008;animation:float-up 2.3s ease-out forwards}.toasts{position:fixed;left:50%;bottom:25px;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;width:max-content;max-width:calc(100% - 32px);pointer-events:none}.toast{display:flex;gap:9px;align-items:center;padding:13px 19px;color:#d6e4cb;background:#263222;border:1px solid #4a6437;border-radius:9px;box-shadow:0 8px 40px #0007;font-size:11px;line-height:1.6;animation:dialog-in .2s ease-out}.toast.error{background:#3c2526;border-color:#754046;color:#ffd1d1}.toast .icon{width:16px;height:16px}@keyframes float-up{0%{opacity:0;transform:translateY(0) scale(.5) rotate(-15deg)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-210px) scale(1.1) rotate(12deg)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){:root{--sidebar:240px;--chat:330px}#main{padding:42px}.hero{min-height:350px}.hero-copy{padding:38px}.tactical-preview{width:410px}.streams-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h2{font-size:36px}}@media(max-width:1350px){:root{--sidebar:202px;--chat:276px}.brand{font-size:22px;gap:7px;padding:0 4px}#main{padding:27px}.topbar{padding:0 27px;gap:12px}.breadcrumb>span:not(:first-child){display:none}.hero-copy{padding-left:24px}.hero h2{font-size:25px}.hero-art{padding:15px}.hero{min-height:300px}.hero-copy>p{font-size:10px}.hero-copy .button{font-size:10px}.feature-tag{font-size:6px;letter-spacing:1px}.chat-header{padding:0 15px}.chat-title{font-size:10px}.reaction-bar button{width:32px}.shortcut-note{display:none!important}}@media(max-width:1150px){:root{--sidebar:200px}.app-shell,body.chat-closed .app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr)}.chat-panel{position:fixed;top:0;right:0;width:310px;box-shadow:-25px 0 80px #0007}.hero h2{font-size:30px}.hero{min-height:320px}.hero-copy{padding:32px}.hero-art{padding:25px}.breadcrumb>span:not(:first-child){display:initial}.feature-tag{font-size:7px}.hero-copy>p{font-size:11px}.hero-copy .button{font-size:11px}.reaction-overlay{right:20px}}@media(max-width:800px){:root{--sidebar:74px}.sidebar{padding:28px 11px 0;overflow:visible}.brand{padding:0;justify-content:center;margin-bottom:40px}.brand>span:last-child,.space-label,.nav-caption,.nav-link>span:not(:first-child),.sidebar-heading,.people-list,.squad-note,.profile>div,.profile>.icon-button,.connection,#profile-subtitle{display:none}.nav-link{padding:13px;justify-content:center}.nav-link .icon{width:20px;height:20px}.nav-link svg~span{display:none}.main-nav{gap:12px}.profile{margin:15px -11px 0;padding:17px 11px;justify-content:center}.profile .avatar{width:32px;height:32px}.settings-link{font-size:0}.topbar{padding:0 23px;height:72px}#main{padding:27px 23px}.hero-copy{padding:28px 0 28px 24px}.hero h2{font-size:26px}.hero-art{padding:20px}.hero{min-height:300px}.art-sticker{right:10px;bottom:30px;font-size:7px}.breadcrumb{font-size:10px}.search-box{max-width:210px}.page-heading{margin-bottom:23px}.mosaic-tip{flex-wrap:wrap}.mosaic-tip .text-button{margin-left:36px}}@media(max-width:600px){:root{--sidebar:0px}.app-shell,body.chat-closed .app-shell{display:block;padding-bottom:65px}.sidebar{position:fixed;inset:auto 0 0;height:63px;padding:0 16px;border-right:0;border-top:1px solid #343d30;background:#141a15f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;flex-direction:row;justify-content:center;align-items:center;gap:30px}.brand{display:flex;margin:0;padding:0 13px 0 0;border-right:1px solid #34402c}.brand-mark{transform:scale(.7) skewY(-18deg)}.main-nav{display:flex;gap:22px}.nav-link{flex-direction:column;gap:5px;padding:7px 11px;font-size:8px;border-radius:6px}.nav-link>span:not(:first-child){display:initial}.nav-link .icon{width:17px;height:17px}.nav-link .nav-badge,.nav-link .key-hint{display:none!important}.sidebar-bottom{margin:0;padding:0}.profile{display:none}.settings-link{display:flex;margin:0;font-size:0;padding:10px}.settings-link>span:last-child{display:none}.settings-link .icon{width:21px;height:21px}.topbar{height:67px;padding:0 19px;gap:10px}.breadcrumb>span:not(:first-child),.breadcrumb strong{display:none}.breadcrumb>.icon{width:20px;height:20px}.search-box{max-width:none;flex:1;padding:9px 8px}.search-box input{font-size:10px}.search-box kbd{display:none}.topbar-actions{gap:4px}.topbar .button{padding:9px 10px;font-size:0;gap:0;min-height:35px}.topbar .button>.icon,.topbar .button>span>.icon{width:18px;height:18px}.topbar .button #share-label{display:none}.chat-toggle{width:30px}#main{padding:28px 19px 20px}.eyebrow{font-size:7px;letter-spacing:1.4px}h1{font-size:25px;letter-spacing:-.8px}.page-heading{gap:10px;margin-bottom:23px}.page-heading p:last-child{font-size:10px}.private-badge{font-size:0;padding:8px;gap:0;align-self:center}.private-badge .icon{width:13px;height:13px}.hero{display:block;min-height:0}.hero-copy{padding:27px 25px 0}.feature-tag{font-size:6px;letter-spacing:1.1px}.hero h2{font-size:28px;margin-top:15px}.hero-copy>p{font-size:11px;margin-top:12px}.hero .button{font-size:10px}.hero-footnote{font-size:8px}.hero-art{height:226px;padding:23px 44px 28px}.tactical-preview{width:265px;transform:rotate(-6deg) rotateY(-8deg)}.orbit{width:250px;height:250px}.orbit-two{width:310px;height:310px}.art-sticker{right:26px;bottom:20px;font-size:7px}.cross-one{right:40px;top:10px}.cross-two{bottom:22px;left:23px}.section-heading{margin-top:28px;gap:12px;flex-wrap:wrap}.section-heading h2{font-size:16px}.section-heading p{font-size:9px}.filter-tab{font-size:8px;padding:7px}.filter-tab .icon{width:11px;height:11px}.streams-grid{grid-template-columns:1fr;gap:23px}.empty-state{padding:30px 15px 26px}.empty-state h3{font-size:12px}.home-footer{font-size:7px;flex-wrap:wrap;gap:12px}.footer-spark{font-size:16px}.chat-panel{height:calc(100dvh - 63px);width:min(100%,355px);z-index:20}.chat-header{height:67px;min-height:67px}.chat-welcome{margin-top:30px}.chat-messages{padding:14px 18px}.chat-compose{padding-top:10px}.chat-footer{margin-top:6px;padding:9px}.chat-room-info{padding:12px 20px}.chat-welcome h3{font-size:14px}.chat-message .message-content p,.message-box textarea{font-size:12px}.reaction-bar button{width:38px}.mosaic-toolbar{gap:8px;flex-wrap:wrap}.layout-options button{padding:7px 9px;font-size:9px;gap:5px}.selection-count{font-size:9px}.mosaic-tools{gap:0}.mosaic-tools .icon-button{width:26px}#mosaic-view .page-heading{flex-wrap:wrap}#mosaic-view .page-heading>.button{min-height:35px;font-size:10px}.mosaic-stage{padding:8px}.mosaic-grid{gap:8px;grid-template-columns:1fr}.mosaic-grid[data-layout=duo]{grid-template-columns:1fr;min-height:0}.mosaic-grid[data-layout=duo] .tile{min-height:0;aspect-ratio:16/10}.mosaic-grid[data-layout=focus]{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-grid[data-layout=focus]>.tile:not(:first-child) .tile-name{max-width:50px}.mosaic-grid[data-layout=focus]>.tile:not(:first-child) .tile-actions .move-button{display:none}.mosaic-grid[data-layout=focus] .slot{min-height:110px}.mosaic-grid[data-layout=focus] .tile-controls input{display:none}.slot{aspect-ratio:16/9;min-height:160px}.mosaic-bottom{font-size:8px;line-height:1.7;padding-bottom:4px}.mosaic-tip{gap:10px}.mosaic-tip p{font-size:9px}.mosaic-tip p span{font-size:8px}.tile-name{font-size:11px}.tile .icon-button{width:30px;height:30px}.tile .icon-button .icon{width:15px;height:15px}.broadcast-banner{flex-wrap:wrap;padding:12px;gap:10px}.broadcast-banner>div{width:75%}.broadcast-banner .button{margin-left:auto}.dialog-heading{padding:23px 20px 18px}.dialog-heading h2{font-size:22px}.dialog-body{padding:17px 20px 20px}.dialog-footer{padding:15px 20px}.dialog-footer .button{font-size:10px;padding:10px 12px}.dialog-body input:not([type=range]):not([type=checkbox]),.dialog-body select{font-size:12px}.quality-presets{gap:7px}.quality-presets button>span:not(.preset-tag){font-size:8px}.preset-tag{font-size:5px}.notice{font-size:9px}.reaction-overlay{bottom:90px}.toasts{bottom:80px}.mosaic-stage:fullscreen .mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}