/* ========================================================= NEON CYBER POP THEME OVERRIDE Class tetap sama | struktur tetap sama | animasi ringan ========================================================= */ :root { --neon-blue: #00eaff; --neon-cyan: #67f7ff; --neon-magenta: #ff2bd6; --neon-pink: #ff66eb; --neon-violet: #8c5bff; --neon-purple: #5d37ff; --bg-main: #070b18; --bg-deep: #0a1022; --bg-card: rgba(10, 16, 34, 0.88); --bg-soft: rgba(255, 255, 255, 0.04); --text-main: #f3f7ff; --text-soft: #b7c2dc; --text-dim: #90a0c4; --border-glow: rgba(103, 247, 255, 0.22); --shadow-blue: 0 0 18px rgba(0, 234, 255, 0.14); --shadow-pink: 0 0 22px rgba(255, 43, 214, 0.14); --shadow-violet: 0 0 22px rgba(140, 91, 255, 0.16); --grad-primary: linear-gradient(135deg, var(--neon-blue) 0%, var(--neon-magenta) 52%, var(--neon-violet) 100%); --grad-panel: linear-gradient(135deg, rgba(8, 14, 30, 0.96) 0%, rgba(20, 11, 35, 0.94) 100%); --grad-soft: linear-gradient(135deg, rgba(103,247,255,0.10) 0%, rgba(255,43,214,0.08) 50%, rgba(140,91,255,0.10) 100%); --grad-button: linear-gradient(135deg, #00ebff 0%, #3f79ff 28%, #9d4dff 68%, #ff4cda 100%); --grad-button-hover: linear-gradient(135deg, #79f8ff 0%, #6a96ff 28%, #b574ff 68%, #ff79e8 100%); } /* ---------- ANIMASI RINGAN ---------- */ @keyframes softPulse { 0%, 100% { box-shadow: 0 0 0 rgba(0,0,0,0); } 50% { box-shadow: 0 0 20px rgba(103, 247, 255, 0.10); } } @keyframes floatLite { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } } @keyframes glowSlide { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } /* ---------- TICKER ---------- */ .tickercontainer { margin: 0; padding: 0; overflow: hidden; text-align: center; border-radius: 14px; background: linear-gradient(135deg, rgba(7,11,24,0.95), rgba(18,10,31,0.92)); border: 1px solid rgba(103, 247, 255, 0.12); box-shadow: 0 12px 28px rgba(0,0,0,0.22); } .tickercontainer .mask { position: relative; width: 100%; overflow: hidden; } ul.newsticker { position: relative; list-style-type: none; margin: 0; padding: 8px 12px; overflow: hidden; display: flex; align-items: center; gap: 0; } ul.newsticker li { margin: 0; font-size: 12px; color: var(--text-soft); padding: 0 25px 0 0; white-space: nowrap; text-shadow: 0 0 8px rgba(103, 247, 255, 0.08); } ul.er-controls { list-style: none; display: inline-flex; padding: 0; gap: 6px; } ul.er-controls>li { display: inline-block; padding: 0 12px; background: rgba(255,255,255,0.06); margin: 5px 0; border-radius: 999px; height: 38px; line-height: 38px; color: var(--text-main); border: 1px solid rgba(103,247,255,0.14); transition: all .25s ease; } ul.er-controls>li:hover { background: var(--grad-soft); cursor: pointer; color: #fff; box-shadow: var(--shadow-blue); } /* ---------- PROGRESSIVE JACKPOT ---------- */ .progressive-jackpot { background: radial-gradient(circle at 20% 50%, rgba(0,234,255,0.15), transparent 35%), radial-gradient(circle at 80% 45%, rgba(255,43,214,0.14), transparent 30%), linear-gradient(135deg, #091224 0%, #140d25 100%); background-size: cover; display: flex; justify-content: flex-end; align-items: center; border-radius: 24px; border: 1px solid rgba(103,247,255,0.14); box-shadow: var(--shadow-blue), var(--shadow-violet); overflow: hidden; } .progressive-jackpot .jackpot-play { width: min(220px, 15vw); height: auto; filter: drop-shadow(0 0 10px rgba(255, 43, 214, 0.15)); animation: floatLite 3.8s ease-in-out infinite; } .progressive-jackpot .jackpot-container { font-family: "advanced_dot_digital7"; color: var(--text-main); font-size: min(1.25vw, 24px); width: 73%; text-align: center; letter-spacing: 5px; padding: 0 50px; text-shadow: 0 0 12px rgba(103,247,255,0.12); } .progressive-jackpot .jackpot-currency { color: var(--neon-cyan); margin-right: 20px; text-shadow: 0 0 12px rgba(103,247,255,0.22); } .slot-jackpot-container .progressive-jackpot .jackpot-container { letter-spacing: 1px; font-size: 30px; } [data-browser="safari"] .progressive-jackpot .jackpot-container { transform: translateY(10px); } /* ---------- JACKPOT WINNERS ---------- */ .jackpot-winners { width: 100%; padding: 6px 0; background: linear-gradient(90deg, #0a1225 0%, #13244f 35%, #2a1457 68%, #0b1225 100%); border-radius: 16px; border: 1px solid rgba(103,247,255,0.12); box-shadow: 0 10px 26px rgba(0,0,0,0.20); } .jackpot-winners .jackpot-winner-title { padding: 8px 12px; color: var(--text-main); display: flex; align-items: center; font-weight: 600; letter-spacing: .3px; } .jackpot-winners .jackpot-winner-title [data-icon="trophy"] { display: inline-block; height: 16px; width: 16px; margin-right: 6px; background: center no-repeat; background-image: var(--image-src); background-size: contain; filter: drop-shadow(0 0 6px rgba(255, 43, 214, 0.18)); } .jackpot-winners .winners-ticker-container { margin: 0 6px; height: 70px; overflow: hidden; background: linear-gradient(135deg, rgba(8,14,28,0.96), rgba(18,10,31,0.94)); border-radius: 12px; border: 1px solid rgba(103,247,255,0.10); } .winners-ticker ul { width: 100%; } .winners-ticker ul li { padding: 10px; display: flex; align-items: center; } .winners-ticker ul li img { height: 50px; width: 50px; border-radius: 12px; box-shadow: 0 0 0 1px rgba(255,255,255,0.04); } .winners-ticker ul li .winner-info { color: var(--text-main); font-size: 12px; padding-left: 10px; } .winners-ticker ul li .winner-amount { color: var(--neon-magenta); text-shadow: 0 0 10px rgba(255, 43, 214, 0.16); } /* ---------- ANNOUNCEMENT ---------- */ .announcement-container { background: linear-gradient(135deg, rgba(9,18,39,0.96), rgba(22,10,38,0.94)); color: var(--text-main); border-radius: 16px; margin: 15px 0; padding: 12px 18px; display: flex; justify-content: space-between; border: 1px solid rgba(103,247,255,0.12); box-shadow: 0 12px 28px rgba(0,0,0,0.22); } .announcement-container>[data-section="title"], .announcement-container>[data-section="date"] { display: flex; align-items: center; } .announcement-container>[data-section="announcements"] { width: 60%; background: rgba(255,255,255,0.03); overflow: hidden; border-radius: 12px; border: 1px solid rgba(255,255,255,0.04); } .announcement-container [data-icon="announcement"] { display: inline-block; height: 30px; width: 30px; background: center no-repeat; background-image: var(--image-src); background-position: -5px -151px; margin-right: 6px; filter: drop-shadow(0 0 8px rgba(103,247,255,0.15)); } .announcement-container .announcement-list li { padding: 7px 12px; color: var(--text-soft); } /* ---------- BANNER ---------- */ .banner, .banner .slick-slide img { background: #040817; aspect-ratio: 1920/613; } .banner { border-radius: 22px; overflow: hidden; box-shadow: 0 18px 36px rgba(0,0,0,0.26); border: 1px solid rgba(103,247,255,0.10); } .banner .carousel-indicators li { display: inline-block; border-radius: 100px; width: 10px; height: 10px; margin: 1px 4px; text-indent: -999px; cursor: pointer; background-color: transparent; border: 1px solid rgba(255,255,255,0.7); transition: all .25s ease; } .banner .carousel-indicators .active, .banner .carousel-indicators .slick-active { background: var(--grad-primary); border-color: transparent; box-shadow: 0 0 12px rgba(103,247,255,0.22); } /* ---------- HOME INFO / TELEGRAM ---------- */ .home-info-container, .telegram-banner-container { background: linear-gradient(135deg, rgba(7,11,24,0.98), rgba(18,9,32,0.94)); border-bottom: 1px solid rgba(103,247,255,0.16); border-radius: 18px; } .telegram-banner-container { padding: 20px 0; border: 1px solid rgba(103,247,255,0.12); } .telegram-banner-container img { width: 100%; border-radius: 14px; } /* ---------- DOWNLOAD APK ---------- */ .download-apk-container { background: var(--image-src); background-size: cover; overflow: hidden; border-radius: 22px; position: relative; } .download-apk-container::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(6,11,24,0.78), rgba(18,10,32,0.58)); pointer-events: none; } .download-apk { position: relative; z-index: 1; display: flex; align-items: center; font-family: Arial; color: var(--text-main); } .download-apk>div { flex-basis: 50%; opacity: 0; transition: all .8s ease; } .download-apk>div:nth-child(1) { transform: translateX(-60px); } .download-apk>div:nth-child(2) { transform: translateX(60px); } .download-apk .h2 { font-family: Arial; text-transform: uppercase; font-weight: 200; font-size: 35px; margin: 0; color: #fff; } .download-apk .h2>strong { display: block; font-weight: 700; text-align: justify; background-image: var(--grad-primary); -webkit-background-clip: text; background-clip: text; color: transparent; } .download-apk h3 { font-weight: 600; font-size: 25px; margin: 0; color: var(--text-main); } .download-apk-section i { color: var(--neon-cyan); font-style: normal; display: block; text-shadow: 0 0 8px rgba(103,247,255,0.16); } .download-apk .btn { color: #fff; font-weight: 700; display: block; padding: 7px 14px; border-radius: 999px; text-align: center; background: var(--grad-button); border: none; box-shadow: 0 10px 22px rgba(0,0,0,0.22), 0 0 16px rgba(103,247,255,0.12); transition: all .25s ease; } .download-apk .btn:hover { color: #fff; background: var(--grad-button-hover); transform: translateY(-1px); } /* ---------- POPULAR GAMES ---------- */ .popular-games { display: flex; background: radial-gradient(circle at top right, rgba(255,43,214,0.12), transparent 30%), radial-gradient(circle at left center, rgba(0,234,255,0.12), transparent 26%), linear-gradient(135deg, #071022 0%, #140c25 100%); margin-bottom: 25px; border-radius: 22px; padding: 10px; border: 1px solid rgba(103,247,255,0.10); box-shadow: 0 16px 32px rgba(0,0,0,0.24); } .popular-games .jackpot-winners .winners-ticker-container { height: 140px; } .popular-games [data-section="left"] { display: flex; flex-direction: column; justify-content: space-between; margin-right: 12px; } .popular-games [data-section="left"] .section-title { font-size: 19px; background: linear-gradient(135deg, rgba(103,247,255,0.12), rgba(255,43,214,0.10), rgba(140,91,255,0.14)); color: var(--text-main); height: 55px; display: flex; justify-content: center; align-items: center; border-radius: 14px; border: 1px solid rgba(103,247,255,0.10); backdrop-filter: blur(4px); } .popular-games [data-section="left"] [data-icon="play"] { display: inline-block; height: 20px; width: 20px; background: center no-repeat; background-image: var(--image-src); background-position: -8px -335px; margin-right: 6px; filter: drop-shadow(0 0 6px rgba(255,43,214,0.15)); } .popular-games [data-section="right"] { width: 455px; } .popular-games .nav-tabs>li>a { background-color: rgba(255,255,255,0.04); padding: 4px 10px; margin: 3px 2px; border-radius: 999px; color: var(--text-soft); transition: all .22s ease; } .popular-games .nav-tabs>li>a, .popular-games .nav-tabs>li.active>a, .popular-games .nav-tabs>li.active>a:hover, .popular-games .nav-tabs>li.active>a:focus { border: none; } .popular-games .nav-tabs>li.active>a, .popular-games .nav-tabs>li>a:hover { background: var(--grad-soft); color: var(--text-main); box-shadow: 0 0 14px rgba(103,247,255,0.10); } .popular-games .scrtabs-tab-scroll-arrow { background: rgba(255,255,255,0.05); border: 1px solid rgba(103,247,255,0.10); color: #fff; border-radius: 10px; } .popular-games .animated-image { position: absolute; top: 0; right: 0; height: 100%; animation-duration: 1s; animation-name: fade-in-right-animation; animation-fill-mode: both; pointer-events: none; opacity: .85; } @keyframes fade-in-right-animation { 0% { opacity: 0; transform: translateX(-30px); } 100% { opacity: .85; transform: translateX(0); } } .popular-games .tab-pane { background: linear-gradient(135deg, rgba(7,13,28,0.98), rgba(18,10,31,0.95)); border-radius: 14px; } .popular-games .tab-content { border: 1px solid rgba(103,247,255,0.12); margin-top: 6px; border-radius: 16px; overflow: hidden; } .popular-games .popular-game-list { display: flex; flex-wrap: wrap; padding: 10px 15px; position: relative; z-index: 1; } .popular-games .popular-game-list .game-item { width: calc(100% / 3); padding: 6px; } .popular-games .popular-game-list .game-wrapper { position: relative; padding-top: 100%; border-radius: 16px; overflow: hidden; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.04); transition: transform .22s ease, box-shadow .22s ease; } .popular-games .popular-game-list .game-item:hover .game-wrapper { transform: translateY(-2px); box-shadow: 0 14px 26px rgba(0,0,0,0.24), 0 0 16px rgba(140,91,255,0.10); } .popular-games .popular-game-list img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .popular-games .popular-game-list .link-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: .35s ease; opacity: 0; } .popular-games .popular-game-list .link-container a { padding: 7px; width: 80%; border-radius: 999px; } .popular-games .popular-game-list .game-item:hover .link-container { opacity: 1; background: linear-gradient(135deg, rgba(4,10,22,0.78), rgba(20,8,26,0.72)); } /* ---------- HOME GAME LIST ---------- */ .home-game-list-container, .popular-game-title-container { margin-bottom: 15px; } .home-game-list-container .container-title, .popular-game-title-container .container-title { display: flex; justify-content: flex-start; } .home-game-list-container .container-title span, .popular-game-title-container .container-title span { color: #fff; background: linear-gradient(135deg, #0e223d 0%, #30215a 100%); position: relative; text-transform: uppercase; padding: 7px 50px; border-radius: 12px 0 0 12px; border-left: 3px solid var(--neon-cyan); box-shadow: 0 0 16px rgba(103,247,255,0.08); } .home-game-list-container .container-title span:after, .popular-game-title-container .container-title span:after { background: linear-gradient(135deg, #0e223d 0%, #30215a 100%); content: ""; position: absolute; top: 0; right: -10px; width: 24px; height: 100%; transform-origin: 100% 0; transform: skew(25deg); border-radius: 0 8px 8px 0; } .home-game-list-container .container-content, .popular-game-title-container .container-content { background: linear-gradient(135deg, rgba(7,13,28,0.98), rgba(18,10,31,0.95)); border: 1px solid rgba(103,247,255,0.14); padding: 10px; border-radius: 18px; box-shadow: 0 14px 28px rgba(0,0,0,0.20); } .home-game-list-container .container-content .game-list, .popular-game-title-container .container-content .game-list { background-color: transparent; border: 0; padding: 0; margin-bottom: 0; overflow-x: auto; scroll-behavior: smooth; flex-wrap: nowrap; } .home-game-list-container .container-content .game-list .game-item, .popular-game-title-container .container-content .game-list .game-item, .home-game-list-container .container-content .game-list .wrapper-container:hover, .popular-game-title-container .container-content .game-list .wrapper-container:hover { background-color: transparent; } .home-game-list-container .container-content .game-list .game-item, .popular-game-title-container .container-content .game-list .game-item { width: calc((100% - (5px * 6.4 * 2)) / 6.4); flex-shrink: 0; } .home-game-list-container .container-content .game-list .game-item .link-container a, .popular-game-title-container .container-content .game-list .game-item .link-container a { margin: 3px; padding: 6px 4px; border-radius: 999px; } .home-game-list-container .container-content .game-list .game-item img, .popular-game-title-container .container-content .game-list .game-item img { top: 5px; left: 5px; height: calc(100% - 10px); width: calc(100% - 10px); border-radius: 12px; } .home-game-list-container .container-content .game-list .game-item .game-name, .popular-game-title-container .container-content .game-list .game-item .game-name { background-color: transparent; padding: 0; font-size: 12px; color: var(--text-soft); } .home-game-list-container .container-content .game-list .game-item .provider-name, .popular-game-title-container .container-content .game-list .game-item .provider-name { background-color: transparent; padding: 0; font-size: 12px; color: #fff; } .home-game-list-container .container-content .game-list::-webkit-scrollbar, .popular-game-title-container .container-content .game-list::-webkit-scrollbar { height: 9px; } .home-game-list-container .container-content .game-list::-webkit-scrollbar-track, .popular-game-title-container .container-content .game-list::-webkit-scrollbar-track { background: transparent; } .home-game-list-container .container-content .game-list::-webkit-scrollbar-thumb, .popular-game-title-container .container-content .game-list::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--neon-blue), var(--neon-violet)); border-radius: 999px; } .popular-game-title-container .container-content .game-list .games-group { width: calc((100% - 6px * 5) / 6.5); flex-shrink: 0; display: flex; flex-direction: column; gap: 10px; margin: 3px; } .popular-game-title-container .container-content .game-list .games-group .game-item { width: 100%; margin: 0; } /* ---------- HOME JACKPOT SECTION ---------- */ .home-inner-container { display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 40px; margin-top: 15px; } .home-inner-container [data-section="jackpot"] { flex-grow: 1; } .home-progressive-jackpot { background: radial-gradient(circle at 15% 50%, rgba(0,234,255,0.14), transparent 35%), radial-gradient(circle at 85% 40%, rgba(255,43,214,0.13), transparent 28%), linear-gradient(135deg, #091224 0%, #1b102f 100%); border-radius: 30px; color: #fff; padding: 10px; display: flex; border: 1px solid rgba(103,247,255,0.14); box-shadow: var(--shadow-blue), var(--shadow-pink); animation: softPulse 4.8s ease-in-out infinite; } .home-progressive-jackpot .outer-container { display: flex; flex-grow: 1; padding: 10px; background: rgba(0,0,0,0.30); border-radius: 100px; } .home-progressive-jackpot .inner-container { display: flex; flex-grow: 1; padding: 10px; border-radius: 100px; background: linear-gradient(135deg, rgba(103,247,255,0.10), rgba(255,43,214,0.08), rgba(140,91,255,0.12)); } .home-progressive-jackpot .border-container { display: flex; align-items: center; gap: 50px; flex-grow: 1; padding: 10px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.28); border: 2px solid rgba(103,247,255,0.18); } .home-progressive-jackpot .jackpot-container { display: flex; justify-content: center; align-items: center; flex-grow: 2; font-family: "Open24DisplaySt"; font-size: 40px; letter-spacing: 4px; background: linear-gradient(135deg, rgba(103,247,255,0.18), rgba(140,91,255,0.16), rgba(255,43,214,0.14)); border-radius: 70px; padding: 10px; } .home-progressive-jackpot .jackpot-inner-container { background-color: #05080f; display: flex; flex-grow: 2; justify-content: center; border-radius: 50px; padding: 10px; } .home-progressive-jackpot .jackpot-border-container { display: flex; flex-grow: 2; justify-content: center; border-radius: 50px; border: 2px dashed rgba(103,247,255,0.18); line-height: 40px; padding-bottom: 10px; } .home-progressive-jackpot .jackpot-currency { color: var(--neon-cyan); margin-right: 10px; text-shadow: 0 0 12px rgba(103,247,255,0.16); } .home-progressive-jackpot .jackpot-play-section { display: flex; flex-direction: column; align-items: flex-end; margin-left: 20px; } .home-progressive-jackpot .jackpot-play-section .jackpot-play-text { font-family: "gilroybold"; color: var(--neon-magenta); font-size: 30px; text-transform: uppercase; line-height: 1; text-shadow: 0 0 12px rgba(255,43,214,0.14); } .home-progressive-jackpot .jackpot-play-section .jackpot-play-text label { color: var(--neon-cyan); } .home-progressive-jackpot .jackpot-play-section img { height: auto; width: 87px; filter: drop-shadow(0 0 8px rgba(103,247,255,0.14)); } /* ---------- LOTTERY RESULT ---------- */ .lottery-result-container { border-radius: 16px; overflow: hidden; background: linear-gradient(135deg, rgba(8,14,30,0.96), rgba(18,10,31,0.94)); color: #fff; border: 1px solid rgba(103,247,255,0.12); box-shadow: 0 12px 26px rgba(0,0,0,0.20); } .lottery-result-container .lottery-result-title { background: linear-gradient(135deg, rgba(103,247,255,0.12), rgba(140,91,255,0.14)); padding: 5px 0; text-align: center; font-size: 16px; min-height: 28px; margin-top: 0; color: var(--text-main); font-weight: 600; } .lottery-result-container .lottery-result { padding-top: 8px; display: flex; justify-content: center; align-items: center; } .lottery-result-container .lottery-numbers { background: rgba(255,255,255,0.03); border-radius: 10px; margin-left: 10px; padding: 3px; display: flex; flex-wrap: nowrap; border: 1px solid rgba(255,255,255,0.04); } .lottery-result-container .lottery-date { font-size: 12px; padding-top: 6px; text-align: center; color: var(--text-soft); } /* ---------- SPORTS PLATFORM ---------- */ .sports-platform-container { background: var(--image-src); background-size: cover; border-radius: 22px; overflow: hidden; border: 1px solid rgba(103,247,255,0.10); } .sports-platform { display: flex; background: linear-gradient(135deg, rgba(7,11,24,0.80), rgba(18,9,32,0.72)); } .sports-platform [data-section="players"] { width: calc(100% - 800px); display: flex; align-items: flex-end; justify-content: center; } .sports-platform [data-section="matches"] { width: 800px; } .sports-platform-title { color: var(--text-main); display: flex; align-items: center; font-size: 18px; padding: 10px 5px; margin-top: 30px; letter-spacing: .3px; } .sports-platform-title [data-icon="play"] { display: inline-block; height: 20px; width: 20px; background: center no-repeat; background-image: var(--image-src); background-position: -8px -335px; margin-right: 6px; filter: drop-shadow(0 0 6px rgba(255,43,214,0.14)); } .sports-platform-title span { font-size: 14px; color: var(--text-soft); } .sports-matches-container { background: linear-gradient(135deg, rgba(8,14,30,0.96), rgba(18,10,31,0.94)); padding: 12px; display: flex; border-radius: 18px; border: 1px solid rgba(103,247,255,0.12); box-shadow: 0 14px 28px rgba(0,0,0,0.22); } .sports-matches-container>div { flex: 1; } .sports-matches-container .hot-match-container+.hot-match-container { margin-top: 10px; } .sport-matches { margin: 0; padding-left: 10px; } .sport-match-item { background: linear-gradient(135deg, rgba(12,28,58,0.96), rgba(34,16,62,0.92)); color: #fff; display: flex; min-height: 68px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(103,247,255,0.10); transition: transform .22s ease, box-shadow .22s ease; } .sport-match-item:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(0,0,0,0.22), 0 0 14px rgba(103,247,255,0.08); } .sport-match-item+.sport-match-item { margin-top: 10px; } .sport-match-item:nth-child(even) { background: linear-gradient(135deg, rgba(16,22,60,0.96), rgba(25,15,53,0.92)); } .sport-match-item .match-date { flex-basis: 25%; font-size: 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(255,255,255,0.03); } .sport-match-item .match-date>span { font-size: 22px; color: var(--neon-cyan); text-shadow: 0 0 10px rgba(103,247,255,0.14); } .sport-match-item .match-info-container { flex-basis: 75%; background: rgba(0,0,0,0.16); display: flex; justify-content: space-between; } .sport-match-item .match-info-container [data-team] { flex-basis: 18%; display: flex; align-items: center; } .sport-match-item .match-info-container [data-team="home"] { justify-content: flex-end; } .sport-match-item .match-info-container [data-team="away"] { justify-content: flex-start; } .sport-match-item .match-info-container img { height: 40px; width: 40px; filter: drop-shadow(0 0 6px rgba(255,255,255,0.08)); } .sport-match-item .match-info { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 12px; } .sport-match-item .match-teams { width: 100%; display: flex; justify-content: space-between; } .sport-match-item .match-teams>div { flex-basis: 40%; display: flex; justify-content: center; align-items: center; } .sport-match-item .match-teams>span { font-size: 20px; color: var(--neon-cyan); text-shadow: 0 0 10px rgba(103,247,255,0.18); } /* ---------- RESPONSIVE PERFORMANCE SAFE ---------- */ @media (max-width: 768px) { .popular-games, .sports-platform, .home-inner-container { display: block; } .popular-games [data-section="right"], .sports-platform [data-section="matches"], .sports-platform [data-section="players"] { width: 100%; } .sport-match-item:hover, .popular-games .popular-game-list .game-item:hover .game-wrapper, .download-apk .btn:hover { transform: none; } }