:root{--bg:#071116;--panel:#0d1c22;--line:#8ad4d51c;--muted:#82999d;--cyan:#5ef0df;--blue:#56b9ff;--red:#ff6375}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#effafa;font-family:'DM Sans',sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 95px,#5ef0df08 96px,transparent 98px 190px);animation:flow 25s linear infinite}@keyframes flow{to{background-position:380px 0}}header{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;background:#061116e8;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{color:var(--cyan);font:900 23px 'Barlow Condensed';text-decoration:none}.logo b{color:white}.logo small{display:block;font:700 8px 'DM Sans';letter-spacing:2px;color:var(--muted)}nav{display:flex;gap:28px}nav a,.live{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--cyan);text-decoration:none}main{max-width:1440px;margin:auto;padding:0 6vw}.hero{min-height:405px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero label,.sectionhead label{font-size:9px;letter-spacing:2.5px;color:var(--cyan);font-weight:800}.hero h1{font:900 clamp(56px,7vw,94px)/.9 'Barlow Condensed';margin:18px 0}.hero em,h2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--cyan),var(--blue));background-clip:text}.hero p{font-size:12px;color:#93a8ac}.stats{display:flex;gap:35px;margin-top:28px}.stats b{display:grid;font:800 28px 'Barlow Condensed'}.stats small{font:800 8px 'DM Sans';color:var(--muted);letter-spacing:1.5px}.orb{width:240px;height:240px;margin-right:8%;border:1px solid #5ef0df66;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--cyan);font:900 65px 'Barlow Condensed';box-shadow:0 0 75px #5ef0df20,inset 0 0 45px #5ef0df12;transform:rotate(-10deg)}.orb small{font:800 9px 'DM Sans';letter-spacing:3px;color:white}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin:35px 0 18px}.sectionhead h2{font:800 38px 'Barlow Condensed';margin:6px 0}.sectionhead>small{font-size:9px;color:var(--muted)}.player{border:1px solid #5ef0df35;border-radius:14px;overflow:hidden;background:#0a171c}.screen{aspect-ratio:16/8;max-height:500px;min-height:220px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse,#17363b,#061015 70%)}#placeholder{text-align:center;display:grid;justify-items:center;gap:10px;color:#9bb1b3}#placeholder b{width:55px;height:55px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan)}#placeholder strong{font:800 18px 'Barlow Condensed';letter-spacing:2px}#placeholder small{font-size:10px}video{display:none;position:absolute;inset:0;width:100%;height:100%;background:#000}.playerbar{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}.playerbar strong{font-size:12px}button{cursor:pointer;background:#0c2026;border:1px solid var(--line);color:#9ab0b3;border-radius:8px;padding:8px 11px;font-size:9px;margin:2px}button.selected,button:hover{color:var(--cyan);border-color:#5ef0df88;background:#5ef0df10}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:22px 0 12px}#tabs{display:flex;flex-wrap:wrap}input{background:#0b1a20;border:1px solid var(--line);border-radius:8px;padding:0 13px;min-width:230px;color:white}#categories{display:flex;gap:5px;overflow:auto;padding:5px 0 12px}.cat{border-radius:20px;white-space:nowrap;font-weight:800;letter-spacing:1px}#notice{font-size:10px;color:var(--muted);padding:10px 0}#cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#11252b,#0a171c);cursor:pointer;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#5ef0df88;box-shadow:0 15px 35px #0006}.cardtop,.cardbottom{display:flex;justify-content:space-between;padding:12px;font-size:8px;letter-spacing:1px;color:#8fa7aa}.cardtop .red,.cardbottom b{color:var(--cyan)}.cardmain{display:flex;align-items:center;gap:12px;padding:6px 12px 14px}.cardmain img,.cardmain i{width:65px;height:65px;object-fit:cover;border-radius:9px;background:#173139}.cardmain h3{font:700 17px 'Barlow Condensed';margin:0 0 7px}.cardmain small{font-size:9px;color:var(--muted)}.cardbottom{border-top:1px solid var(--line)}footer{display:flex;gap:20px;padding:30px 0;margin-top:45px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}footer b{font:900 21px 'Barlow Condensed';color:var(--cyan)}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);opacity:0;background:#17363b;border:1px solid var(--cyan);border-radius:9px;padding:12px 16px;font-size:10px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){#cards{grid-template-columns:repeat(2,1fr)}.orb{opacity:.3;margin-right:-30px}}@media(max-width:600px){header{padding:0 16px}nav{display:none}main{padding:0 16px}.hero{min-height:370px}.hero h1{font-size:57px}.orb{position:absolute;right:-160px;opacity:.18}.stats{gap:22px}.sectionhead h2{font-size:32px}.toolbar,.playerbar{flex-direction:column;align-items:stretch}input{height:38px;min-width:0}.screen{aspect-ratio:16/9;min-height:180px}#cards{grid-template-columns:1fr}footer{flex-wrap:wrap}}