:root{--bg:#030816;--panel:#071225;--panel2:#0a1930;--line:rgba(112,188,255,.18);--line2:rgba(112,188,255,.36);--blue:#3ea6ff;--cyan:#73e6ff;--text:#f6fbff;--muted:#95a9c3;--nav:74px;--font-head:'Orbitron',sans-serif;--font-body:'Montserrat',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 0%,rgba(23,105,196,.16),transparent 34%),linear-gradient(180deg,#030816,#050b17 50%,#030711);color:var(--text);font-family:var(--font-body);min-height:100vh}a{color:inherit}.signal-field{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;opacity:.46}.signal-field:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(90,170,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(90,170,255,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.signal-field span{position:absolute;top:-35%;width:1px;height:32%;background:linear-gradient(transparent,var(--blue),transparent);animation:signalFall 11s linear infinite;filter:drop-shadow(0 0 7px var(--blue))}.signal-field span:nth-child(1){left:8%;animation-delay:-2s}.signal-field span:nth-child(2){left:23%;animation-delay:-7s;animation-duration:14s}.signal-field span:nth-child(3){left:44%;animation-delay:-4s}.signal-field span:nth-child(4){left:63%;animation-delay:-10s;animation-duration:16s}.signal-field span:nth-child(5){left:79%;animation-delay:-5s;animation-duration:13s}.signal-field span:nth-child(6){left:92%;animation-delay:-8s}@keyframes signalFall{to{transform:translateY(145vh)}}.network-header{height:var(--nav);position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,4vw,4.5rem);background:rgba(3,8,22,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.network-brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-family:var(--font-head);letter-spacing:.08em}.network-brand img{width:42px;height:42px;object-fit:contain}.network-brand span{font-size:.92rem;text-transform:uppercase}.network-brand strong{color:var(--blue)}.network-header nav{display:flex;align-items:center;gap:1.45rem}.network-header nav a{text-decoration:none;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.network-header nav a:hover{color:var(--text)}.return-link{padding:.65rem .9rem;border:1px solid var(--line);border-radius:999px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.2rem}.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:5vw;padding:clamp(5rem,9vw,8rem) clamp(1.2rem,6vw,7rem) 5rem;max-width:1600px;margin:auto}.eyebrow{margin:0 0 1rem;color:var(--cyan);font:700 .73rem var(--font-head);letter-spacing:.18em;text-transform:uppercase}.hero h1,.section-heading h2,.watch-guide h2,.join h2{font-family:var(--font-head);text-transform:uppercase;line-height:1.08;letter-spacing:.025em}.hero h1{font-size:clamp(3rem,6.5vw,6.6rem);max-width:900px;margin:0 0 1.5rem}.hero-lead{font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.85;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.8rem 1.15rem;border:1px solid var(--line2);border-radius:8px;text-decoration:none;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.button-primary{background:linear-gradient(135deg,#167bd4,#4abfff);color:#fff;border-color:transparent;box-shadow:0 14px 36px rgba(39,151,244,.22)}.hero-visual{position:relative;min-height:470px;display:grid;place-items:center}.broadcast-core{position:relative;z-index:3;width:250px;height:250px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(49,155,255,.23),rgba(5,18,39,.92) 62%);border:1px solid rgba(101,195,255,.48);box-shadow:0 0 75px rgba(40,139,232,.22),inset 0 0 55px rgba(67,184,255,.08)}.broadcast-core span{font:800 3.8rem var(--font-head);color:#fff}.broadcast-core strong{font:700 .78rem var(--font-head);letter-spacing:.22em;color:var(--cyan)}.broadcast-core small{margin-top:.55rem;color:var(--muted);letter-spacing:.18em;font-size:.58rem}.orbit{position:absolute;border:1px solid rgba(93,181,255,.24);border-radius:50%;animation:spin 20s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.orbit-a{width:360px;height:360px}.orbit-a:before{top:40px;left:62px}.orbit-b{width:455px;height:455px;animation-direction:reverse;animation-duration:30s}.orbit-b:after{right:28px;bottom:110px}@keyframes spin{to{transform:rotate(360deg)}}.telemetry{position:absolute;inset:auto 0 10px;display:flex;justify-content:space-between;color:#75b8ee;font:600 .56rem var(--font-head);letter-spacing:.16em}.stats{max-width:1320px;margin:0 auto 5rem;padding:0 1.2rem;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(7,18,37,.72)}.stats div{padding:1.4rem;text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font:700 1.55rem var(--font-head);color:var(--blue)}.stats span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.discover,.directory,.watch-guide,.join{max-width:1400px;margin:auto;padding:5rem clamp(1.2rem,4vw,4rem)}.section-heading{max-width:770px}.section-heading h2,.watch-guide h2,.join h2{font-size:clamp(2rem,4vw,4rem);margin:.3rem 0 1rem}.section-heading>p:last-child,.join>p{color:var(--muted);line-height:1.8}.search-shell{margin-top:2rem;min-height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:0 1.2rem;background:rgba(7,18,37,.9);border:1px solid var(--line2);border-radius:10px;box-shadow:0 18px 55px rgba(0,0,0,.24)}.search-shell i{color:var(--blue)}.search-shell input{width:100%;background:none;border:0;outline:0;color:#fff;font:600 1rem var(--font-body)}.search-shell input::placeholder{color:#657b96}.search-shell button{background:none;border:0;color:var(--muted);font-weight:700;cursor:pointer}.quick-filters{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.quick-filters button{border:1px solid var(--line);background:rgba(7,18,37,.55);color:var(--muted);border-radius:999px;padding:.65rem .9rem;font-weight:700;cursor:pointer}.quick-filters button.active,.quick-filters button:hover{color:#fff;border-color:var(--blue);background:rgba(46,155,255,.12)}.results-line{color:var(--muted);font-size:.82rem}.directory{padding-top:1rem}.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.creator-card{display:flex;flex-direction:column;min-width:0;background:linear-gradient(155deg,rgba(10,25,48,.96),rgba(5,13,28,.96));border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.22);transition:.22s}.creator-card:hover{transform:translateY(-4px);border-color:rgba(80,177,255,.5)}.creator-card.is-expanded{grid-column:1/-1}.creator-card__topline{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.creator-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4fa8ff;box-shadow:0 0 9px #4fa8ff;margin-right:.4rem}.creator-platform{color:#b9a4ff}.creator-card__identity{display:grid;grid-template-columns:78px 1fr;gap:1rem;align-items:center;padding:1.25rem 1.25rem .8rem}.creator-card__identity img{width:78px;height:78px;border-radius:14px;object-fit:cover;background:#081426;border:1px solid var(--line2)}.creator-kicker{margin:0 0 .3rem;color:var(--cyan);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.creator-card h3{margin:0;font:700 1.1rem var(--font-head);letter-spacing:.025em}.creator-role{margin:.4rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}.creator-description{padding:0 1.25rem;color:#b4c2d4;line-height:1.7;font-size:.86rem;min-height:88px}.creator-tags{display:flex;gap:.4rem;flex-wrap:wrap;padding:0 1.25rem}.creator-tags span{padding:.35rem .55rem;border-radius:5px;background:rgba(50,153,244,.08);border:1px solid rgba(74,170,255,.17);color:#9fd4ff;font-size:.68rem;font-weight:700}.creator-socials{display:flex;gap:.4rem;padding:1rem 1.25rem}.creator-socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--muted)}.creator-socials a:hover{color:#fff;border-color:var(--blue)}.creator-actions{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:.5rem;margin-top:auto;padding:0 1.25rem 1.25rem}.action{min-height:42px;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem;border:1px solid var(--line);border-radius:7px;background:rgba(5,13,28,.7);color:#d7e9f8;text-decoration:none;font:700 .65rem var(--font-body);cursor:pointer}.action-primary{background:rgba(31,139,232,.14);border-color:rgba(65,172,255,.45)}.inline-player{border-top:1px solid var(--line);background:#02050a}.player-bar{min-height:52px;padding:.7rem 1rem;display:flex;align-items:center;justify-content:space-between;background:#071222;color:var(--muted);font-size:.75rem}.player-bar strong{color:#fff}.player-bar button,.player-modal__bar button{background:none;border:0;color:#fff;font-size:1rem;cursor:pointer}.player-stage,.player-modal__stage{position:relative;aspect-ratio:16/9;background:#010308}.player-stage iframe,.player-modal__stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.empty-state{text-align:center;padding:5rem;color:var(--muted)}.empty-state i{font-size:2rem;color:var(--blue)}.watch-guide{display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;align-items:start}.watch-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.watch-options article{padding:1.4rem;background:rgba(7,18,37,.74);border:1px solid var(--line);border-radius:10px}.watch-options i{color:var(--blue);font-size:1.2rem}.watch-options h3{font:700 .95rem var(--font-head)}.watch-options p{color:var(--muted);line-height:1.7;font-size:.82rem}.join{margin-top:3rem;margin-bottom:4rem;text-align:center;max-width:1000px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(15,66,115,.25),rgba(7,18,37,.8));border-radius:14px}.join p{max-width:760px;margin:0 auto 1.6rem}.network-footer{padding:2.2rem clamp(1.2rem,4vw,4rem);border-top:1px solid var(--line);background:#020611}.footer-brand{display:flex;align-items:center;gap:.8rem}.footer-brand img{width:42px}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-family:var(--font-head)}.footer-brand span{color:var(--muted);font-size:.72rem}.footer-links{display:flex;flex-wrap:wrap;gap:1.2rem;margin:1.4rem 0}.footer-links a{color:var(--muted);text-decoration:none;font-size:.78rem}.network-footer>p{color:#65758b;font-size:.72rem}.player-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:2rem}.player-modal[hidden]{display:none}.player-modal__backdrop{position:absolute;inset:0;background:rgba(0,4,12,.82);backdrop-filter:blur(10px)}.player-modal__dialog{position:relative;width:min(1180px,96vw);background:#030812;border:1px solid var(--line2);border-radius:12px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.62)}.player-modal__bar{min-height:70px;padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;background:#081427;border-bottom:1px solid var(--line)}.player-modal__bar span{display:block;color:var(--cyan);font-size:.58rem;text-transform:uppercase;letter-spacing:.14em}.player-modal__bar h2{margin:.25rem 0 0;font:700 1rem var(--font-head)}.player-modal__bar>div:last-child{display:flex;align-items:center;gap:1rem}.player-modal__bar a{font-size:.72rem;color:var(--blue);text-decoration:none;font-weight:700}@media(max-width:1050px){.creator-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{min-height:380px}.watch-guide{grid-template-columns:1fr}.watch-options{grid-template-columns:1fr 1fr 1fr}}@media(max-width:760px){.network-header{height:66px}.menu-toggle{display:block}.network-header nav{display:none;position:absolute;top:66px;left:0;right:0;padding:1rem;background:#050d1c;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.network-header.nav-open nav{display:flex}.hero{min-height:auto;padding-top:4.5rem}.hero h1{font-size:2.7rem}.hero-visual{min-height:310px}.broadcast-core{width:190px;height:190px}.orbit-a{width:260px;height:260px}.orbit-b{width:310px;height:310px}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.creator-grid{grid-template-columns:1fr}.creator-card.is-expanded{grid-column:auto}.creator-actions{grid-template-columns:1fr}.watch-options{grid-template-columns:1fr}.player-modal{padding:.6rem}.player-modal__bar{align-items:flex-start;gap:.8rem}.player-modal__bar>div:last-child{gap:.6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-field span,.orbit{animation:none}.creator-card{transition:none}}


/* Commit 1 Phase 2 — Creator identity, featured architecture, and live status */
.network-brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(43,176,255,.25))}.network-brand span{font-size:.78rem}.hero-visual{display:flex;align-items:center;justify-content:center;flex-direction:column}.hero-network-logo{width:min(520px,82%);max-height:520px;object-fit:contain;filter:drop-shadow(0 22px 48px rgba(0,0,0,.42)) drop-shadow(0 0 24px rgba(33,162,255,.14))}.footer-brand img{width:66px;height:54px;object-fit:contain}.featured-creators{position:relative;padding-top:2rem}.featured-intro{max-width:980px;margin:0 auto 2rem;padding:1.5rem 1.6rem;border:1px solid rgba(86,182,255,.22);border-radius:12px;background:linear-gradient(135deg,rgba(16,68,116,.22),rgba(5,14,28,.86));box-shadow:inset 0 1px rgba(255,255,255,.025)}.featured-intro h2{margin:.25rem 0 .65rem}.featured-intro>p:last-child{margin:0;color:#aebfd2;line-height:1.75}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:4rem}.featured-grid .creator-card{border-color:rgba(75,180,255,.3);box-shadow:0 18px 55px rgba(0,0,0,.2)}.featured-grid .creator-card::before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,#31b7ff,transparent)}.directory-heading{margin-bottom:1.7rem}.creator-live-meta{margin:-.25rem 1.25rem .9rem;padding:.5rem .65rem;border-radius:6px;background:rgba(31,139,232,.07);border:1px solid rgba(65,172,255,.12);color:#8eb4d2;font-size:.68rem;line-height:1.45}.creator-status{display:inline-flex;align-items:center;gap:.42rem}.creator-status.is-checking{color:#8ba4ba}.creator-status.is-live{color:#ff6075}.creator-status.is-live i{background:#ff405d;box-shadow:0 0 10px rgba(255,64,93,.9);animation:livePulse 1.5s ease-in-out infinite}.creator-status.is-offline{color:#8fa3b7}.creator-status.is-offline i{background:#53677a;box-shadow:none}.creator-status.is-unavailable{color:#e2b56c}.creator-status.is-unavailable i{background:#d49b45;box-shadow:0 0 8px rgba(212,155,69,.35)}@keyframes livePulse{50%{opacity:.48;transform:scale(.8)}}.player-loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:2rem;background:radial-gradient(circle at center,rgba(16,65,108,.23),#010308 66%);color:#a8c4dc;z-index:1}.player-loading i{display:block;margin:0 auto .75rem;color:#49baff;font-size:1.25rem;animation:spin 1.1s linear infinite}.player-loading strong{display:block;color:#fff;font:700 .82rem var(--font-head);margin-bottom:.35rem}.player-loading small{display:block;max-width:520px;line-height:1.55}.player-stage iframe,.player-modal__stage iframe{z-index:2;background:#010308}.player-stage.is-ready .player-loading,.player-modal__stage.is-ready .player-loading{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}.player-modal__backdrop{backdrop-filter:blur(5px)}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.featured-grid{grid-template-columns:1fr}.hero-network-logo{width:min(430px,92%)}.network-brand img{width:38px;height:38px}.featured-intro{padding:1.2rem}}
@media(prefers-reduced-motion:reduce){.creator-status.is-live i,.player-loading i{animation:none}}

/* Commit 1 Phase 3 — consistent contained inline playback */
.creator-card.is-expanded{grid-column:auto}
.creator-card .inline-player{width:100%;max-width:100%;min-width:0}
.creator-card .player-stage{width:100%;max-width:100%;aspect-ratio:16/9;overflow:hidden}


/* Commit 4 — unified card geometry and live-information spacing */
.featured-creators{max-width:1400px;margin:0 auto;padding:2rem clamp(1.2rem,4vw,4rem) 0}
.featured-intro{margin-bottom:1.35rem;padding:1.35rem 1.5rem}
.featured-grid{margin-bottom:3rem}
.creator-card.is-expanded{grid-column:auto}
.creator-live-meta{margin:.7rem 1.25rem .55rem;padding:.72rem .85rem;min-height:calc(3em + 1.44rem);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;line-height:1.5;text-overflow:ellipsis}
.creator-live-meta[hidden]{display:none}
.creator-card__topline{min-height:40px;align-items:center}
.featured-grid .creator-card,.creator-grid .creator-card{width:100%;height:auto}
.featured-grid .inline-player,.creator-grid .inline-player{width:100%;max-width:100%}
@media(max-width:760px){.featured-creators{padding-top:1.25rem}.featured-intro{margin-bottom:1rem;padding:1.15rem}}