:root{--bg:#08090d;--line:#ffffff18;--muted:#9ba3b3;--red:#ed2939;--red2:#ff7782;--white:#f6f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#281016 0,transparent 35%),var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:hidden}button,a{font:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:sticky;top:0;z-index:20;background:#08090de8;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ed293988;border-radius:13px;background:#ed29391a;font:700 15px 'Space Grotesk';color:var(--red2);box-shadow:0 5px 22px #ed29391c}.brand-copy b{display:block;font:700 15px 'Space Grotesk'}.brand-copy i,footer i{font-style:normal;color:var(--red2)}.brand-copy small{display:block;color:#7f8795;font-size:8px;letter-spacing:.18em;margin-top:3px}nav{display:flex;gap:7px}.nav-btn{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:30px;font-size:12px;font-weight:700;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:#ed29391c;color:var(--red2)}.telegram{padding:11px 16px;border:1px solid #ed293977;border-radius:30px;color:var(--red2);text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.07em}.menu{display:none;background:none;border:0;color:white;font-size:22px}main{max-width:1440px;margin:auto;padding:0 5.5%}.hero{min-height:510px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:60px 0 90px;z-index:2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;color:#ff727e}.pulse,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #ed293922;margin-right:9px;vertical-align:1px}.hero h1{font:700 clamp(48px,6.6vw,88px)/.98 'Space Grotesk';letter-spacing:-.065em;margin:23px 0}.hero h1 em,.section-head h2 em,.bottom-banner h2 em{font-style:normal;color:var(--red2)}.hero p{max-width:430px;color:var(--muted);line-height:1.8;font-size:14px}.hero-cta{margin-top:22px;padding:14px 19px;border:0;border-radius:8px;background:linear-gradient(110deg,#ed2939,#a70e22);color:white;font-size:10px;font-weight:900;letter-spacing:.1em;box-shadow:0 10px 30px #ed293933;cursor:pointer}.hero-cta span{font-size:17px;margin-left:12px}.hero-visual{height:400px;position:relative;display:grid;place-items:center;perspective:800px}.cricket-ball{width:205px;height:205px;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,#ff7b83 0,#d92136 24%,#75101f 68%,#21070d 100%);box-shadow:inset -22px -24px 35px #0009,inset 7px 7px 15px #ffffff33,0 35px 70px #000b;transform:rotate(-24deg);animation:levitate 6s ease-in-out infinite}.cricket-ball:before,.cricket-ball:after{content:'';position:absolute;width:2px;height:175px;left:50%;top:15px;background:repeating-linear-gradient(to bottom,#ffe1df 0 5px,transparent 5px 10px);border-radius:50%;transform:rotate(32deg);opacity:.85}.cricket-ball:after{transform:rotate(-32deg)}.orbit{position:absolute;border:1px solid #ed293944;border-radius:50%;transform:rotateX(67deg) rotateZ(-24deg)}.orbit-one{width:410px;height:290px}.orbit-two{width:330px;height:225px;transform:rotateX(67deg) rotateZ(25deg);border-color:#f3c96a33}.visual-tag,.visual-index{position:absolute;color:#9da3b0;font-size:9px;letter-spacing:.2em}.visual-tag{right:2%;top:28px;color:#ff7782}.visual-index{left:8%;bottom:22px}.hero-foot{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:space-between;color:#727987;font-size:8px;letter-spacing:.17em}.matches-section{padding:65px 0 75px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h2,.bottom-banner h2{font:700 42px 'Space Grotesk';letter-spacing:-.05em;margin:9px 0}.subline{margin:0;color:var(--muted);font-size:12px}.refresh-box{display:flex;align-items:center;gap:8px;color:#a5adba;font-size:9px;letter-spacing:.12em}.refresh-box .live-dot{background:#57d99a;box-shadow:0 0 0 5px #57d99a1c}.refresh-box button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:#ffffff08;color:white;font-size:18px;cursor:pointer}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:28px 0 18px;padding-bottom:13px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:7px}.filter{padding:9px 14px;border:1px solid var(--line);border-radius:5px;background:#ffffff05;color:#aab1bf;font-size:9px;font-weight:800;letter-spacing:.1em;cursor:pointer}.filter b{margin-left:8px;color:#77808e}.filter.active{background:#ed29391c;border-color:#ed293966;color:#ff7782}.filter.active b{color:#ff7782}.updated{font-size:9px;color:#747d8a;letter-spacing:.1em}.match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.match-card{min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#171b24,#0e1117);cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 10px 35px #0003}.match-card:hover{transform:translateY(-5px);border-color:#ed293966;box-shadow:0 18px 45px #0007}.card-art{height:155px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,#6b1c2b,#181a25 55%,#0d1118)}.card-art img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.45}.art-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0c11aa,#0a0c1144),linear-gradient(0deg,#11141b,transparent 70%)}.competition{position:absolute;left:15px;top:15px;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d5d9e2;font-size:9px;font-weight:700;letter-spacing:.12em}.status{position:absolute;right:13px;top:13px;padding:6px 9px;border-radius:4px;background:#ffffff12;color:#d8dce5;font-size:8px;font-weight:900;letter-spacing:.1em}.status.live{background:#ed2939;color:white;box-shadow:0 4px 15px #ed293955}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:white;margin-right:5px;animation:blink 1.2s infinite}.card-watermark{position:absolute;right:16px;bottom:-22px;color:#ffffff0b;font:700 110px 'Space Grotesk'}.card-info{padding:17px}.match-title{min-height:43px;font:700 17px/1.25 'Space Grotesk'}.match-meta{display:flex;align-items:center;gap:8px;margin-top:12px;color:#9ba3b3;font-size:10px}.meta-icon{color:#ff7782;font-size:15px}.card-action{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding-top:13px;border-top:1px solid var(--line);color:#ff7782;font-size:9px;font-weight:900;letter-spacing:.13em}.card-action b{font-size:17px}.empty-state,.loading-card{grid-column:1/-1;min-height:180px;border:1px dashed #ffffff22;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--muted);text-align:center}.empty-state b,.loading-card b{color:#e5e8ee}.empty-state span,.loading-card small{font-size:11px}.empty-state button{margin-top:6px;padding:10px 15px;background:#ed29391c;border:1px solid #ed293955;border-radius:5px;color:#ff7b86;font-size:9px;font-weight:800;cursor:pointer}.loader{width:25px;height:25px;border:2px solid #ffffff22;border-top-color:var(--red2);border-radius:50%;animation:spin .8s linear infinite}.bottom-banner{display:flex;align-items:center;justify-content:space-between;padding:40px 7%;margin:0 0 70px;border:1px solid #ed293933;border-radius:16px;background:radial-gradient(circle at 90% 30%,#4c111d,#16131a 50%,#101219)}.bottom-banner h2{margin-bottom:0}.banner-orb{width:115px;height:115px;display:grid;place-items:center;border:1px solid #ed293977;border-radius:50%;color:#ff7782;font:700 34px 'Space Grotesk';box-shadow:inset 0 0 30px #ed29391c,0 0 35px #ed293922}footer{min-height:76px;border-top:1px solid var(--line);padding:22px 5.5%;display:flex;justify-content:space-between;align-items:center;color:#7f8795;font-size:10px}footer>b{font:700 14px 'Space Grotesk';color:white}.modal{display:none;position:fixed;inset:0;z-index:50;background:#000d;backdrop-filter:blur(12px);padding:20px;align-items:center;justify-content:center}.modal.open{display:flex}.modal-panel{width:min(100%,980px);padding:18px;border:1px solid #ffffff22;border-radius:15px;background:#10131a;box-shadow:0 30px 100px #000b}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 15px}.modal-head h3{font:700 21px 'Space Grotesk';margin:6px 0}.modal-head small{color:var(--muted);font-size:9px;letter-spacing:.12em}.modal-head>button{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;background:#ffffff08;color:white;cursor:pointer}.player-frame{aspect-ratio:16/9;background:#050609;border:1px solid #ffffff16;border-radius:9px;overflow:hidden;display:grid;place-items:center}.player-frame iframe{width:100%;height:100%;border:0}.player-message{display:flex;align-items:center;flex-direction:column;gap:10px;padding:20px;text-align:center}.player-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #ed293977;border-radius:50%;color:#ff7782;font-size:20px}.player-message b{font:700 16px 'Space Grotesk'}.player-message span{max-width:430px;color:var(--muted);font-size:11px;line-height:1.7}.player-foot{display:flex;justify-content:space-between;padding:12px 2px 0;color:#77808e;font-size:8px;letter-spacing:.12em}body.modal-open{overflow:hidden}@keyframes levitate{50%{transform:translateY(-12px) rotate(-17deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.25}}@media(max-width:900px){.match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{transform:scale(.85)}}@media(max-width:650px){.topbar{height:66px;padding:0 4%}.brand-mark{width:37px;height:37px}.brand-copy b{font-size:13px}.topbar nav{display:none;position:absolute;top:65px;left:0;right:0;padding:12px;background:#0b0d13;border-bottom:1px solid var(--line);justify-content:center}.topbar nav.show{display:flex}.menu{display:block;margin-left:8px}.telegram{margin-left:auto;padding:9px 11px;font-size:9px}main{padding:0 4%}.hero{display:block;min-height:600px;padding-top:45px}.hero-copy{padding:0}.hero h1{font-size:58px}.hero-visual{height:260px;transform:scale(.75);margin-top:-5px}.hero-foot{font-size:7px}.section-head{display:block}.refresh-box{margin-top:20px}.matches-section{padding-top:48px}.filter-row{align-items:flex-start;gap:12px;flex-direction:column}.match-grid{grid-template-columns:1fr;gap:13px}.card-art{height:170px}.bottom-banner{padding:28px 22px;margin-bottom:45px}.bottom-banner h2{font-size:34px}.banner-orb{width:80px;height:80px;font-size:25px}footer{padding:20px 4%;flex-wrap:wrap;gap:12px}.player-foot{gap:10px;flex-wrap:wrap}.modal{padding:10px}.modal-panel{padding:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.server-picker{width:100%;padding:18px}.server-picker p{margin:0 0 12px;color:#ff7782;font-size:10px;font-weight:900;letter-spacing:.15em}.server-buttons{display:flex;flex-wrap:wrap;gap:9px}.server-choice{padding:11px 14px;border:1px solid #ffffff22;border-radius:8px;background:#171b24;color:#fff;font-weight:800;cursor:pointer}.server-choice small{display:block;margin-top:3px;color:#9ba3b3;font-size:9px}.server-choice.active{border-color:#ed2939;color:#ff7782}.server-picker .player-message{padding:20px 5px}