:root{color-scheme:dark;--bg:#090a0c;--panel:#111215;--line:#242528;--orange:#ff8b38;--orange-light:#ffb06b;--text:#f2f1ef;--muted:#97979e;--sans:'DM Sans',sans-serif;--heading:'Space Grotesk',sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}input{min-width:0}svg{width:20px;height:20px;flex-shrink:0}button svg,a svg{vertical-align:middle}[hidden]{display:none!important}::selection{background:#ff8b3866;color:white}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:600}h1{font-size:clamp(48px,6.1vw,79px);line-height:1.04;letter-spacing:-4px}h2{font-size:35px;line-height:1.2;letter-spacing:-1.5px}h3{line-height:1.3}em{font-style:normal;color:var(--orange)}
.ambient{position:fixed;pointer-events:none;z-index:-1;width:800px;height:800px;border-radius:50%;filter:blur(110px);opacity:.12}.ambient-one{top:-570px;left:20%;background:#ee7825}.ambient-two{top:250px;right:-700px;background:#ee7825;opacity:.075}.skip-link{position:fixed;top:-100px;left:20px;background:var(--orange);color:#111;padding:10px;z-index:20}.skip-link:focus{top:10px}
.header{position:sticky;top:0;z-index:10;background:#090a0cea;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0d}.header-inner{max-width:1280px;margin:auto;height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 40px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--heading);font-size:22px;font-weight:600;letter-spacing:-.7px;white-space:nowrap}.brand img{width:32px;height:32px}.brand-accent{color:var(--orange)}.brand sup{font:8px var(--mono);letter-spacing:.4px;color:#7b7b84;margin-left:6px;position:relative;top:-7px}.header nav{display:flex;gap:5px;padding:5px;background:#121316;border:1px solid #ffffff06;border-radius:9px}.header nav a{padding:8px 14px;border-radius:6px;font-size:12px;color:#a3a3aa;transition:background .2s,color .2s}.header nav a:hover{color:white}.header nav a.active{background:#252327;color:#f2eeeb;box-shadow:0 1px 2px #0005}.nav-count{font:10px var(--mono);background:#ffffff0b;padding:2px 5px;border-radius:3px;margin-left:4px}.privacy-link{font-size:12px;display:flex;align-items:center;gap:7px;color:#b0acaa}.privacy-link svg{width:15px;color:var(--orange)}.privacy-link:hover,.privacy-link.active{color:var(--orange)}
main{max-width:1200px;margin:auto;padding:0 40px;outline:none!important;min-height:70vh}.hero{display:grid;grid-template-columns:1.17fr 1fr;gap:45px;align-items:center;min-height:545px;padding:80px 0 68px}.eyebrow{font:10px var(--mono);font-weight:500;letter-spacing:1.7px;display:flex;align-items:center;gap:10px;color:var(--orange-light);margin-bottom:23px}.eyebrow.muted{color:var(--muted);font-size:9px;letter-spacing:1.5px}.status-dot{display:inline-block;background:var(--orange);width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #ff8b3812;flex-shrink:0;animation:breathe 3s infinite}.hero h1{margin-bottom:25px}.hero-description{color:#a9a9b0;font-size:15px;max-width:445px;line-height:1.8}.search-panel{margin-top:31px;padding:18px 18px 13px;background:linear-gradient(140deg,#191512,#111215 55%);border:1px solid #5b3e2b;border-radius:11px;box-shadow:0 0 35px #fd862c07,0 7px 22px #0003;transition:border-color .25s,box-shadow .25s}.search-panel:focus-within{border-color:var(--orange);box-shadow:0 0 40px #fd862c18}.search-panel label{display:block;font:9px var(--mono);letter-spacing:1.7px;color:#c5b29d;margin-bottom:9px}.search-input-row{display:flex;align-items:center;gap:9px}.search-input-row input{background:transparent;border:0;outline:none!important;flex:1;width:100%;color:white;font:14px var(--mono);padding:7px 0}.search-input-row input::placeholder{color:#6f6e72}.search-panel p{color:#707076;font-size:10px;margin-top:13px}.button{border:1px solid transparent;border-radius:7px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}.button svg{width:16px;height:16px}.button.primary{background:linear-gradient(110deg,#ffaf60,#ff8535);color:#20170f;box-shadow:0 2px 12px #ff8b3814}.button.primary:hover{transform:translateY(-2px);box-shadow:0 5px 24px #ff8b3832}.button.ghost{background:#ffffff03;border-color:#36363c;color:#d4d1ce}.button.ghost:hover{border-color:#8c5733;background:#ff8b380b}.button.small{font-size:11px;padding:9px 16px}.button.added{background:#ff8b3812;border-color:#ff8b3838;color:var(--orange-light)}.hero-assurance{font-size:10px;color:#87858a;display:flex;align-items:center;gap:6px;margin-top:15px;flex-wrap:wrap}.hero-assurance>svg{width:13px;height:13px;color:#9b9a9d}.hero-assurance a{display:flex;align-items:center;gap:4px;margin-left:auto;color:#b6afa8}.hero-assurance a:hover{color:var(--orange)}.hero-assurance a svg{width:12px}
.signal-visual{height:380px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.radar-grid{position:absolute;inset:-25px;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000 0%,transparent 68%)}.radar{position:relative;width:325px;height:325px;border-radius:50%;background:radial-gradient(circle,#ff8b380c 0%,#ff8b3804 42%,transparent 70%)}.radar-ring{position:absolute;border:1px solid #ff8b3826;border-radius:50%;inset:0}.ring-one{border-style:dashed;border-color:#ff8b3821;animation:orbit 70s linear infinite}.ring-two{inset:41px;border-color:#ff8b3831}.ring-three{inset:87px;border-color:#ff8b3839;box-shadow:0 0 25px #ff8b3808}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 285deg,#ff8b3809 316deg,#ff8b382a 359deg,transparent 360deg);animation:orbit 12s linear infinite}.radar-cross{position:absolute;background:#ff8b3816}.radar-cross.x{height:1px;width:100%;top:50%}.radar-cross.y{width:1px;height:100%;left:50%}.radar-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:71px;height:71px;border:1px solid #ff8b3860;border-radius:17px;background:#19140f;display:grid;place-items:center;box-shadow:0 0 55px #ff8b3830,0 0 0 9px #ff8b3804}.radar-core svg{width:34px;height:34px;color:var(--orange)}.radar-point{position:absolute;width:6px;height:6px;background:var(--orange-light);border-radius:50%;box-shadow:0 0 18px #ff8b3870,0 0 0 5px #ff8b3813;animation:breathe 4s infinite}.point-one{left:67px;top:79px}.point-two{left:251px;top:186px;animation-delay:1s}.point-three{left:133px;top:279px;animation-delay:2s}.signal-chip{position:absolute;background:#181411f2;backdrop-filter:blur(8px);border:1px solid #66422b;border-radius:7px;box-shadow:0 15px 40px #0006;display:flex;align-items:center;gap:10px;padding:13px 16px;font:9px var(--mono);color:#d9b18c;letter-spacing:.5px;animation:float 7s ease-in-out infinite}.chip-top{left:1%;top:23%}.chip-bottom{right:1%;bottom:14%;animation-delay:-3s;font-size:8px;color:#99918c}.chip-bottom svg{width:13px;height:13px;color:var(--orange)}.chip-bottom strong{font-weight:400;color:#eac095;font-size:8px}.tiny-square{width:5px;height:5px;background:var(--orange)}.chip-line{width:30px;height:1px;background:#f9893550}.radar-coordinate{position:absolute;color:#70645b;font:8px var(--mono);letter-spacing:1px}.coordinate-top{top:3%;left:8%}.coordinate-bottom{right:6%;bottom:1%;font-size:7px}.radar-label{position:absolute;bottom:-26px;left:9%;font:7px var(--mono);color:#6c6762;letter-spacing:1.5px}
.stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-radius:11px;background:#111215a0;position:relative}.stat{display:flex;align-items:center;gap:17px;padding:23px 33px}.stat+.stat{border-left:1px solid var(--line)}.stat>svg{width:19px;height:19px;color:#b49071}.stat strong{font-family:var(--heading);font-size:27px;font-weight:500;letter-spacing:-.7px;display:block;line-height:1.2}.stat .age-stat{font-size:20px}.stat span{display:block;font:8px var(--mono);letter-spacing:1.1px;color:#817e7f;margin-top:7px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:29px}.section-heading .eyebrow{margin-bottom:12px}.section-heading p{color:#8b8990;font-size:12px;line-height:1.8}.home-lower{padding-top:76px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{padding:27px 27px 25px;border:1px solid #29292e;border-radius:10px;background:linear-gradient(145deg,#151619,#101114);position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.feature-card:after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;top:-170px;right:-85px;background:#ff8b3812;filter:blur(35px);transition:transform .3s;pointer-events:none}.feature-card:hover{transform:translateY(-5px);border-color:#805233;box-shadow:0 10px 35px #0004}.feature-card:hover:after{transform:translateY(80px)}.feature-icon{display:flex;width:37px;height:37px;align-items:center;justify-content:center;border:1px solid #484035;background:#211a13;border-radius:9px;color:#d1a377;margin-bottom:26px}.feature-icon svg{width:18px;height:18px}.feature-number{font:7px var(--mono);letter-spacing:1.1px;position:absolute;right:25px;top:39px;color:#7e7872}.feature-card h3{font-size:20px;letter-spacing:-.5px;margin-bottom:12px}.feature-card p{font-size:12px;color:#929096;line-height:1.8;min-height:66px}.feature-link{display:flex;align-items:center;gap:8px;font-size:11px;color:#e0b28c;margin-top:24px}.feature-link svg{width:14px;height:14px}.privacy-feature .feature-icon{background:#181d1b;border-color:#333f36;color:#8dafa1}.how-section{padding:76px 0 80px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.how-section h2{font-size:28px;margin-bottom:15px}.how-section p{font-size:12px;color:#8d8c94;line-height:1.9;max-width:440px}.steps{border-top:1px solid #222327}.steps>div{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid #222327}.steps>div>span{color:#a0734f;font:10px var(--mono);padding-top:4px}.steps strong{display:block;font-size:13px;color:#d4d2d3;font-weight:500;margin-bottom:3px}.steps p{font-size:11px;line-height:1.7}
footer{max-width:1200px;padding:28px 40px;margin:auto;border-top:1px solid #232327;display:flex;align-items:center;flex-wrap:wrap;gap:20px}.footer-brand{font-size:16px}.footer-brand img{width:25px;height:25px}.footer-brand sup{font-size:6px}footer p{font-size:10px;color:#6e6d75}footer>div{margin-left:auto;display:flex;gap:20px;font-size:10px;color:#918b87;align-items:center}footer>div span{font-size:8px;color:#626069}footer a:hover{color:var(--orange)}
.page-intro{padding:75px 0 40px}.page-intro h1{font-size:clamp(40px,5vw,64px);letter-spacing:-2.8px}.page-intro>p,.watch-intro p{color:#92919a;margin-top:20px;font-size:14px}.page-intro .eyebrow{font-size:9px;margin-bottom:20px}.directory{padding:12px 0 60px}.directory-toolbar{display:flex;align-items:center;gap:25px;justify-content:space-between;border-top:1px solid #29292d;border-bottom:1px solid #29292d;padding:22px 0;margin-bottom:25px}.directory-search{display:flex;align-items:center;border:1px solid #34343a;border-radius:8px;background:#131418;width:430px;gap:11px;padding:11px 15px}.directory-search>svg{color:#8f8984;width:17px}.directory-search input{background:transparent;border:0;outline:0;color:white;width:100%;font-size:12px}.directory-search:focus-within{border-color:var(--orange)}.directory-status{font:9px var(--mono);color:#8b8580;display:flex;align-items:center;gap:6px}.directory-status>svg{width:13px}.toolbar-divider{margin:0 8px;color:#39373b}.streamer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.streamer-card{padding:22px;border:1px solid #2b2b30;background:linear-gradient(135deg,#171719,#101114);border-radius:10px;position:relative;transition:transform .25s,border-color .25s;overflow:hidden;animation:enter .4s ease both}.streamer-card:hover{transform:translateY(-4px);border-color:#785132}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.avatar{width:49px;height:49px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#48301f,#282027);border:1px solid #93654233;font-family:var(--heading);font-size:17px;font-weight:500;color:#ffb576;flex-shrink:0}.avatar[data-color="1"]{background:linear-gradient(145deg,#303947,#21232a);color:#a5bccf;border-color:#64758a33}.avatar[data-color="2"]{background:linear-gradient(145deg,#3f3044,#26212b);color:#bc9fc5;border-color:#9c72aa33}.avatar[data-color="3"]{background:linear-gradient(145deg,#2d443c,#1b2724);color:#9bcbb5;border-color:#619c8133}.avatar[data-color="4"]{background:linear-gradient(145deg,#4a4127,#2b291e);color:#d2c190;border-color:#a8955f33}.avatar img{width:100%;height:100%;object-fit:cover}.live-label{display:flex;align-items:center;gap:5px;font:7px var(--mono);letter-spacing:1px;color:#a8998b;border:1px solid #463124;border-radius:4px;padding:3px 6px;background:#ff8b3805}.live-label i{width:4px;height:4px;background:var(--orange);border-radius:50%}.streamer-card h3{font-size:18px;letter-spacing:-.5px;overflow-wrap:anywhere}.handle{color:#6d6c76;font:9px var(--mono);margin-top:5px}.stream-title{font-size:11px;color:#8d8a93;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;color:#aba4a1;margin-top:19px}.stream-meta>span:first-child{display:flex;align-items:center;gap:5px}.stream-meta svg{width:12px;height:12px;color:#908478}.card-actions{display:flex;gap:8px;align-items:center;margin-top:17px;padding-top:17px;border-top:1px solid #ffffff09}.card-actions .button{flex:1}.icon-button{background:transparent;border:1px solid #333239;color:#9b9390;border-radius:6px;width:32px;height:32px;padding:7px;display:inline-flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}.icon-button svg{width:14px;height:14px}.icon-button:hover{color:var(--orange);border-color:#8b5734}.match-label{display:flex;align-items:center;gap:5px;font-size:9px;color:#9bbc9f;margin-top:14px}.match-label svg{width:12px;height:12px}.load-more-wrap{display:flex;justify-content:center;margin-top:35px}.empty-state{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;background:#11121688;border:1px dashed #343238;border-radius:10px;width:100%}.empty-state>svg{width:30px;height:30px;color:#b1815c;margin-bottom:5px}.empty-state h3{font-size:20px}.empty-state p{color:#8c8892;font-size:12px;max-width:450px}.inline-error{color:#ffaf9b;border:1px solid #6c382b;padding:15px;font-size:12px;background:#32150c55;border-radius:7px;margin-bottom:15px}.loading-line,.searching{display:flex;align-items:center;gap:12px;color:#bdab9b;font-size:12px;padding:15px 0}.results-section{padding:50px 0 0}.result-id{font:11px var(--mono);color:#a68b75;background:#17120e;border:1px solid #4e3523;padding:7px 12px;border-radius:5px;overflow-wrap:anywhere}
.watch-intro{display:flex;align-items:end;justify-content:space-between;gap:30px}.watch-intro>.button{margin-bottom:7px}.watch-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #28282f;border-bottom:1px solid #28282f;padding:17px 0;margin:10px 0 25px;font:10px var(--mono);color:#848088}.watch-toolbar b{font-weight:400;color:var(--orange)}.watch-refresh{display:flex;align-items:center;gap:7px}.watch-refresh svg{width:12px;height:12px;color:#a27b5b}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px;padding-bottom:75px}.watch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.watch-grid>.empty-state{grid-column:1/-1;min-height:300px}.watch-card{padding:22px;background:linear-gradient(135deg,#161618,#101114);border:1px solid #2e2c31;border-radius:10px;animation:enter .35s both}.watch-card-heading{display:flex;align-items:center;gap:11px}.small-avatar{width:37px;height:37px;border-radius:10px;font-size:13px}.watch-card-heading h3{font-size:15px;letter-spacing:-.3px;overflow-wrap:anywhere}.watch-card-heading>div>span{font-size:8px;color:#a1856d}.remove{margin-left:auto;border:0;align-self:flex-start;width:22px;height:22px;padding:3px;flex-shrink:0}.watch-card-meta{display:flex;justify-content:space-between;gap:7px;color:#8d8790;font-size:9px;margin:20px 0 15px}.watch-card-meta span,.watch-card-meta a{display:flex;gap:4px;align-items:center}.watch-card-meta svg{width:11px;height:11px}.watch-card-meta a{color:#b69a82}.game-id-box{padding:13px 12px;background:#0b0c0f;border:1px solid #3b3027;border-radius:6px;position:relative}.game-id-box>span{display:block;font:7px var(--mono);letter-spacing:1.4px;color:#82664f;margin-bottom:7px}.game-id-box strong{font:12px var(--mono);color:#e6b285;letter-spacing:.25px;overflow-wrap:anywhere;display:block;padding-right:19px}.game-id-box .icon-button{position:absolute;right:8px;top:20px;width:22px;height:22px;border:0;padding:4px;color:#6e5b4c}.watch-card-foot{font-size:7px;color:#6b6670;margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.activity-panel{border:1px solid #2b2b30;background:#101114;border-radius:10px;overflow:hidden;align-self:start;position:sticky;top:110px}.activity-heading{display:flex;align-items:center;gap:9px;padding:21px 20px 13px;font-family:var(--heading);font-size:14px}.activity-heading svg{color:#c89870;width:16px;height:16px}.activity-heading .status-dot{margin-left:auto;width:4px;height:4px}.activity-description{font-size:10px;color:#77717e;padding:0 20px 19px;line-height:1.8;border-bottom:1px solid #242228}.activity-empty{text-align:center;padding:45px 15px;display:flex;flex-direction:column;align-items:center;gap:17px}.activity-empty svg{width:28px;height:28px;color:#5b4840}.activity-empty p{font-size:10px;color:#6f6872;line-height:1.9}.activity-item{display:flex;gap:12px;padding:18px 20px;border-bottom:1px solid #242228;animation:enter .4s}.activity-dot{width:5px;height:5px;border-radius:50%;background:var(--orange);margin-top:5px;flex-shrink:0}.activity-item strong{font-size:11px;font-weight:500}.activity-item p{font-size:9px;color:#9a8a7f;margin-top:5px}.activity-item code{font:8px var(--mono);color:#dcaa81;overflow-wrap:anywhere}.activity-item time{font:8px var(--mono);display:block;color:#675f68;margin-top:8px}.activity-footnote{font-size:8px;color:#7d7270;padding:13px 20px;border-top:1px solid #242228}
.privacy-hero{text-align:center;display:flex;flex-direction:column;align-items:center;padding:70px 0 45px}.privacy-orbit{display:grid;place-items:center;width:74px;height:74px;border-radius:21px;background:linear-gradient(145deg,#332114,#181412);color:var(--orange);border:1px solid #725136;box-shadow:0 0 80px #ff8b3819;margin-bottom:35px;position:relative}.privacy-orbit:before{content:'';position:absolute;inset:-9px;border:1px solid #ff8b3812;border-radius:29px}.privacy-orbit svg{width:35px;height:35px}.privacy-hero h1{font-size:68px;letter-spacing:-3px}.privacy-hero .eyebrow{font-size:8px}.privacy-hero>p{font-size:14px;color:#8c8791;margin-top:25px;line-height:1.9}.privacy-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;max-width:930px;margin:15px auto 0}.privacy-card{background:linear-gradient(145deg,#191510,#111215 65%);border:1px solid #5b3e2a;border-radius:13px;padding:35px}.privacy-card h2{font-size:28px;margin-bottom:17px}.privacy-card>p{font-size:12px;color:#a39387;line-height:1.9;margin-bottom:28px}.privacy-card .eyebrow{font-size:8px;margin-bottom:20px}.privacy-card .button{width:100%;padding:14px 16px}.privacy-note{display:flex;align-items:center;gap:8px;font-size:9px;color:#8f7e70;padding-top:20px;margin-top:22px;border-top:1px solid #382d24}.privacy-note svg{width:13px;height:13px}.privacy-explainer>div{position:relative;padding:0 0 26px 42px}.privacy-explainer>div>span{position:absolute;left:0;top:0;width:25px;height:25px;border:1px solid #4b382b;background:#1b1611;display:grid;place-items:center;border-radius:6px;font:8px var(--mono);color:#d1a783}.privacy-explainer h3{font-size:16px;margin-bottom:9px}.privacy-explainer p{font-size:11px;color:#8c8490;line-height:1.9}.privacy-bottom{margin:40px auto 75px;font-size:10px;color:#7d747d;text-align:center;max-width:750px}.verified-user{display:flex;align-items:center;gap:14px;padding:15px 0 20px}.verified-user strong{font-family:var(--heading);font-size:18px;display:block}.verified-user div>span{font-size:10px;color:#9fad9c;display:flex;align-items:center;gap:5px;margin-top:5px}.verified-user svg{width:12px;height:12px}.privacy-current{display:flex;align-items:center;gap:8px;font-size:11px;padding:14px;background:#ffffff03;border:1px solid #37302c;border-radius:7px;margin-bottom:15px;color:#b7a18e}.privacy-current svg{width:15px;height:15px}.privacy-current.protected{color:#b1c9ad;border-color:#354c39;background:#15291b66}.text-button{border:0;background:transparent;display:block;color:#88766e;text-decoration:underline;margin:14px auto 0;font-size:10px}.policy{max-width:720px;padding-bottom:70px}.policy h2{font-size:22px;margin:30px 0 14px}.policy p{color:#a5a0a8;font-size:14px;line-height:1.9}.policy .button{margin-top:35px}.demo-banner{position:relative;z-index:12;text-align:center;padding:7px 14px;background:#282017;color:#ffd49d;border-bottom:1px solid #5e3d20;font:9px var(--mono);letter-spacing:1px}.demo-banner>span{color:#b7a28b;margin-left:12px;font-family:var(--sans);letter-spacing:0}.toast{position:fixed;z-index:30;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);width:max-content;background:#251c15;border:1px solid #ae6d39;border-radius:8px;padding:13px 20px;color:#f2c299;box-shadow:0 10px 45px #0009;font-size:12px;animation:enter .2s}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes breathe{0%,100%{opacity:1}50%{opacity:.5}}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){.hero{min-height:585px}.signal-visual{height:420px}.radar{width:355px;height:355px}.point-two{left:282px;top:200px}}
@media(max-width:1050px){.header-inner{padding:0 25px;gap:15px}.header nav a{padding:8px 10px;font-size:11px}.brand{font-size:20px}.privacy-link{font-size:10px}.hero{gap:20px}.hero h1{font-size:63px}.signal-visual{transform:scale(.88)}.hero-description{font-size:13px}.button{font-size:11px;padding:12px 14px}.hero-assurance a{margin-left:0;margin-top:2px}.feature-card{padding:24px 20px}.feature-card h3{font-size:18px}.feature-number{right:20px;font-size:6px}.streamer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-layout{grid-template-columns:minmax(0,1fr) 230px;gap:17px}.watch-grid{grid-template-columns:1fr}.privacy-layout{gap:40px}.stat{padding:22px 25px;gap:12px}}
@media(max-width:760px){.header-inner{height:auto;min-height:76px;flex-wrap:wrap;padding:17px 22px 12px;gap:15px}.brand{font-size:20px}.privacy-link{margin-left:auto}.header nav{order:3;width:100%;justify-content:space-around;border-radius:7px}.header nav a{padding:7px 12px;font-size:11px;text-align:center}.header nav .nav-count{font-size:8px}.privacy-link svg{width:14px}.privacy-link span{font-size:10px}.header{position:relative}main{padding:0 23px}.hero{grid-template-columns:1fr;gap:0;padding:50px 0 40px;min-height:0}.hero h1{font-size:clamp(52px,10vw,73px);letter-spacing:-3px}.hero-description{font-size:14px;max-width:470px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-copy{position:relative;z-index:1}.signal-visual{height:300px;max-width:450px;width:100%;margin:30px auto -5px;transform:scale(.9)}.radar{width:285px;height:285px}.radar-ring.ring-two{inset:34px}.radar-ring.ring-three{inset:74px}.point-two{left:218px;top:175px}.point-three{top:246px}.chip-top{left:0;top:20%}.chip-bottom{bottom:8%;right:0}.coordinate-top{top:0}.coordinate-bottom{bottom:-4%}.radar-label{bottom:-25px}.stats-row{grid-template-columns:1fr 1fr}.stat{padding:20px 22px}.stat:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:15px 22px}.stat:nth-child(3)>div{display:flex;align-items:center;justify-content:space-between;flex:1;gap:15px}.stat:nth-child(3)>div span{margin:0;order:-1}.stat strong{font-size:26px}.stat .age-stat{font-size:18px}.stat span{font-size:7px;letter-spacing:.7px}.stat>svg{width:17px;height:17px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading h2{font-size:30px}.section-heading p{font-size:12px}.home-lower{padding-top:55px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:26px}.feature-card h3{font-size:22px}.feature-card p{min-height:0;font-size:12px}.feature-icon{margin-bottom:20px}.feature-number{right:27px;font-size:8px}.feature-link{margin-top:18px}.how-section{padding:55px 0;grid-template-columns:1fr;gap:27px}.how-section .eyebrow{margin-bottom:15px}footer{padding:25px 23px;gap:12px}footer>div{margin-left:0;width:100%;gap:20px;flex-wrap:wrap}footer>div span{width:100%;font-size:9px}footer p{font-size:9px}.page-intro{padding:47px 0 25px}.page-intro h1{font-size:44px;letter-spacing:-2px}.page-intro>p,.watch-intro p{font-size:12px}.page-intro .eyebrow{font-size:8px;letter-spacing:1px}.directory-toolbar{flex-direction:column;align-items:start;gap:14px;padding:18px 0}.directory-search{width:100%}.directory-status{font-size:8px}.streamer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.streamer-card{padding:17px 14px}.streamer-card h3{font-size:17px}.stream-meta{align-items:start;flex-direction:column;gap:7px}.stream-title{margin-top:12px}.card-actions{gap:5px}.button.small{padding:9px 11px}.avatar{width:43px;height:43px;font-size:14px}.live-label{font-size:6px;padding:3px 4px}.watch-intro{flex-direction:column;align-items:start;gap:22px}.watch-layout{grid-template-columns:1fr;padding-bottom:50px}.watch-grid{grid-template-columns:1fr}.watch-toolbar{font-size:8px}.watch-refresh{font-size:7px}.activity-panel{position:static}.activity-empty{padding:30px 10px}.watch-card{padding:20px}.game-id-box strong{font-size:14px}.watch-card-meta{font-size:10px}.watch-card-foot{font-size:8px}.privacy-hero{padding-top:48px}.privacy-hero h1{font-size:54px}.privacy-hero>p{font-size:12px}.privacy-hero .eyebrow{font-size:7px;letter-spacing:1px}.privacy-layout{grid-template-columns:1fr;gap:35px}.privacy-card{padding:27px}.privacy-explainer{padding:0 10px}.privacy-explainer>div:last-child{padding-bottom:0}.privacy-bottom{margin-bottom:50px;font-size:10px}.policy p{font-size:13px}.result-id{font-size:10px}.demo-banner{font-size:8px;letter-spacing:.3px}.demo-banner>span{font-size:9px;margin-left:7px}}
@media(max-width:380px){main{padding:0 17px}.header-inner{padding:15px 17px 10px}.brand{font-size:18px}.brand img{width:29px;height:29px}.privacy-link span{font-size:8px}.header nav a{font-size:10px;padding:7px 8px}.hero h1{font-size:49px}.search-input-row{flex-wrap:wrap}.search-input-row input{flex-basis:100%;font-size:13px}.search-input-row .button{width:100%;padding:10px}.search-panel p{font-size:9px}.streamer-grid{grid-template-columns:1fr}.stat{padding:20px 15px}.signal-visual{transform:scale(.84)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.radar-sweep{transform:rotate(45deg)}}
.snapshot-note{font-size:9px;color:#8b8180;margin:-8px 0 25px;display:flex;gap:5px;flex-wrap:wrap}.snapshot-note .delayed{color:#d9a06a;margin-left:auto}

/* wzstream.live: task-focused layouts and readable, high-contrast typography. */
.traffic-section { border:1px solid #35363b; border-radius:14px; padding:28px; margin-bottom:30px; background:linear-gradient(145deg,#17181c,#101115); }
.traffic-heading,.traffic-chart-title { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.traffic-heading h2 { font-size:28px; }
.traffic-heading p,.traffic-note { color:#eee; font-size:13px; line-height:1.8; margin-top:8px; }
.traffic-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.traffic-metrics>div { padding:22px; border:1px solid #3a3b40; background:#101114; border-radius:10px; }
.traffic-metrics span { display:block; color:#fff; font-size:14px; margin-bottom:14px; }
.traffic-metrics strong { font-family:var(--heading); font-size:40px; color:#fff; line-height:1.2; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#traffic-status { color:#ffe0c1; font-size:13px; line-height:1.8; margin-bottom:20px; }
.traffic-setup { border:1px dashed #805a3c; background:#25190f55; border-radius:10px; padding:22px; }
.traffic-setup h3 { font-size:20px; color:#fff; margin-bottom:12px; }
.traffic-setup p { color:#eee; font-size:14px; margin-top:12px; }
.traffic-chart:empty { display:none; }
.traffic-chart-title { margin-bottom:10px; }
.traffic-chart-title h3 { font-size:18px; }
.traffic-chart-title span { font-size:13px; color:#eee; }
.traffic-plot-scroll { overflow-x:auto; }
.traffic-chart-svg { display:block; width:100%; min-width:720px; height:auto; overflow:visible; }
.traffic-chart-svg line { stroke:#35363b; stroke-width:1; }
.traffic-chart-svg text { fill:#fff; font-family:var(--sans); font-size:12px; }
.traffic-bar { fill:var(--orange); }
.traffic-bar:hover,.traffic-bar:focus { fill:#ffc38f; outline:none; stroke:#fff; stroke-width:2; }
.traffic-data { font-size:14px; margin:16px 0; }
.traffic-data summary { cursor:pointer; color:#ffbc86; }
.traffic-table-wrap { overflow-x:auto; margin-top:16px; }
.traffic-data table { width:100%; border-collapse:collapse; font-size:13px; }
.traffic-data th,.traffic-data td { text-align:left; padding:10px; border-bottom:1px solid #35363b; }
.traffic-data tbody th { font-weight:400; }
@media(max-width:900px) { .traffic-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .traffic-section { padding:22px; } .traffic-heading { align-items:start; flex-wrap:wrap; } .traffic-heading h2 { font-size:26px; } .traffic-metrics>div { padding:18px; } .traffic-metrics strong { font-size:34px; } }
@media(max-width:420px) { .traffic-metrics { grid-template-columns:1fr; } }
.contact-card,.admin-card { max-width:820px; padding:32px; margin-bottom:30px; background:linear-gradient(145deg,#17181c,#101115); border:1px solid #35363b; border-radius:14px; }
.contact-card h2,.admin-card h2 { font-size:27px; margin-bottom:20px; }
.contact-card p,.admin-card p { color:#eee; font-size:15px; line-height:1.9; margin-bottom:20px; }
.contact-card p a { color:#ffbc86; text-decoration:underline; }
.contact-icon { display:grid; place-items:center; width:50px; height:50px; border:1px solid #715138; background:#251a12; color:var(--orange); border-radius:12px; margin-bottom:24px; }
.contact-icon svg { width:27px; height:27px; }
.contact-note { padding-top:24px; margin-top:24px; border-top:1px solid #35363b; color:#eee; font-size:13px; line-height:1.8; }
.admin-panel { padding-bottom:45px; }
.admin-login { max-width:480px; }
.admin-card label { display:block; margin:20px 0 10px; font-size:14px; font-weight:600; }
.admin-card input { width:100%; background:#0b0c0f; border:1px solid #494950; border-radius:8px; color:#fff; padding:13px 15px; font-size:16px; }
.admin-card input::placeholder { color:#ddd; }
.admin-login .button { width:100%; margin:20px 0; }
.admin-input-row { display:flex; gap:14px; }
.admin-input-row input { flex:1; min-width:0; }
.admin-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 25px; }
.admin-toolbar>span { display:flex; align-items:center; gap:10px; font-size:14px; }
.admin-toolbar>span svg { color:var(--orange); }
#admin-message,#admin-list-message { font-size:14px; color:#ffd2ab; margin-top:16px; overflow-wrap:anywhere; }
.admin-confirm { margin-top:24px; border-top:1px solid #49413b; padding-top:24px; }
.admin-account { display:flex; align-items:center; gap:17px; margin-bottom:20px; }
.admin-account h3 { font-size:24px; }
.admin-account a { color:#ffbc86; }
.admin-account a svg { width:13px; height:13px; }
.admin-account p { margin:5px 0 0; font-size:13px; }
.admin-success { display:flex; align-items:center; gap:10px; margin-top:24px; color:#c5f1c8!important; }
.admin-list-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 0; border-bottom:1px solid #35363b; }
.admin-list-row strong { font-size:16px; overflow-wrap:anywhere; }
.admin-list-row p { font-size:13px; margin:3px 0 0; }
.admin-list-row>span { font-size:13px; white-space:nowrap; }
.admin-pagination { display:flex; justify-content:space-between; gap:15px; margin-top:20px; }
@media(max-width:760px) { .contact-card,.admin-card { padding:24px; } .admin-input-row,.admin-toolbar { flex-direction:column; align-items:stretch; } .admin-list-row { flex-wrap:wrap; gap:7px; } }
:root { --text:#fff; --muted:#e1e3e8; }
body { font-size:16px; }
main { max-width:1280px; }
.header nav a { font-size:14px; color:#eee; padding:9px 16px; }
.privacy-link { font-size:14px; color:#fff; }
.nav-count { font-size:12px; }
.brand { font-size:24px; letter-spacing:-.7px; }
.lobby-home { padding:74px 0 52px; }
.home-heading { text-align:center; }
.home-heading h1 { font-size:clamp(40px,5.3vw,66px); line-height:1.13; letter-spacing:-2.5px; }
.home-heading p { font-size:18px; color:#eee; margin-top:22px; }
.lobby-home .search-panel { max-width:820px; margin:34px auto 0; padding:24px; border-radius:14px; }
.search-panel label { font:600 14px var(--sans); color:#fff; letter-spacing:0; margin-bottom:13px; }
.search-input-row { gap:16px; }
.search-input-row input { font:500 19px var(--mono); padding:13px 0; }
.search-input-row input::placeholder { color:#d8dbe2; font-family:var(--sans); font-weight:400; }
.search-panel p { font-size:13px; color:#e1e3e8; margin-top:17px; }
.button { font-size:14px; padding:13px 20px; }
.button.small { font-size:13px; padding:10px 14px; }
.stats-row { gap:18px; border:0; border-radius:0; background:transparent; }
.stat { border:1px solid #35363b; border-radius:14px; background:linear-gradient(145deg,#17181c,#101115); padding:28px; align-items:flex-start; gap:16px; position:relative; overflow:hidden; }
.stat:before { content:''; position:absolute; top:0; left:28px; width:42px; height:2px; background:var(--orange); box-shadow:0 0 20px #ff8b3860; }
.stat+.stat { border-left:1px solid #35363b; }
.stat>svg { width:22px; height:22px; color:var(--orange); margin-top:2px; }
.stat>div { min-width:0; }
.stat .stat-label { font:500 14px var(--sans); letter-spacing:0; color:#fff; margin:0 0 18px; }
.stat strong { font-size:48px; font-weight:600; letter-spacing:-1.5px; color:#fff; font-variant-numeric:tabular-nums; }
.stat .age-stat { font-size:clamp(28px,3vw,38px); min-height:58px; display:flex; align-items:center; }
.stat p { margin-top:14px; color:#e1e3e8; font-size:12px; line-height:1.6; }
.home-scan-status { min-height:56px; padding:17px 0; text-align:center; font-size:13px; color:#ffc38f; }
.home-scan-status:has(span:empty) { min-height:36px; }
.page-intro { padding:60px 0 30px; }
.page-intro h1 { font-size:clamp(36px,4.5vw,54px); line-height:1.15; letter-spacing:-1.9px; }
.page-intro>p,.watch-intro p { color:#eee; font-size:16px; margin-top:16px; }
.eyebrow,.eyebrow.muted,.page-intro .eyebrow,.privacy-hero .eyebrow,.privacy-card .eyebrow { font:600 12px var(--sans); letter-spacing:1px; color:#ffe0c1; }
.directory-search { padding:13px 16px; }
.directory-search input { font-size:15px; }
.directory-search input::placeholder { color:#e1e3e8; }
.directory-status { font:13px var(--sans); color:#fff; }
.snapshot-note { font-size:13px; color:#e1e3e8; gap:6px; line-height:1.7; }
.snapshot-note .delayed { color:#ffc38f; }
.streamer-card { padding:23px; }
.streamer-card h3 { font-size:21px; }
.live-label { font:600 10px var(--sans); letter-spacing:.6px; color:#fff; padding:4px 7px; }
.live-label i { width:5px; height:5px; }
.handle { font:13px var(--sans); color:#e1e3e8; }
.stream-title { font-size:14px; color:#eee; }
.directory-game-id { display:flex; flex-direction:column; gap:6px; margin-top:12px; }
.directory-game-id span { font-size:12px; color:#fff; }
.directory-game-id strong { font:500 14px var(--mono); color:#fff; overflow-wrap:anywhere; line-height:1.5; }
.directory .live-label { color:#a7f3bc; border-color:#297847; background:#153c2580; }
.directory .live-label i { background:#4ade80; }
.stream-meta { font-size:12px; color:#fff; }
.stream-meta svg,.directory-search>svg { color:#e1e3e8; }
.icon-button { color:#fff; width:36px; height:36px; }
.match-label { font-size:13px; color:#c5f1c8; }
.empty-state p { color:#eee; font-size:15px; }
.empty-state h3 { font-size:24px; }
.inline-error { font-size:14px; }
.loading-line,.searching { font-size:15px; color:#fff; }
.result-id { color:#ffe0c1; font-size:14px; }
.results-section { padding:26px 0 60px; }
.section-heading h2 { font-size:30px; }
.watch-layout { display:block; padding-bottom:60px; }
.watch-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.watch-toolbar { font:14px var(--sans); color:#fff; padding:18px 0; }
.watch-refresh { font-size:13px; }
.watch-refresh svg { width:15px; height:15px; color:#fff; }
.watch-card { padding:25px; }
.watch-card-heading h3 { font-size:21px; }
.watch-card-heading>div>span { font-size:12px; color:#fff; }
.watch-card-meta { font-size:13px; color:#fff; gap:12px; flex-wrap:wrap; margin:24px 0 18px; }
.watch-card-meta a { color:#ffbc86; }
.watch-card-meta svg { width:14px; height:14px; }
.small-avatar { width:46px; height:46px; border-radius:11px; }
.remove { width:28px; height:28px; }
.game-id-box { padding:17px 15px; }
.game-id-box>span { font:600 12px var(--sans); color:#fff; letter-spacing:.3px; margin-bottom:10px; }
.game-id-box strong { font-size:16px; color:#ffc591; font-weight:500; letter-spacing:0; padding-right:22px; }
.game-id-box .icon-button { color:#fff; top:39px; width:26px; height:26px; }
.watch-card-foot { font-size:12px; color:#fff; line-height:1.8; margin-top:16px; }
.privacy-hero>p,.privacy-card>p,.privacy-explainer p,.policy p { color:#eee; font-size:15px; }
.privacy-note,.privacy-bottom { color:#eee; font-size:13px; }
.privacy-explainer>div>span { font-size:11px; color:#ffe0c1; }
.privacy-explainer h3 { font-size:19px; }
.privacy-current,.verified-user div>span { font-size:14px; }
.privacy-current { color:#fff; }
.text-button { font-size:14px; color:#fff; }
footer { max-width:1280px; margin-top:26px; }
footer p,footer>div,footer>div span { font-size:12px; color:#e1e3e8; }
.footer-brand { font-size:19px; }
.demo-banner,.demo-banner>span { font-size:12px; }
.toast { font-size:14px; }
@media(max-width:1050px) {
  .header nav a { font-size:13px; padding:9px 11px; }
  .privacy-link { font-size:12px; }
  .brand { font-size:22px; }
  .stat { padding:24px 20px; gap:12px; }
  .stat strong { font-size:43px; }
  .stat .age-stat { font-size:30px; }
  .stat .stat-label { font-size:13px; }
  .watch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .header-inner { padding:18px 22px 13px; }
  .header nav a { font-size:13px; padding:9px; }
  .header nav .nav-count { font-size:11px; }
  .privacy-link span { font-size:12px; }
  .lobby-home { padding:42px 0 30px; }
  .home-heading h1 { font-size:clamp(34px,7vw,48px); letter-spacing:-1.2px; line-height:1.18; }
  .home-heading p { font-size:16px; margin-top:18px; }
  .lobby-home .search-panel { margin-top:26px; padding:20px; }
  .search-input-row { flex-wrap:wrap; gap:14px; }
  .search-input-row input { flex-basis:100%; font-size:17px; padding:9px 0; }
  .search-input-row .button { width:100%; padding:13px; }
  .search-panel p { font-size:12px; line-height:1.7; }
  .stats-row { grid-template-columns:1fr; gap:14px; }
  .stat,.stat:nth-child(3) { grid-column:auto; padding:24px; gap:16px; border:1px solid #35363b; }
  .stat:nth-child(3)>div { display:block; }
  .stat .stat-label,.stat:nth-child(3)>div span { font-size:14px; margin:0 0 13px; letter-spacing:0; }
  .stat strong { font-size:44px; }
  .stat .age-stat { font-size:36px; min-height:0; }
  .stat p { font-size:13px; margin-top:10px; }
  .stat>svg { width:22px; height:22px; }
  .home-scan-status { text-align:left; }
  .page-intro h1 { font-size:36px; }
  .page-intro>p,.watch-intro p { font-size:15px; }
  .directory-status { font-size:12px; }
  .snapshot-note .delayed { margin-left:0; width:100%; }
  .streamer-card { padding:20px 16px; }
  .streamer-card h3 { font-size:19px; }
  .handle,.stream-title { font-size:12px; }
  .stream-meta { font-size:12px; }
  .live-label { font-size:10px; padding:4px 6px; }
  .button.small { font-size:12px; padding:9px 11px; }
  .watch-grid { grid-template-columns:1fr; }
  .watch-toolbar { align-items:start; flex-direction:column; gap:10px; font-size:14px; }
  .watch-refresh { font-size:13px; }
  .watch-card-meta { font-size:13px; }
  .watch-card-foot { font-size:12px; }
  .game-id-box strong { font-size:16px; }
  .section-heading h2 { font-size:26px; }
  .result-id { font-size:13px; }
  .privacy-hero h1 { font-size:48px; }
  .privacy-hero>p,.privacy-card>p,.privacy-explainer p,.policy p { font-size:15px; }
  footer p,footer>div,footer>div span { font-size:12px; }
}
@media(max-width:420px) {
  .streamer-grid { grid-template-columns:1fr; }
  .privacy-link span { font-size:11px; }
  .brand { font-size:21px; }
  .brand img { width:28px; height:28px; }
}