.tab-scroll-container {
position: relative;
width: 100%;
overflow: hidden;
}
#marketTypeTabs {
display: inline-flex;
flex-wrap: nowrap;
width: max-content;
margin: 0;
scrollbar-width: none;
-ms-overflow-style: none;
overflow-x: auto;
overflow-y: hidden;
}
#marketTypeTabs::-webkit-scrollbar {
display: none;
}
#marketTypeTabs:active {
cursor: grabbing;
}
#marketTypeTabs .nav-link {
border: none;
color: #555;
position: relative;
background: transparent;
}
#marketTypeTabs .nav-link:hover {
color: #000;
border: none;
}
#marketTypeTabs .nav-link.active {
color: var(--true-black);
background: transparent;
border: none;
}
#marketTypeTabs .nav-link.active::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background-color: #ff0000;
border-radius: 10px 10px 0 0;
}
.nav-tabs .nav-link {
border: none;
border-bottom: 2px solid transparent;
}
.nav-tabs .nav-link.active {
border: none;
border-bottom: 2px solid #0d6efd;
color: #0d6efd;
}
.bulletin-tab-arrow {
position: absolute;
top: 8px;
bottom: 0;
width: 32px;
height: 15px;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
cursor: pointer;
background: #fff;
}
.left-arrow {
left: 0;
background: linear-gradient(to right, white 70%, rgba(255, 255, 255, 0));
}
.right-arrow {
right: 0;
background: linear-gradient(to left, white 70%, rgba(255, 255, 255, 0));
}
.filter-dropdown-menu {
position: absolute;
top: calc(100% + 4px);
left: 0;
min-width: 75px;
background: var(--base-white);
border-radius: 6px;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
z-index: 1000;
padding: 0 0;
}
.filter-dropdown-item {
padding: 6px 12px;
cursor: pointer;
}
.filter-dropdown-item:hover {
background-color: var(--secondary-line);
}
.filter-dropdown-arrow {
transition: transform 160ms ease;
}
.filter-dropdown-arrow.open {
transform: rotate(180deg);
}
.display-type-text-wrapper {
position: relative;
width: 80px;
overflow: hidden;
text-align: center;
}
#displayTypeText {
display: inline-block;
white-space: nowrap;
transition: transform 180ms ease, opacity 180ms ease;
}
#displayTypeText.slide-left {
transform: translateX(-120%);
opacity: 0;
}
#displayTypeText.slide-right {
transform: translateX(120%);
opacity: 0;
}
.bulletin-search {
position: absolute;
top: calc(100% + 4px);
left: 0;
min-width: 75px;
background: var(--base-white);
border-radius: 6px;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
z-index: 1000;
font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(0.75rem, 0.85vw, 0.8125rem);
line-height: 1.2;
color: var(--true-black);
border: none;
}
.bulletin-search::placeholder {
font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(0.75rem, 0.85vw, 0.8125rem);
line-height: 1.2;
color: var(--medium-gray);
}
.bulletin-comp-list {
overflow-y: auto;
max-height: 460px;
padding-right: 4px;
}
.setting-checkbox {
width: 30px;
height: 30px;
background: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
padding: 2px;
cursor: pointer;
}
.setting-checked {
width: 100%;
height: 100%;
background-color: var(--primary-color);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
}
.setting-checked img {
width: 12px;
height: 12px;
}
.comp-search-popup {
top: calc(100% + 15px);
left: 0;
z-index: 1000;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
max-height: 600px;
}
@media (max-width: 575px) {
.comp-search-popup {
min-width: unset !important;
width: calc(100vw - 2rem);
left: auto;
right: 0;
}
.bulletin-search {
left: auto;
right: 0;
min-width: 160px;
max-width: calc(100vw - 2rem);
}
}
.bulletin-comp-search {
border: none;
}
.bulletin-comp-search::placeholder {
font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(0.75rem, 0.85vw, 0.8125rem);
line-height: 1.2;
color: var(--reading-gray);
}
.search-div {
transition: transform 180ms ease, background-color 180ms ease;
}
.search-div img {
transition: transform 180ms ease, filter 180ms ease;
}
.search-div.active {
background-color: var(--primary-color);
}
.search-div.active img {
filter: brightness(0) invert(1);
}
.filter-div {
transition: transform 180ms ease, background-color 180ms ease;
}
.filter-div.active {
background-color: var(--primary-color);
}
filter-comp img {
transition: transform 180ms ease, filter 180ms ease;
}
#filter-comp img.active {
filter: brightness(0) invert(1);
}
.bulletin-comp-filter {
cursor: default !important;
}
.bulletin-date-input {
position: fixed;
opacity: 0;
pointer-events: none;
height: 1px;
width: 1px;
top: -9999px;
left: -9999px;
}
.flatpickr-calendar {
}
.flatpickr-calendar .numInputWrapper {
font-family: "Barlow", sans-serif !important;
font-weight: 600 !important;
font-style: normal !important;
font-size: clamp(0.875rem, 1vw, 0.9375rem) !important;
line-height: 1.2 !important;
color: var(--true-black) !important;
}
.flatpickr-monthDropdown-months {
font-family: "Barlow", sans-serif !important;
font-weight: 600 !important;
font-style: normal !important;
font-size: clamp(0.875rem, 1vw, 0.9375rem) !important;
line-height: 1.2 !important;
color: var(--true-black) !important;
}
.flatpickr-monthDropdown-month {
font-family: "Barlow", sans-serif;
font-weight: 600;
font-style: normal;
font-size: clamp(0.75rem, 0.85vw, 0.8125rem);
line-height: 1.2;
color: var(--true-black);
}
.flatpickr-weekday {
font-family: "Barlow", sans-serif !important;
font-weight: 600 !important;
font-style: normal !important;
font-size: clamp(0.6875rem, 0.85vw, 0.75rem) !important;
line-height: 1.2 !important;
color: var(--true-black) !important;
}
.flatpickr-day {
font-family: "Open Sans", sans-serif !important;
font-weight: 500 !important;
font-size: clamp(0.8125rem, 0.95vw, 0.875rem) !important;
color: var(--true-black) !important;
}
.flatpickr-day.flatpickr-disabled {
color: rgba(57,57,57,0.1) !important;
}
.flatpickr-day.selected {
background: var(--primary-color) !important;
border-color: var(--primary-color) !important;
}
.flatpickr-day.today {
border-color: var(--primary-color) !important;
}
.flatpickr-day.today:hover {
background: rgb(217, 70, 70, 0.2) !important;
}
.flatpickr-day:hover {
background: rgb(217, 70, 70, 0.2);
border-color: rgb(217, 70, 70, 0.2) !important;
}
.game-card {
border-radius: 10px;
padding: 12px 28px 12px;
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
overflow: hidden;
min-height: 170px;
}
.game-card-dark { background: var(--game-bg-dark); color: var(--game-white); }
.game-card-collector_game { background: transparent linear-gradient(251deg, var(--game-card-collector-violet) 0%, var(--game-card-collector-yellow) 52%, var(--game-card-collector-blue) 100%) 0% 0% no-repeat padding-box; color: var(--game-black); }
.game-card-lineup_game { background: transparent linear-gradient(251deg, var(--game-card-lineup-purple) 0%, var(--offside-black) 100%) 0% 0% no-repeat padding-box; color: var(--game-white); }
.game-card-reporter_game { background: transparent linear-gradient(251deg, var(--primary-color) 0%, var(--game-card-reporter-red-e) 100%) 0% 0% no-repeat padding-box; color: var(--game-white); }
.game-card-mom_game { background: transparent linear-gradient(251deg, var(--game-card-mom-yellow-s) 0%, var(--game-card-mom-yellow-e) 100%) 0% 0% no-repeat padding-box; color: var(--game-black); }
.game-card-pow_game { background: transparent linear-gradient(251deg, var(--game-card-pow-blue-s) 0%, var(--game-card-pow-blue-e) 100%) 0% 0% no-repeat padding-box; color: var(--game-white); }
.game-card-scoremaster_game { background: transparent linear-gradient(251deg, var(--game-card-sm-purple-s) 0%, var(--game-card-sm-purple-e) 100%) 0% 0% no-repeat padding-box; color: var(--game-white); }
.game-card-pot_game { background: transparent linear-gradient(251deg, var(--game-card-pot-green-s) 0%, var(--game-card-pot-green-e) 100%) 0% 0% no-repeat padding-box; color: var(--game-black); }
.game-card-gift_code { background: transparent linear-gradient(251deg, var(--game-card-gift-purple-s) 0%, var(--game-card-gift-purple-e) 100%) 0% 0% no-repeat padding-box; color: var(--game-white); }
.game-card-xi_game { background: transparent linear-gradient(251deg, var(--game-card-xi-pink-s) 0%, var(--game-card-xi-pink-e) 100%) 0% 0% no-repeat padding-box; color: var(--game-white); }
.game-card-logo {
position: absolute;
right: 54px;
top: 16px;
width: 80px;
height: 80px;
object-fit: contain;
pointer-events: none;
user-select: none;
z-index: 1;
}
.game-card-title { font: 700 18px/24px Barlow, sans-serif; margin: 0; max-width: 60%; }
.game-card-desc { font: 400 13px/20px Barlow, sans-serif; opacity: 0.85; margin: 0; max-width: 60%; }
.game-card-stats { font: 600 12px/18px Barlow, sans-serif; opacity: 0.75; margin: 0; }
.game-card-stats strong { font-weight: 700; opacity: 1; }
.game-card-footer { display: flex; align-items: flex-end; justify-content: space-between; margin-top: auto; gap: 12px; flex-wrap: wrap; }
.game-btn-light {
background: var(--game-white);
color: var(--game-black);
border: none;
border-radius: 30px;
padding: 8px 20px;
font: 700 13px/20px Barlow, sans-serif;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
display: inline-block;
transition: opacity .15s;
width: 138px;
text-align: center;
}
.game-btn-light:hover { opacity: 0.85; color: var(--game-black); }
.game-btn-dark {
background: var(--game-black-soft);
color: var(--game-white);
border: none;
border-radius: 30px;
padding: 8px 20px;
font: 700 13px/20px Barlow, sans-serif;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
display: inline-block;
transition: opacity .15s;
}
.game-btn-dark:hover { opacity: 0.85; color: var(--game-white); }
.cg-container { background: var(--game-bg-colgame); border-radius:16px; overflow:hidden; position:relative; min-height:802px; font-family:Barlow,sans-serif; }
.cg-zone-top,.cg-zone-bottom,.cg-zone-left,.cg-zone-right,.cg-card-wrap { position:absolute; overflow:hidden; pointer-events:none; user-select:none; }
.cg-zone-top { top:0; left:0; right:0; height:50%; }
.cg-zone-bottom { bottom:0; left:0; right:0; height:50%; }
.cg-zone-left { top:0; left:0; bottom:0; width:50%; }
.cg-zone-right { top:0; right:0; bottom:0; width:50%; }
.cg-title { position:absolute; top:37%; left:50%; transform:translate(-50%,calc(-50% - 210px)); z-index:10; text-transform:uppercase; color:var(--game-white); white-space:nowrap; pointer-events:none; user-select:none; text-align:center; font:900 48px/54px Barlow; }
.cg-card-wrap { position:absolute; top:43%; left:50%; transform:translate(-50%,-50%); z-index:10; display:flex; flex-direction:column; align-items:center; gap:12px; }
.cg-card { width:210px; display:block; }
.cg-text { color: var(--game-white); }
.cg-badges { display:flex; flex-wrap:nowrap; gap:6px; }
.cg-badge { position:relative; display:inline-flex; align-items:center; justify-content:center; min-width:45px; height:28px; }
.cg-badge img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; }
.cg-badge span { position:relative; z-index:1; padding:0 12px; font:700 13px/1 Barlow,sans-serif; color:var(--game-white); letter-spacing:.02em; white-space:nowrap; }
.cg-zone-top img { position:absolute; left:50%; top:30%; height:auto; width:100%; opacity:0; }
.cg-zone-bottom img { position:absolute; left:50%; top:70%; height:auto; width:500px; opacity:0; }
.cg-zone-left img, .cg-zone-right img { position:absolute; top:50%; left:50%; height:100%; width:auto; opacity:0; }
.cg-bottom-container-group { display:flex; align-items:center; flex-direction:column; padding:20px; position:absolute; top:83%; left:50%; transform:translate(-50%,-50%); z-index:100; }
.cg-bottom-container { display:flex; align-items:center; gap:25px; padding:20px; }
.cg-card-icon { width:45px; height:65px; background:linear-gradient(145deg, var(--game-bg-cg-icon-start), var(--game-bg-cg-icon-end)); border:2px solid var(--game-gold); border-radius:6px; display:flex; justify-content:center; align-items:center; position:relative; }
.cg-card-number { background-color:var(--game-gold); color:var(--game-black-deep); width:22px; height:22px; border-radius:50%; display:flex; justify-content:center; align-items:center; font-weight:bold; font-size:15px; }
.cg-btn-open-packet { background-color:var(--game-accent); color:var(--game-white); border:none; padding:15px 80px; border-radius:50px; font-size:19px; font-weight:600; cursor:pointer; box-shadow:0 0 20px var(--game-accent-glow-sm); transition:transform .2s,box-shadow .2s; text-decoration:none; white-space:nowrap; }
.cg-btn-open-packet:hover { transform:scale(1.03); box-shadow:0 0 30px var(--game-accent-glow-lg); }
.cg-help-circle { width:50px; height:50px; border:2px solid var(--game-bg-cg-icon-start); border-radius:50%; display:flex; justify-content:center; align-items:center; color:var(--game-white); font-size:25px; font-weight:bold; cursor:pointer; transition:background .2s; }
.cg-help-circle:hover { background-color:rgba(255,255,255,.05); }
.cg-menu-nav { display:flex; gap:10px; margin-top:20px; padding:0 20px; }
.cg-nav-item { flex:1; }
.cg-nav-icon-box { width:75px; height:80px; border:2px solid var(--game-bg-cg-icon-start); border-radius:12px; background-color:rgba(255,255,255,.03); position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding-bottom:12px; cursor:pointer; transition:background .3s; }
.cg-nav-icon-box:hover { background-color:rgba(255,255,255,.08); }
.cg-nav-img { position:absolute; bottom:48px; width:55px; height:auto; filter:drop-shadow(0 4px 6px rgba(0,0,0,.5)); }
.cg-nav-text { font-size:14px; font-weight:500; color:var(--game-white); font-family:Barlow,sans-serif; text-align:center; white-space:nowrap; }
.cg-top-badge { position:absolute; top:20px; right:20px; z-index:100; background:linear-gradient(180deg, var(--game-gold-badge-start) 0%, var(--game-gold-badge-end) 100%); display:flex; align-items:center; gap:8px; padding:2px 8px; border-radius:5px; box-shadow:0 4px 10px rgba(0,0,0,.3); border:1px solid rgba(255,255,255,.2); cursor:pointer; }
.cg-top-badge img { width:15px; height:auto; display:block; }
.cg-top-badge span { font:700 11px/21px Barlow; color:var(--game-black); }
.cg-inner-page { padding: 0 16px; }
.cgb-tab-bar { display:flex; border-bottom:2px solid var(--secondary-line); margin-bottom:0; }
.cgb-tab { flex:1; text-align:center; padding:12px 8px; font:600 14px/17px Barlow,sans-serif; color:var(--game-text-muted); cursor:pointer; position:relative; white-space:nowrap; }
.cgb-tab.active { color:var(--game-black-soft); }
.cgb-tab.active::after { content:""; position:absolute; bottom:-2px; left:0; right:0; height:3px; background-color:var(--game-accent); border-radius:2px 2px 0 0; }
.cgb-tab-pane { display:none; }
.cgb-tab-pane.active { display:block; }
.cgb-filter-row { display:flex; align-items:center; gap:10px; padding:12px 0 8px; }
.cgb-filter-select { flex:1; border:1px solid var(--game-border-input); border-radius:8px; padding:8px 12px; font:500 13px/1 Barlow,sans-serif; color:var(--game-text-dark); background:var(--game-filter-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center; -webkit-appearance:none; appearance:none; cursor:pointer; }
.cgb-search-wrap { position:relative; flex:1; }
.cgb-search-input { width:100%; border:1px solid var(--game-border-input); border-radius:8px; padding:8px 36px 8px 12px; font:500 13px/1 Barlow,sans-serif; color:var(--game-text-dark); outline:none; box-sizing:border-box; background:var(--game-filter-white); }
.cgb-search-icon { position:absolute; right:10px; top:50%; transform:translateY(-50%); color:var(--game-text-hint); pointer-events:none; }
.cgb-leaderboard-table { width:100%; border-collapse:collapse; font-family:Barlow,sans-serif; table-layout:fixed; }
.cgb-leaderboard-table thead th { font:600 12px/15px Barlow,sans-serif; color:var(--game-text-muted); padding:6px 8px; text-align:center; border-bottom:1px solid var(--secondary-line); position:sticky; top:0; background:var(--game-filter-white); z-index:1; }
.cgb-leaderboard-table thead th:nth-child(2) { text-align:left; }
.cgb-leaderboard-table tbody tr { border-bottom:1px solid var(--game-border-light); }
.cgb-leaderboard-table tbody td { padding:10px 8px; font:500 13px/16px Barlow,sans-serif; color:var(--game-black-soft); text-align:center; vertical-align:middle; }
.cgb-leaderboard-table tbody td:nth-child(2) { text-align:left; }
.cgb-rank { font:600 13px/16px Barlow,sans-serif; color:var(--game-text-mid); }
.cgb-user-cell { display:flex; align-items:center; gap:8px; min-width:0; overflow:hidden; }
.cgb-table-wrap { overflow-y:auto; overflow-x:hidden; }
.cgb-sortable { cursor:pointer; user-select:none; }
.cgb-sortable:hover { color:var(--game-text-mid) !important; }
.cgb-sort-active { color:var(--game-black-soft) !important; font-weight:700; }
.pow-sortable { cursor:pointer; user-select:none; white-space:nowrap; }
.pow-sortable:hover { color:var(--game-text-mid) !important; }
.pow-sortable.cgb-sort-active { color:var(--game-black-soft) !important; font-weight:700; }
.pow-sort-arrow { font-size:11px; opacity:0.4; }
.pow-sortable.cgb-sort-active .pow-sort-arrow { opacity:1; }
.cgb-avatar-wrap { position:relative; flex-shrink:0; }
.cgb-avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; }
.cgb-verified { position:absolute; bottom:-2px; right:-2px; width:14px; height:14px; }
.cgb-user-info { display:flex; flex-direction:column; gap:1px; min-width:0; }
.cgb-display-name { font:600 13px/16px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cgb-username { font:400 11px/14px Barlow,sans-serif; color:var(--game-text-muted); white-space:nowrap; }
.cgb-earning-cell { display:flex; align-items:center; justify-content:center; gap:4px; }
.cgb-coin-icon { width:16px; height:16px; }
.cgss-card { border-radius:12px; padding:14px; display:flex; gap:12px; cursor:pointer; }
.cgss-left { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:90px; flex-shrink:0; }
.cgss-logo { width:64px; height:64px; object-fit:contain; }
.cgss-name-wrap { text-align:center; }
.cgss-name { display:block; font:700 11px/14px Barlow,sans-serif; color:var(--game-white); }
.cgss-code { display:block; font:500 10px/13px Barlow,sans-serif; color:rgba(255,255,255,.75); }
.cgss-right { flex:1; display:flex; flex-direction:column; justify-content:center; gap:4px; }
.cgss-stat-row { display:flex; justify-content:space-between; align-items:center; }
.cgss-stat-label { font:500 12px/15px Barlow,sans-serif; color:rgba(255,255,255,.85); }
.cgss-stat-value { font:700 13px/16px Barlow,sans-serif; color:var(--game-white); }
.cgss-icons-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:4px 6px; margin-top:6px; }
.cgss-icon-item { display:flex; align-items:center; gap:3px; }
.cgss-icon { width:18px; height:18px; object-fit:contain; }
.cgss-icon-count { font:600 11px/14px Barlow,sans-serif; color:var(--game-white); }
.cgcp-filter-col { display:flex; flex-direction:column; gap:8px; padding:0 0 10px; width:100%; }
.cgcp-filter-col .cgb-search-wrap { width:100%; flex:none; }
.cgcp-table-wrap { overflow-y:auto; overflow-x:hidden; }
.cgcp-card-frame { position:relative; width:52px; height:52px; flex-shrink:0; }
.cgcp-match-logo { position:absolute; width:24px; height:24px; object-fit:contain; }
.cgcp-match-logo-home { top:2px; left:0; }
.cgcp-match-logo-away { bottom:2px; right:0; }
.cgcp-goal-logo { position:absolute; width:24px; height:24px; object-fit:contain; }
.cgcp-goal-logo-home { top:2px; right:0; }
.cgcp-goal-logo-away { bottom:2px; left:0; }
.cgcp-goal-ball { position:absolute; width:20px; height:20px; object-fit:contain; top:50%; left:50%; transform:translate(-50%,-50%); }
.cgcp-logo-faded { opacity:0.25; }
.cgcp-card-frame-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.cgcp-card-img { position:absolute; width:42px; height:42px; border-radius:50%; object-fit:cover; top:50%; left:50%; transform:translate(-50%,-50%); }
.cgcp-card-img-sq { border-radius:0; object-fit:contain; }
.cgcp-card-name { font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); }
.cgcp-card-meta { display:flex; align-items:center; gap:6px; font:500 11px/14px Barlow,sans-serif; color:var(--game-text-muted); margin-top:2px; }
.cgcp-meta-icon { width:14px; height:14px; object-fit:contain; }
.cgcp-meta-sep { color:var(--game-text-faint); }
.cgcp-owner-cell { display:flex; align-items:center; justify-content:center; gap:4px; font:600 13px/16px Barlow,sans-serif; color:var(--game-text-mid); }
.cgcp-owner-btn { background:none; border:1px solid var(--game-border-input); border-radius:6px; padding:3px 8px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:4px; font:600 13px/16px Barlow,sans-serif; color:var(--game-text-dark); width:100%; transition:background .15s; }
.cgcp-owner-btn:hover { background:var(--game-border-light); }
.cgco-asset-row { display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--game-border-subtle); margin-bottom:4px; }
.cgco-asset-info { flex:1; min-width:0; }
.cgco-asset-stats { display:flex; flex-direction:column; align-items:flex-end; gap:4px; flex-shrink:0; }
.cgco-asset-counts { display:flex; align-items:center; gap:6px; font:600 12px/16px Barlow,sans-serif; color:var(--game-text-mid); }
.cgcp-idle-cell { display:flex; flex-direction:column; align-items:flex-end; gap:4px; }
.cgcp-credit { display:flex; align-items:center; gap:3px; font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); }
.cgcp-time-badge { display:flex; align-items:center; gap:4px; color:var(--game-black-soft); font:600 11px/14px Barlow,sans-serif; white-space:nowrap; }
.cgcp-table tbody td:nth-child(1) { text-align: start; }
.cgcp-table tbody td:nth-child(2), .cgcp-table tbody td:nth-child(3) { text-align: center; }
.cgf-wrap { overflow-y:auto; overflow-x:hidden; }
.cgf-feed-item { margin-bottom:20px; }
.cgf-user-row { display:flex; align-items:center; gap:8px; margin-bottom:8px; padding:0 2px; }
.cgf-user-meta { flex:1; min-width:0; }
.cgf-user-name { font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.cgf-user-time { font:400 12px/16px Barlow,sans-serif; color:var(--game-text-light); }
.cgf-user-nick { font:500 11px/14px Barlow,sans-serif; color:var(--game-text-muted); }
.cgf-album-card { border-radius:12px; overflow:hidden; display:flex; min-height:140px; cursor:pointer; }
.cgf-album-left { width:36%; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:12px 8px 10px; position:relative; gap:6px; }
.cgf-serie-badge { position:absolute; top:8px; left:8px; background:rgba(255,255,255,0.2); border-radius:4px; font:700 9px/12px Barlow,sans-serif; color:var(--game-white); padding:2px 5px; white-space:nowrap; }
.cgf-album-img { width:58px; height:58px; object-fit:cover; }
.cgf-album-name { font:700 11px/14px Barlow,sans-serif; color:var(--game-white); text-align:center; }
.cgf-slot-badges { display:flex; gap:4px; flex-wrap:wrap; justify-content:center; }
.cgf-slot-badge-filled { background:rgba(255,255,255,0.15); border-radius:4px; font:700 11px/14px Barlow,sans-serif; color:var(--game-white); padding:2px 7px; }
.cgf-slot-badge-empty { background:rgba(255,255,255,0.07); border-radius:4px; font:700 11px/14px Barlow,sans-serif; color:rgba(255,255,255,0.5); padding:2px 7px; }
.cgf-album-right { flex:1; background:rgba(0,0,0,0.25); display:flex; flex-direction:column; justify-content:center; padding:12px 14px; gap:7px; }
.cgf-stat-row { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.cgf-stat-label { font:400 11px/14px Barlow,sans-serif; color:rgba(255,255,255,0.55); white-space:nowrap; }
.cgf-stat-value { font:700 12px/16px Barlow,sans-serif; color:var(--game-white); display:flex; align-items:center; gap:3px; }
.cgf-rank-badge { background:var(--game-accent); border-radius:4px; font:700 11px/14px Barlow,sans-serif; color:var(--game-white); padding:2px 6px; white-space:nowrap; }
.cgf-stars { color:var(--game-star); letter-spacing:1px; }
#colUserStatsModal, #powUserStatsModal, #momUserStatsModal, #smUserStatsModal, #lgUserStatsModal { display:none; position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.5); align-items:center; justify-content:center; padding:16px; }
#colUserStatsModal.show, #powUserStatsModal.show, #momUserStatsModal.show, #smUserStatsModal.show, #lgUserStatsModal.show { display:flex; }
.sm-stat-highlight { text-align:center; padding:14px; border:1px solid var(--game-border-subtle); border-radius:10px; margin-bottom:16px; }
.sm-stat-highlight-label { font:500 11px/14px Barlow,sans-serif; color:var(--game-text-muted); margin-bottom:6px; }
.sm-stat-highlight-value { font:700 26px/30px Barlow,sans-serif; color:var(--game-black-soft); display:flex; align-items:center; justify-content:center; gap:6px; }
.cusr-modal { background:var(--game-filter-white); border-radius:16px; width:100%; max-width:380px; max-height:90vh; overflow-y:auto; padding:20px; position:relative; }
.cusr-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.cusr-title { font:700 16px/20px Barlow,sans-serif; color:var(--game-black-soft); }
.cusr-close { background:none; border:1px solid var(--game-border-input); border-radius:8px; width:32px; height:32px; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:17px; color:var(--game-text-mid); flex-shrink:0; }
.cusr-user-row { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.cusr-user-info { flex:1; min-width:0; }
.cusr-user-name { font:700 14px/18px Barlow,sans-serif; color:var(--game-black-soft); display:flex; align-items:center; gap:4px; }
.cusr-user-nick { font:500 12px/16px Barlow,sans-serif; color:var(--game-text-muted); }
.cusr-credits { display:flex; align-items:center; gap:5px; font:600 13px/16px Barlow,sans-serif; color:var(--game-black-soft); flex-shrink:0; }
.cusr-stats-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--game-border-subtle); border-radius:10px; overflow:hidden; margin-bottom:16px; }
.cusr-stat-cell { padding:12px 14px; border-bottom:1px solid var(--game-border-subtle); }
.cusr-stat-cell:nth-child(odd) { border-right:1px solid var(--game-border-subtle); }
.cusr-stat-cell:nth-last-child(-n+2) { border-bottom:none; }
.cusr-stat-label { font:500 11px/14px Barlow,sans-serif; color:var(--game-text-muted); margin-bottom:4px; }
.cusr-stat-value { font:700 20px/24px Barlow,sans-serif; color:var(--game-black-soft); display:flex; align-items:center; gap:4px; }
.cusr-packages-title { font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); text-align:center; margin-bottom:12px; }
.cusr-packages { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-bottom:16px; }
.cusr-pkg-item { display:flex; flex-direction:column; align-items:center; gap:4px; }
.cusr-pkg-img { width:52px; height:72px; object-fit:contain; }
.cusr-pkg-count { font:600 12px/16px Barlow,sans-serif; color:var(--game-text-mid); }
.cusr-profile-btn { display:block; width:100%; padding:12px; background:var(--game-accent); color:var(--game-white); border:none; border-radius:50px; font:700 14px/18px Barlow,sans-serif; text-align:center; cursor:pointer; text-decoration:none; }
.pow-index { display:flex; flex-direction:column; min-height:802px; background:var(--offside-black); border-radius:12px; overflow:hidden; }
.pow-hero { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.pow-title { font:900 42px/1.1 Barlow,sans-serif; color:var(--game-white); text-align:center; letter-spacing:.02em; margin:0 0 8px; text-transform:uppercase; }
.pow-ball-wrap { width:300px; height:300px; display:flex; align-items:center; justify-content:center; margin:8px 0; }
.pow-ball-img { width:100%; height:100%; object-fit:contain; }
.pow-desc { font:500 15px/1.5 Barlow,sans-serif; color:var(--game-white); text-align:center; margin:0 0 20px; }
.pow-play-btn { background:var(--game-red-pow); border:none; border-radius:24px; color:var(--game-white); font:700 15px/1 Barlow,sans-serif; padding:14px 48px; cursor:pointer; letter-spacing:.02em; }
.cgfd-wrap { overflow-y:auto; padding:0 2px; }
.cgfd-group { margin-bottom:20px; }
.cgfd-group-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid var(--game-border-subtle); }
.cgfd-group-title { font:700 12px/16px Barlow,sans-serif; color:var(--game-black-soft); letter-spacing:.05em; }
.cgfd-group-count { font:600 12px/16px Barlow,sans-serif; color:var(--game-text-muted); }
.cgfd-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.cgfd-card { position:relative; border-radius:10px; overflow:hidden; aspect-ratio:2/3; width:calc(33.333% - 6px); flex-shrink:0; }
.cgfd-card-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cgfd-card-inner { position:relative; z-index:1; display:flex; flex-direction:column; height:100%; padding:5px; }
.cgfd-card-top { display:flex; align-items:flex-start; justify-content:space-between; flex-shrink:0; }
.cgfd-team-logo { width:18px; height:18px; object-fit:contain; }
.cgfd-type-icon { width:18px; height:18px; object-fit:contain; margin-left:auto; }
.cgfd-card-body { position:relative; flex:1; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.cgfd-card-stars { position:absolute; left:0; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:1px; }
.cgfd-card-photo { width:72%; aspect-ratio:1; border-radius:50%; object-fit:cover; }
.cgfd-corner-logo { position:absolute; width:53px; height:53px; object-fit:contain; }
.cgfd-corner-tl { top:10px; left:10px; }
.cgfd-corner-br { bottom:13px; right:10px; }
.cgfd-corner-tr { top:10px; right:10px; }
.cgfd-corner-bl { bottom:13px; left:10px; }
.cgfd-faded { opacity:0.35; }
.cgfd-goal-ball { position:absolute; width:22px; height:22px; object-fit:contain; top:50%; left:50%; transform:translate(-50%,-50%); }
.cgfd-card-name { flex-shrink:0; display:flex; align-items:center; justify-content:center; font:700 10px/1.2 Barlow,sans-serif; color:var(--game-white); text-align:center; text-transform:uppercase; letter-spacing:.04em; padding:3px 4px 5px; word-break:break-word; min-height:45px; }
.pow-pd-link { color:inherit; text-decoration:none; }
.pow-pd-link:hover { text-decoration:underline; }
.pow-pd-wrap { overflow-y:auto; padding:0 2px; }
.pow-pd-header { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.pow-pd-player-info { flex:1; min-width:0; }
.pow-pd-general-stats { display:flex; flex-direction:column; gap:4px; text-align:right; flex-shrink:0; font:500 12px/16px Barlow,sans-serif; color:var(--game-black-soft); }
.pow-pd-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:16px; }
.pow-pd-box { border:1px solid var(--secondary-line); border-radius:10px; padding:12px; }
.pow-pd-box-title { font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); text-align:center; margin-bottom:8px; }
.pow-pd-stat-row { display:flex; justify-content:space-between; font:500 12px/16px Barlow,sans-serif; color:var(--game-text-mid); margin-bottom:4px; }
.pow-pd-earn-text { font:400 12px/16px Barlow,sans-serif; color:var(--game-text-mid); text-align:center; margin-bottom:8px; }
.pow-pd-earn-value { display:flex; align-items:center; justify-content:center; gap:4px; font:700 24px/28px Barlow,sans-serif; color:var(--game-green-dark); }
.pow-pd-pop-text { font:400 12px/16px Barlow,sans-serif; color:var(--game-text-mid); text-align:center; margin-bottom:6px; }
.pow-pd-stars { display:flex; justify-content:center; gap:4px; margin:6px 0; }
.pow-pd-star { font-size:23px; color:var(--game-text-faint); }
.pow-pd-star.pow-pd-star-active { color:var(--game-green); }
.pow-pd-expect-row { display:flex; align-items:center; gap:6px; margin-bottom:5px; }
.pow-pd-expect-rank { font:600 12px/16px Barlow,sans-serif; color:var(--game-text-muted); width:25px; flex-shrink:0; }
.pow-pd-expect-bar-wrap { flex:1; min-width:0; }
.pow-pd-expect-bar { background:var(--game-gold-bar); border-radius:3px; padding:2px 6px; min-width:28px; display:inline-flex; align-items:center; }
.pow-pd-expect-bar span { font:600 11px/14px Barlow,sans-serif; color:var(--game-white); white-space:nowrap; }
.pow-pd-section-title { font:700 14px/18px Barlow,sans-serif; color:var(--game-black-soft); text-align:center; padding:12px 0 8px; border-top:1px solid var(--secondary-line); }
.pow-pd-form-row { display:flex; align-items:center; gap:8px; padding:8px 0; border-bottom:1px solid var(--game-border-light); }
.pow-pd-form-date { font:500 12px/16px Barlow,sans-serif; color:var(--game-text-muted); flex-shrink:0; width:32px; }
.pow-pd-form-match { flex:1; display:flex; align-items:center; justify-content:center; gap:4px; min-width:0; overflow:hidden; }
.pow-pd-form-team { display:flex; align-items:center; gap:3px; flex:1; justify-content:flex-end; min-width:0; }
.pow-pd-form-team-name { font:500 14px/18px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pow-pd-form-team-away { justify-content:flex-start; }
.pow-pd-form-score { font:700 12px/16px Barlow,sans-serif; color:var(--game-black-soft); flex-shrink:0; padding:0 4px; white-space:nowrap; }
.pow-pd-form-goal { display:flex; align-items:center; gap:2px; flex-shrink:0; font:600 12px/16px Barlow,sans-serif; color:var(--game-text-mid); }
.cusr-profile-btn.pow-pu-open-btn { cursor:pointer; border:none; }
.pow-pu-tabs { display:flex; border-bottom:2px solid var(--secondary-line); margin-bottom:0; }
.pow-pu-tab { flex:1; text-align:center; padding:12px 8px; font:600 14px/17px Barlow,sans-serif; color:var(--game-text-muted); cursor:pointer; position:relative; white-space:nowrap; }
.pow-pu-tab.active { color:var(--game-black-soft); }
.pow-pu-tab.active::after { content:""; position:absolute; bottom:-2px; left:0; right:0; height:3px; background:var(--game-accent); border-radius:2px 2px 0 0; }
#pow-pu-content { overflow-y:auto; overflow-x:hidden; }
.pow-pu-group { margin-bottom:14px; }
.pow-pu-group-hdr { font:700 12px/16px Barlow,sans-serif; color:var(--game-text-mid); text-align:center; padding:8px 0 6px; }
.pow-pu-slot-card { background:var(--game-bg-light); border:1px solid var(--secondary-line); border-radius:12px; padding:10px 10px 8px; margin-bottom:10px; }
.pow-pu-slot-label { display:flex; align-items:center; justify-content:space-between; font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); padding:0 0 8px; }
.pow-pu-slot-income { display:flex; align-items:center; gap:3px; font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); }
.pow-pu-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; cursor:pointer; }
.pow-pu-grid:hover { opacity:0.9; }
.pow-pu-card { border-radius:8px; overflow:hidden; position:relative; }
.pow-pu-card-body { display:flex; flex-direction:column; align-items:center; padding:6px 3px 5px; gap:3px; }
.pow-pu-av-wrap { position:relative; width:36px; height:36px; }
.pow-pu-av { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.pow-pu-team-badge { position:absolute; bottom:-2px; right:-3px; width:14px; height:14px; border-radius:50%; border:1px solid var(--game-white); background:var(--game-white); object-fit:contain; }
.pow-pu-card-name { font:600 9px/12px Barlow,sans-serif; color:var(--game-black); text-align:center; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:54px; }
.pow-pu-card-status { display:flex; align-items:center; justify-content:center; gap:2px; flex-wrap:nowrap; }
.pow-pu-si { display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; border-radius:50%; font:700 7px/1 Barlow,sans-serif; color:var(--game-white); flex-shrink:0; }
.pow-pu-si-img { width:16px; height:16px; object-fit:contain; flex-shrink:0; }
.pow-pu-si-positive { background:var(--game-green); }
.pow-pu-si-negative { background:var(--game-red-negative); }
.pow-pu-si-unknown { background:var(--game-gray-neutral); }
.pow-pu-income { font:700 9px/12px Barlow,sans-serif; color:var(--game-black); }
.pow-pu-coin { width:11px; height:11px; }
.pow-pu-mult { position:absolute; top:3px; left:3px; background:rgba(0,0,0,0.35); color:var(--game-white); font:700 7px/1 Barlow,sans-serif; border-radius:3px; padding:2px 3px; z-index:1; }
.pow-pu-card-empty .pow-pu-av { opacity:0.35; filter:grayscale(1); }
.pow-pu-card-empty .pow-pu-card-name { color:var(--game-text-muted); }
.pow-pu-accordion { margin-bottom:8px; border:1px solid var(--secondary-line); border-radius:12px; overflow:hidden; }
.pow-pu-acc-hdr { display:flex; align-items:center; justify-content:space-between; padding:13px 14px; cursor:pointer; background:var(--game-filter-white); user-select:none; }
.pow-pu-acc-title { font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); }
.pow-pu-acc-meta { display:flex; align-items:center; gap:5px; }
.pow-pu-acc-score { font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); }
.pow-pu-acc-arrow { width:16px; height:16px; transition:transform .22s ease; display:block; flex-shrink:0; }
.pow-pu-acc-arrow.open { transform:rotate(180deg); }
.pow-pu-acc-body { display:none; padding:10px 10px 12px; background:var(--game-bg-subtle); border-top:1px solid var(--secondary-line); }
.pow-pu-acc-body.show { display:block; }
#pow-pu-detail-wrap { overflow-y:auto; display:flex; flex-direction:column; }
.pow-pu-detail-total { background:linear-gradient(135deg, var(--game-green-mid), var(--game-green-darkest)); color:var(--game-white); border-radius:10px; padding:14px 16px; text-align:center; font:700 22px/26px Barlow,sans-serif; display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:14px; }
.pow-pu-detail-total img { width:22px; height:22px; }
.pow-pu-detail-table { width:100%; border-collapse:collapse; font-family:Barlow,sans-serif; table-layout:fixed; }
.pow-pu-detail-table thead th { font:600 11px/14px Barlow,sans-serif; color:var(--game-text-muted); padding:6px; text-align:center; border-bottom:1px solid var(--secondary-line); position:sticky; top:0; background:var(--game-filter-white); z-index:1; }
.pow-pu-detail-table thead th:nth-child(2) { text-align:left; }
.pow-pu-detail-table tbody td { padding:8px 6px; font:500 13px/16px Barlow,sans-serif; color:var(--game-black-soft); text-align:center; border-bottom:1px solid var(--game-border-light); vertical-align:middle; }
.pow-pu-detail-table tbody td:nth-child(2) { text-align:left; }
.pow-pu-detail-rank { color:var(--game-text-muted); font:600 12px/16px Barlow,sans-serif; }
.pow-pu-earn-positive { color:var(--game-green); font-weight:700; }
.pow-pu-goal-badge { background:var(--game-green-pale); color:var(--game-green-dark); border-radius:4px; padding:1px 4px; font:700 10px/14px Barlow,sans-serif; margin-right:2px; display:inline-block; vertical-align:middle; }
.pow-pu-mult-badge { background:rgba(0,0,0,.08); border-radius:4px; padding:1px 4px; font:700 10px/14px Barlow,sans-serif; color:var(--game-text-mid); margin-right:2px; display:inline-block; vertical-align:middle; }
.pow-pu-detail-footer { display:flex; border-top:1px solid var(--secondary-line); padding:12px 0 4px; margin-top:6px; flex-shrink:0; }
.pow-pu-detail-footer-item { flex:1; text-align:center; }
.pow-pu-footer-label { font:500 11px/14px Barlow,sans-serif; color:var(--game-text-muted); margin-bottom:4px; }
.pow-pu-footer-value { display:flex; align-items:center; justify-content:center; gap:3px; font:700 14px/18px Barlow,sans-serif; color:var(--game-black-soft); }
.pow-pu-footer-expense { color:var(--game-red-negative); }
.pow-pu-footer-net { color:var(--game-green); }
.pow-pu-detail-link { color:inherit; text-decoration:none; }
.pow-pu-detail-link:hover { text-decoration:underline; }
.mom-index { display:flex; flex-direction:column; min-height:802px; background:var(--game-bg-mom); border-radius: 12px; }
.mom-hero { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 20px 20px; text-align:center; position:relative; }
.mom-title { font:900 42px/1.1 Barlow,sans-serif; color:var(--game-white); text-transform:uppercase; letter-spacing:.02em; margin:0 0 8px; text-align:center; z-index:1; position:relative; }
.mom-ball-wrap { position:relative; width:300px; height:300px; display:flex; align-items:center; justify-content:center; margin:8px 0; }
.mom-ball-wrap::before { content:''; position:absolute; inset:-20px; border-radius:50%; background:radial-gradient(circle,rgba(255,200,50,.25) 0%,rgba(255,160,0,.08) 50%,transparent 70%); filter:blur(8px); }
.mom-ball-img { width:100%; height:100%; object-fit:contain; position:relative; z-index:1; }
.mom-desc { font:400 14px/1.5 Barlow,sans-serif; color:var(--game-white); margin:0 0 28px; z-index:1; position:relative; }
.mom-play-btn { background:var(--game-red); color:var(--game-white); border:none; border-radius:50px; padding:12px 36px; font:700 15px/1 Barlow,sans-serif; cursor:pointer; z-index:1; position:relative; transition:background .15s; }
.mom-play-btn:hover { background:var(--game-red-hover); }
.mom-nav { display:flex; justify-content:center; gap:50px; padding:20px 20px 28px; }
.mom-match-card { border:1px solid var(--game-border-card); border-radius:10px; margin-bottom:10px; overflow:hidden; }
.mom-match-comp-row { display:flex; align-items:center; justify-content:space-between; padding:8px 10px; background:var(--game-bg-subtle); border-bottom:1px solid var(--game-border-card); }
.mom-match-comp-logo { width:16px; height:16px; object-fit:contain; }
.mom-match-comp-name { font:600 12px/15px Barlow,sans-serif; color:var(--game-text-dark-alt); }
.mom-match-date { font:500 11px/13px Barlow,sans-serif; color:var(--game-text-muted); }
.mom-match-teams-row { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; gap:6px; }
.mom-match-team { display:flex; flex-direction:column; align-items:center; gap:4px; flex:1; min-width:0; }
.mom-match-team-away { align-items:center; }
.mom-match-team-logo { width:32px; height:32px; object-fit:contain; }
.mom-match-team-name { font:600 11px/14px Barlow,sans-serif; color:var(--game-black-soft); text-align:center; word-break:break-word; }
.mom-match-score { font:800 18px/22px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; flex-shrink:0; padding:0 8px; }
.mom-match-banner { display:flex; align-items:center; gap:10px; background:var(--game-green-win); padding:8px 12px; justify-content: space-evenly; }
.mom-match-banner-icon { font-size:23px; color:var(--game-white); flex-shrink:0; }
.mom-match-banner-text { display:flex; flex-direction:column; gap:2px; }
.mom-ug-date-sep { text-align:center; font:500 12px/15px Barlow,sans-serif; color:var(--game-text-muted); padding:10px 0 6px; }
.mom-ug-match-card { border:1px solid var(--game-border-card); border-radius:10px; margin-bottom:10px; overflow:hidden; }
.mom-ug-match-header { display:flex; align-items:center; padding:8px 10px; gap:6px; }
.mom-ug-team-logo { width:28px; height:28px; object-fit:contain; flex-shrink:0; }
.mom-ug-match-center { flex:1; display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; }
.mom-ug-team-name { font:600 12px/15px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:70px; }
.mom-ug-score { font:800 14px/17px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; }
.mom-ug-time { font:700 13px/16px Barlow,sans-serif; color:var(--game-text-mid); white-space:nowrap; }
.mom-player-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; padding:6px 8px; }
.mom-player-card { border:1px solid var(--game-border-card); border-radius:8px; padding:8px 4px 6px; display:flex; flex-direction:column; align-items:center; gap:2px; text-decoration:none; color:inherit; }
.mom-player-card:hover { text-decoration:none; color:inherit; border-color:var(--game-border-input); }
.mom-ug-team-name { color:var(--game-black-soft); text-decoration:none; }
.mom-ug-team-name:hover { text-decoration:underline; color:var(--game-black-soft); }
.mom-ug-match-link { text-decoration:none; }
.mom-ug-match-link:hover { text-decoration:none; }
.mom-ug-match-link:hover .mom-ug-score,
.mom-ug-match-link:hover .mom-ug-time { text-decoration:underline; }
.mom-player-card-photo { position:relative; width:40px; height:40px; margin-bottom:2px; }
.mom-player-card-photo img:first-child { width:40px; height:40px; border-radius:50%; object-fit:cover; }
.mom-player-card-team { position:absolute; bottom:-2px; right:-2px; width:15px; height:15px; border-radius:50%; border:1px solid var(--game-white); background:var(--game-white); object-fit:contain; }
.mom-player-card-name { font:600 10px/12px Barlow,sans-serif; color:var(--game-black-soft); text-align:center; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mom-player-card-cost { font:500 10px/12px Barlow,sans-serif; color:var(--game-text-muted); text-align:center; display:flex; align-items:center; justify-content:center; gap:1px; }
.mom-ug-result-banner { text-align:center; padding:7px 10px; font:700 12px/15px Barlow,sans-serif; display:flex; align-items:center; justify-content:center; gap:4px; }
.mom-ug-banner-win { background:var(--game-green-win); color:var(--game-white); }
.mom-ug-banner-lose { background:var(--game-red-lose); color:var(--game-white); }
.sm-sort-arrow { font-size:11px; opacity:0.4; }
.cgb-sort-active .sm-sort-arrow { opacity:1; }
.game-cursor-pointer { cursor:pointer; }
.smlb-match-cell { display:flex; align-items:center; gap:5px; width:100%; min-width:0; }
.smlb-home-name { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; font:500 12px/15px Barlow,sans-serif; color:var(--game-black-soft); text-align:right; text-decoration:none; }
.smlb-vs-score { flex-shrink:0; font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; text-decoration:none; }
.smlb-away-name { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; font:500 12px/15px Barlow,sans-serif; color:var(--game-black-soft); text-align:left; text-decoration:none; }
a.smlb-home-name, a.smlb-vs-score, a.smlb-away-name { text-decoration:none; color:var(--game-black-soft); }
a.smlb-home-name:hover, a.smlb-vs-score:hover, a.smlb-away-name:hover { text-decoration:underline; color:var(--game-black-soft); }
.lg-index { display:flex; flex-direction:column; min-height:802px; background:var(--game-bg-dark); border-radius: 12px; }
.lg-hero { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 20px 20px; text-align:center; }
.lg-title { font:900 42px/1.1 Barlow,sans-serif; color:var(--game-white); text-transform:uppercase; letter-spacing:.02em; margin:0 0 16px; text-align:center; }
.lg-logo-wrap { position:relative; width:300px; height:300px; display:flex; align-items:center; justify-content:center; margin:8px 0 24px; }
.lg-logo-wrap::before { content:''; position:absolute; width:280px; height:280px; border-radius:50%; background:linear-gradient(180deg, rgba(40,40,40,0.15) 0%, var(--game-bg-lg-sphere) 100%); pointer-events:none; user-select:none; }
.lg-logo-img { width:100%; height:100%; object-fit:contain; position:relative; z-index:1; }
.lg-desc { font:400 14px/1.6 Barlow,sans-serif; color:var(--game-text-faint); margin:0 0 28px; }
.lg-play-btn { background:var(--game-red); color:var(--game-white); border:none; border-radius:50px; padding:12px 0; font:700 15px/1 Barlow,sans-serif; cursor:pointer; transition:background .15s; width:220px; }
.lg-play-btn:hover { background:var(--game-red-hover); }
.lg-nav { display:flex; justify-content:center; gap:50px; padding:20px 20px 28px; }
.rg-index { display:flex; flex-direction:column; min-height:802px; background:var(--game-bg-dark); border-radius: 12px; }
.rg-hero { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 20px 20px; text-align:center; position:relative; }
.rg-title { font:900 42px/1.1 Barlow,sans-serif; color:var(--game-white); text-transform:uppercase; letter-spacing:.02em; margin:0 0 16px; text-align:center; z-index:1; position:relative; }
.rg-logo-wrap { position:relative; width:300px; height:300px; display:flex; align-items:center; justify-content:center; margin:8px 0 24px; }
.rg-logo-img { width:100%; height:100%; object-fit:contain; position:relative; z-index:1; }
.rg-desc { font:400 14px/1.6 Barlow,sans-serif; color:var(--game-text-faint); margin:0 0 28px; z-index:1; position:relative; }
.rg-play-btn { background:var(--game-red); color:var(--game-white); border:none; border-radius:50px; padding:12px 0; font:700 15px/1 Barlow,sans-serif; cursor:pointer; z-index:1; position:relative; transition:background .15s; width:220px; }
.rg-play-btn:hover { background:var(--game-red-hover); }
.rg-nav { display:flex; justify-content:center; gap:50px; padding:20px 20px 28px; }
.rg-ur-wrap { overflow-y:auto; overflow-x:hidden; }
.rg-ur-date-sep { background:var(--game-border-light); display:flex; align-items:center; justify-content:center; font:500 12px/15px Barlow,sans-serif; color:var(--game-text-muted); padding:6px 0; margin-bottom:4px; border-radius:4px; }
.rg-ur-match-card { border:1px solid var(--game-border-card); border-radius:10px; margin-bottom:10px; overflow:hidden; }
.rg-ur-match-row { display:flex; align-items:center; padding:10px 8px; gap:6px; }
.rg-ur-team-logo { width:36px; height:36px; object-fit:contain; flex-shrink:0; }
.rg-ur-match-center { flex:1; display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; }
.rg-ur-home-side { flex:1; display:flex; align-items:center; justify-content:flex-end; min-width:0; }
.rg-ur-away-side { flex:1; display:flex; align-items:center; justify-content:flex-start; min-width:0; }
.rg-ur-team-name { font:600 12px/15px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:80px; text-decoration:none; }
a.rg-ur-team-name:hover { text-decoration:underline; color:var(--game-black-soft); }
.rg-ur-score { font:800 14px/17px Barlow,sans-serif; color:var(--game-red); white-space:nowrap; flex-shrink:0; text-decoration:none; }
a.rg-ur-score:hover { text-decoration:underline; color:var(--game-red); }
.rg-ur-reporter-banner { display:flex; align-items:center; gap:8px; padding:8px 10px; background:var(--game-border-light); border-top:1px solid var(--secondary-line); }
.rg-ur-mic-icon { width:28px; height:28px; object-fit:contain; flex-shrink:0; }
.rg-ur-reporter-text { flex:1; font:400 12px/1.4 Barlow,sans-serif; color:var(--game-text-mid); min-width:0; }
.rg-ur-reporter-name { color:var(--game-red); font-weight:600; }
.rg-ur-reporter-avatar { width:32px; height:32px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.lg-ur-wrap { overflow-y:auto; overflow-x:hidden; }
.lg-ur-table { width:100%; border-collapse:collapse; }
.lg-ur-table thead th { font:600 11px/14px Barlow,sans-serif; color:var(--game-text-muted); padding:8px 4px; border-bottom:1px solid var(--game-border-subtle); white-space:nowrap; }
.lg-ur-table tbody tr { border-bottom:1px solid var(--game-border-card); }
.lg-ur-table tbody td { padding:7px 4px; vertical-align:middle; }
.lg-ur-logo { width:28px; height:28px; object-fit:contain; display:block; }
.lg-ur-match-name { font:600 12px/15px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; }
.lg-ur-result-cell { display:flex; align-items:center; gap:3px; justify-content:center; white-space:nowrap; }
.lg-ur-badge { display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; border-radius:4px; font:700 11px/1 Barlow,sans-serif; color:var(--game-white); padding:0 3px; }
.lg-ur-badge.ok { background:var(--game-green-bright); }
.lg-ur-badge.fail { background:var(--game-red); }
.lg-ur-badge.none { color:var(--game-text-light); font-size:14px; background:none; }
.lg-ur-dot { color:var(--game-text-hint); font-size:8px; line-height:1; }
.lg-ur-earning { font:700 12px/15px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; text-align:right; }
.lg-md-field-container { position:relative; width:100%; overflow:hidden; border-radius:8px; }
.lg-md-field-bg { width:100%; display:block; }
.lg-md-players-wrap { position:absolute; inset:0; }
.lg-md-player { position:absolute; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; gap:2px; z-index:1; }
.lg-md-avatar-wrap { position:relative; }
.lg-md-avatar { width:30px; height:30px; border-radius:50%; object-fit:cover; border:1.5px solid rgba(255,255,255,.8); background:var(--game-border-input); }
.lg-md-wrong-mark { position:absolute; bottom:-2px; right:-2px; width:13px; height:13px; border-radius:50%; background:var(--game-red); border:1.5px solid var(--game-white); display:flex; align-items:center; justify-content:center; font:700 8px/1 Barlow,sans-serif; color:var(--game-white); }
.lg-md-player-label { font:600 10px/12px Barlow,sans-serif; color:var(--game-white); text-shadow:0 1px 3px rgba(0,0,0,.7); white-space:nowrap; text-align:center; max-width:65px; overflow:hidden; text-overflow:ellipsis; }
.lg-md-team-name { font:600 13px/16px Barlow,sans-serif; color:var(--game-black-soft); }
.sm-index { display:flex; flex-direction:column; min-height:802px; background:var(--game-bg-sm); border-radius: 12px;}
.sm-hero { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 20px 20px; text-align:center; position:relative; }
.sm-title { font:900 42px/1.1 Barlow,sans-serif; color:var(--game-white); text-transform:uppercase; letter-spacing:.02em; margin:0 0 8px; text-align:center; z-index:1; position:relative; }
.sm-ball-wrap { position:relative; width:300px; height:300px; display:flex; align-items:center; justify-content:center; margin:8px 0; }
.sm-ball-wrap::before { content:''; position:absolute; inset:-20px; border-radius:50%; background:radial-gradient(circle,rgba(180,100,240,.45) 0%,rgba(120,30,200,.18) 50%,transparent 70%); filter:blur(8px); }
.sm-ball-img { width:100%; height:100%; object-fit:contain; position:relative; z-index:1; }
.sm-desc { font:400 14px/1.5 Barlow,sans-serif; color:var(--game-white); margin:0 0 28px; z-index:1; position:relative; }
.sm-play-btn { background:var(--game-red); color:var(--game-white); border:none; border-radius:50px; padding:12px 36px; font:700 15px/1 Barlow,sans-serif; cursor:pointer; z-index:1; position:relative; transition:background .15s; }
.sm-play-btn:hover { background:var(--game-red-hover); }
.sm-nav { display:flex; justify-content:center; gap:50px; padding:20px 20px 28px; }
.sm-ug-wrap { overflow-y:auto; overflow-x:hidden; }
.sm-ug-card { border:1px solid var(--game-border-card); border-radius:10px; margin-bottom:10px; overflow:hidden; }
.sm-ug-card-header { display:flex; align-items:center; justify-content:space-between; padding:7px 10px; background:var(--game-bg-subtle); border-bottom:1px solid var(--game-border-card); }
.sm-ug-comp-logo { width:16px; height:16px; object-fit:contain; flex-shrink:0; }
.sm-ug-comp-name { font:600 12px/15px Barlow,sans-serif; color:var(--game-text-dark-alt); }
.sm-ug-date { font:500 11px/13px Barlow,sans-serif; color:var(--game-text-muted); flex-shrink:0; }
.sm-ug-teams-row { display:flex; align-items:center; padding:10px 8px; gap:6px; }
.sm-ug-team-logo { width:36px; height:36px; object-fit:contain; flex-shrink:0; }
.sm-ug-team-name { flex:1; min-width:0; font:600 13px/16px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sm-ug-team-home { text-align:right; }
.sm-ug-team-away { text-align:left; }
.sm-ug-center-score { flex-shrink:0; font:800 15px/19px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; padding:0 5px; }
.sm-ug-pred-row { display:flex; align-items:center; justify-content:space-between; padding:7px 10px; background:var(--game-bg-row); border-top:1px solid var(--game-border-card); }
.sm-ug-pred-label { font:600 11px/14px Barlow,sans-serif; color:var(--game-text-mid); }
.sm-ug-pred-value { font:700 12px/15px Barlow,sans-serif; color:var(--game-black-soft); }
.sm-ug-past-row { display:flex; flex-direction:column; align-items:center; gap:4px; padding:8px 50px 10px; position:relative; }
.sm-ug-pred-pill { background:var(--game-black-soft); color:var(--game-filter-white); font:700 12px/15px Barlow,sans-serif; border-radius:4px; padding:3px 14px; display:inline-block; }
.sm-ug-pred-actual { font:500 12px/15px Barlow,sans-serif; color:var(--game-text-mid-alt); }
.sm-ug-income { position:absolute; right:10px; bottom:10px; display:flex; align-items:center; gap:3px; font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); }
.sm-gd-match-card { border:1px solid var(--secondary-line); border-radius:10px; margin-bottom:12px; overflow:hidden; }
.sm-gd-comp-row { display:flex; align-items:center; justify-content:space-between; padding:7px 10px; background:var(--game-bg-subtle); border-bottom:1px solid var(--secondary-line); }
.sm-gd-comp-logo { width:16px; height:16px; object-fit:contain; flex-shrink:0; }
.sm-gd-comp-name { font:600 12px/15px Barlow,sans-serif; color:var(--game-text-dark-alt); }
.sm-gd-date { font:500 11px/13px Barlow,sans-serif; color:var(--game-text-muted); flex-shrink:0; }
.sm-gd-teams-row { display:flex; align-items:center; padding:10px 8px 0; gap:6px; }
.sm-gd-team-logo { width:36px; height:36px; object-fit:contain; flex-shrink:0; }
.sm-gd-team-name { flex:1; min-width:0; font:600 13px/16px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sm-gd-team-home { text-align:right; }
.sm-gd-team-away { text-align:left; }
.sm-gd-score-block { display:flex; flex-direction:column; align-items:center; flex-shrink:0; gap:3px; }
.sm-gd-ft-score { font:800 15px/19px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; }
.sm-gd-ht-badge { background:var(--game-black-soft); color:var(--game-white); font:700 10px/13px Barlow,sans-serif; border-radius:3px; padding:2px 10px; display:inline-block; }
.sm-gd-preds-row { display:flex; flex-direction:column; align-items:center; gap:4px; padding:0 10px 8px; }
.sm-gd-stats-row { display:flex; align-items:center; justify-content:space-between; padding:7px 12px; background:var(--game-bg-subtle); border-top:1px solid var(--secondary-line); }
.sm-gd-stat-val { font:700 13px/16px Barlow,sans-serif; color:var(--game-black-soft); }
.sm-gd-markets-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; overflow-y:auto; align-content:start; }
.sm-gd-market-card { background:linear-gradient(135deg, var(--game-white) 0%, var(--game-pink-light) 100%); border-radius:10px; padding:10px; position:relative; min-height:80px; display:flex; flex-direction:column; }
.sm-gd-market-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:4px; }
.sm-gd-market-name { font:600 12px/15px Barlow,sans-serif; color:var(--game-purple-deep); flex:1; min-width:0; }
.sm-gd-market-participants { display:flex; align-items:center; gap:2px; flex-shrink:0; }
.sm-gd-market-participants span { font:600 10px/12px Barlow,sans-serif; color:var(--game-black); }
.sm-gd-market-income { font:800 22px/26px Barlow,sans-serif; color:var(--game-black); flex:1; }
.sm-gd-market-footer { display:flex; justify-content:flex-end; align-items:center; }
.sm-gd-coin-badge { width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,0.5); display:flex; align-items:center; justify-content:center; }
.sm-gd-coin-badge img { width:14px; height:14px; }
.sm-stats-user-row { display:flex; align-items:center; gap:10px; padding:12px 0 14px; border-bottom:1px solid var(--secondary-line); margin-bottom:14px; }
.sm-stats-user-info { flex:1; min-width:0; }
.sm-stats-user-summary { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.sm-stats-summary-item { display:flex; flex-direction:column; align-items:center; gap:2px; }
.sm-stats-summary-value { font:700 14px/17px Barlow,sans-serif; color:var(--game-black-soft); }
.sm-stats-summary-label { font:400 11px/13px Barlow,sans-serif; color:var(--game-text-muted); }
.sm-stats-summary-divider { width:1px; height:28px; background:var(--secondary-line); }
.sm-stats-table { width:100%; border-collapse:collapse; font-family:Barlow,sans-serif; }
.sm-stats-table thead th { font:600 11px/14px Barlow,sans-serif; color:var(--game-text-muted); padding:6px 8px; border-bottom:2px solid var(--secondary-line); white-space:nowrap; }
.sm-stats-table thead th:first-child { text-align:left; }
.sm-stats-table tbody td { padding:4px 8px; font:500 13px/16px Barlow,sans-serif; color:var(--game-black-soft); border-bottom:1px solid var(--game-border-light); vertical-align:middle; }
.sm-stats-table tbody td:first-child { font:600 13px/16px Barlow,sans-serif; }
.gc-list { display:flex; flex-direction:column; gap:14px; padding:12px; }
.gc-card { border-radius:14px; overflow:hidden; box-shadow:0 1px 6px rgba(0,0,0,.10); cursor:pointer; }
.gc-card-banner { position:relative; display:flex; align-items:center; padding:20px 110px 20px 16px; min-height:88px; overflow:hidden; }
.gc-card-left { display:flex; align-items:center; gap:8px; z-index:1; }
.gc-card-brand-logo { width:36px; height:36px; object-fit:contain; flex-shrink:0; }
.gc-card-title { font:900 22px/1.1 Barlow,sans-serif; text-transform:uppercase; font-style:italic; letter-spacing:.01em; }
.gc-card-logo { position:absolute; right:0; top:0; bottom:0; width:110px; object-fit:contain; object-position:right center; pointer-events:none; }
.gc-card-stats { background:var(--game-filter-white); padding:12px 16px; font:400 13px/18px Barlow,sans-serif; color:var(--game-text-dark); text-decoration:underline; }
.gc-card-stats strong { font-weight:700; }
.gc-detail-hero { padding-bottom:20px; border-radius:12px; overflow:hidden; }
.gc-detail-hero-top { display:flex; align-items:center; padding:4px 8px; }
.gc-detail-sub { font:500 13px/18px Barlow,sans-serif; color:rgba(255,255,255,.75); text-align:center; margin:4px 16px 10px; }
.gc-detail-img-wrap { display:flex; justify-content:center; padding:0 16px 12px; }
.gc-detail-img { max-width:100%; max-height:200px; object-fit:contain; border-radius:10px; }
.gc-detail-hero-bottom { display:flex; align-items:center; gap:10px; padding:0 20px; }
.gc-detail-brand-logo { width:40px; height:40px; object-fit:contain; flex-shrink:0; }
.gc-detail-title { font:900 18px/1.2 Barlow,sans-serif; font-style:italic; text-transform:uppercase; margin:0; }
.gc-detail-body { padding:16px 16px 4px; display:flex; flex-direction:column; gap:12px; }
.gc-detail-step { border:1px solid var(--secondary-line); border-radius:12px; padding:14px 16px; text-align:center; }
.gc-detail-step-num { font:700 12px/16px Barlow,sans-serif; color:var(--game-text-muted); margin-bottom:6px; letter-spacing:.05em; }
.gc-detail-step-text { font:400 13px/19px Barlow,sans-serif; color:var(--game-text-dark); margin:0; }
.gc-detail-step-text strong { font-weight:700; }
.gc-detail-reward { display:flex; align-items:center; justify-content:center; gap:3px; font:700 14px/18px Barlow,sans-serif; color:var(--game-white); margin-top:8px; }
.gc-detail-footer { padding:12px 16px 4px; }
.gc-detail-btn { width:100%; border:none; border-radius:24px; padding:14px; font:700 15px/1 Barlow,sans-serif; cursor:pointer; letter-spacing:.02em; }
.pg-index { display:flex; flex-direction:column; min-height:802px; background:var(--offside-black); border-radius:12px; overflow:hidden; }
.pg-hero { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.pg-title { font:900 42px/1.1 Barlow,sans-serif; color:var(--game-white); text-align:center; letter-spacing:.02em; margin:0 0 8px; text-transform:uppercase; }
.pg-logo-wrap { width:240px; height:240px; display:flex; align-items:center; justify-content:center; margin:8px 0; }
.pg-logo-img { width:100%; height:100%; object-fit:contain; }
.pg-desc { font:500 15px/1.5 Barlow,sans-serif; color:rgba(255,255,255,.7); text-align:center; margin:0 0 20px; }
.cgb-table-wrap,
.cgcp-table-wrap,
.cgf-wrap,
.cusr-modal,
.cgfd-wrap,
.pow-pd-wrap,
#pow-pu-content,
#pow-pu-detail-wrap,
.rg-ur-wrap,
.lg-ur-wrap,
.sm-ug-wrap,
.sm-gd-markets-grid {
scrollbar-width: thin;
scrollbar-color: var(--game-text-hint) transparent;
}
.cgb-table-wrap::-webkit-scrollbar,
.cgcp-table-wrap::-webkit-scrollbar,
.cgf-wrap::-webkit-scrollbar,
.cusr-modal::-webkit-scrollbar,
.cgfd-wrap::-webkit-scrollbar,
.pow-pd-wrap::-webkit-scrollbar,
#pow-pu-content::-webkit-scrollbar,
#pow-pu-detail-wrap::-webkit-scrollbar,
.rg-ur-wrap::-webkit-scrollbar,
.lg-ur-wrap::-webkit-scrollbar,
.sm-ug-wrap::-webkit-scrollbar,
.sm-gd-markets-grid::-webkit-scrollbar { width: 4px; }
.cgb-table-wrap::-webkit-scrollbar-track,
.cgcp-table-wrap::-webkit-scrollbar-track,
.cgf-wrap::-webkit-scrollbar-track,
.cusr-modal::-webkit-scrollbar-track,
.cgfd-wrap::-webkit-scrollbar-track,
.pow-pd-wrap::-webkit-scrollbar-track,
#pow-pu-content::-webkit-scrollbar-track,
#pow-pu-detail-wrap::-webkit-scrollbar-track,
.rg-ur-wrap::-webkit-scrollbar-track,
.lg-ur-wrap::-webkit-scrollbar-track,
.sm-ug-wrap::-webkit-scrollbar-track,
.sm-gd-markets-grid::-webkit-scrollbar-track { background: transparent; }
.cgb-table-wrap::-webkit-scrollbar-thumb,
.cgcp-table-wrap::-webkit-scrollbar-thumb,
.cgf-wrap::-webkit-scrollbar-thumb,
.cusr-modal::-webkit-scrollbar-thumb,
.cgfd-wrap::-webkit-scrollbar-thumb,
.pow-pd-wrap::-webkit-scrollbar-thumb,
#pow-pu-content::-webkit-scrollbar-thumb,
#pow-pu-detail-wrap::-webkit-scrollbar-thumb,
.rg-ur-wrap::-webkit-scrollbar-thumb,
.lg-ur-wrap::-webkit-scrollbar-thumb,
.sm-ug-wrap::-webkit-scrollbar-thumb,
.sm-gd-markets-grid::-webkit-scrollbar-thumb { background: var(--game-text-hint); border-radius: 2px; }
.cgb-table-wrap::-webkit-scrollbar-thumb:hover,
.cgcp-table-wrap::-webkit-scrollbar-thumb:hover,
.cgf-wrap::-webkit-scrollbar-thumb:hover,
.cusr-modal::-webkit-scrollbar-thumb:hover,
.cgfd-wrap::-webkit-scrollbar-thumb:hover,
.pow-pd-wrap::-webkit-scrollbar-thumb:hover,
#pow-pu-content::-webkit-scrollbar-thumb:hover,
#pow-pu-detail-wrap::-webkit-scrollbar-thumb:hover,
.rg-ur-wrap::-webkit-scrollbar-thumb:hover,
.lg-ur-wrap::-webkit-scrollbar-thumb:hover,
.sm-ug-wrap::-webkit-scrollbar-thumb:hover,
.sm-gd-markets-grid::-webkit-scrollbar-thumb:hover { background: var(--game-text-mid); }
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 29px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 13px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.ofs-pop-up-container{
background: transparent linear-gradient(59deg, #242129 0%, #D94646 0%, #000000 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;
opacity: 1;
}
.not-found-page {
background: transparent url("/img/notfound.svg") 0% 0% no-repeat padding-box;
min-height: 100vh !important;
background-size: cover;
}
.ref-img {
background: transparent 0% 0% no-repeat padding-box;
opacity: 1;
max-width: 712px;
}
.not-found-ofsayt {
text-align: left;
font: italic normal 900 clamp(3.75rem, 6vw, 4.5rem) / 0.53 Barlow;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.not-found-desc {
text-align: left;
font: normal normal 400 clamp(1.625rem, 3vw, 1.875rem) / 1.4 Barlow;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.return-home span {
text-align: center;
font: normal normal 600 clamp(1.375rem, 2.5vw, 1.5rem) / 1.21 Barlow;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
cursor: pointer;
}
.return-home {
background: transparent 0% 0% no-repeat padding-box;
border-radius: 100px;
opacity: 1;
background-color: #D94646;
}
.social-sub-header {
background-color: var(--offside-black);
display: flex;
align-items: center;
gap: 0;
padding: 0 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.social-sub-tab {
display: inline-block;
padding: 14px 20px;
font-family: "Barlow", sans-serif;
font-weight: 600;
font-size: clamp(0.8125rem, 1vw, 0.9375rem);
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
border-bottom: 2px solid transparent;
transition: color 0.2s, border-color 0.2s;
cursor: pointer;
}
.social-sub-tab:hover {
color: #fff;
}
.social-sub-tab.active {
color: #fff;
border-bottom-color: var(--primary-color);
}
.social-stat-card {
background-color: var(--base-white);
border-radius: 10px;
padding: 5px 10px;
box-shadow: var(--primary-box-shadow, 0 1px 4px rgba(0,0,0,0.08));
height: 100%;
}
.social-online-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #22c55e;
}
.social-table-card {
overflow: hidden;
}
.social-community-tab {
background: none;
border: none;
padding: 7px 12px;
font-family: "Barlow", sans-serif;
font-weight: 500;
font-size: clamp(0.875rem, 1vw, 0.9375rem);
color: var(--reading-gray);
cursor: pointer;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
transition: color 0.2s, border-color 0.2s;
white-space: nowrap;
}
.social-community-tab:hover {
color: var(--true-black);
}
.social-community-tab.active {
color: var(--true-black);
border-bottom-color: var(--primary-color);
font-weight: 600;
}
.social-search-wrapper {
position: relative;
display: flex;
align-items: center;
}
.social-search-input {
width: 100%;
border: 1px solid var(--secondary-line);
border-radius: 6px;
padding: 5px 28px 5px 8px;
outline: none;
background: var(--base-gray);
color: var(--true-black);
transition: border-color 0.2s;
}
.social-search-input:focus {
border-color: var(--primary-color);
background: var(--base-white);
}
.social-search-icon {
position: absolute;
right: 8px;
pointer-events: none;
opacity: 0.5;
}
.social-category-trigger {
background: var(--base-gray);
border: 1px solid var(--secondary-line);
border-radius: 6px;
padding: 5px 8px;
cursor: pointer;
white-space: nowrap;
color: var(--true-black);
transition: border-color 0.2s;
width: 66px;
}
#categoryDropdownLabel {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
min-width: 0;
}
.social-category-trigger:hover {
border-color: var(--primary-color);
}
.social-category-menu {
position: absolute;
top: calc(100% + 4px);
right: 0;
background: var(--base-white);
border: 1px solid var(--secondary-line);
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
z-index: 100;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
padding: 6px 8px;
gap: 6px;
}
.social-category-item {
background: none;
border: 2px solid transparent;
border-radius: 50%;
padding: 2px;
cursor: pointer;
transition: border-color 0.15s, background 0.15s;
line-height: 1;
flex-shrink: 0;
}
.social-category-item:hover {
border-color: var(--secondary-line);
background: var(--base-gray);
}
.social-category-item.active {
border-color: var(--primary-color);
}
.social-category-item:first-child {
border-radius: 6px;
padding: 3px 6px;
}
.social-table-header {
border-bottom: 1px solid var(--secondary-line);
}
.social-col-rank {
width: 28px;
flex-shrink: 0;
}
.social-col-stat {
width: 90px;
flex-shrink: 0;
}
.social-table-scroll-wrapper {
max-height: 730px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--secondary-line) transparent;
}
.social-table-scroll-wrapper::-webkit-scrollbar {
width: 4px;
}
.social-table-scroll-wrapper::-webkit-scrollbar-track {
background: transparent;
}
.social-table-scroll-wrapper::-webkit-scrollbar-thumb {
background-color: var(--secondary-line);
border-radius: 4px;
}
.social-user-row {
transition: background 0.15s;
}
.social-user-row:hover {
background: var(--base-gray);
}
.social-user-row:last-child {
border-bottom: none !important;
}
.social-user-avatar {
width: 32px;
height: 32px;
object-fit: cover;
flex-shrink: 0;
}
.social-sort-header {
user-select: none;
}
.social-sort-header:hover {
color: var(--true-black);
}
.social-section-card {
overflow: hidden;
}
.social-detail-link {
text-decoration: none;
transition: color 0.2s;
}
.social-detail-link:hover {
color: var(--primary-color) !important;
}
.social-slider {
position: relative;
overflow: hidden;
height: 315px;
}
.social-slide {
display: none;
height: 100%;
overflow-y: auto;
scrollbar-width: none;
}
.social-slide::-webkit-scrollbar {
display: none;
}
.social-slide.active {
display: block;
}
.ofs-related-assets {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 6px;
margin-bottom: 12px;
flex-wrap: wrap;
}
.ofs-related-asset-item {
display: flex;
align-items: center;
min-height: 24px;
}
.ofs-asset-logo-only {
width: 14px;
height: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.ofs-match-related-detail-card {
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #ececec;
border-radius: 999px;
padding: 2px 6px;
min-height: 24px;
gap: 4px;
line-height: 1;
}
.ofs-logo-box {
width: 14px;
height: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.ofs-logo-img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
display: block;
}
.ofs-match-separator {
font-size: 11px;
color: var(--reading-gray);
}
.social-dots-btn {
background: none;
border: none;
cursor: pointer;
padding: 4px 6px;
display: flex;
flex-direction: column;
gap: 3px;
align-items: center;
}
.social-dots-btn span {
display: block;
width: 3px;
height: 3px;
border-radius: 50%;
background: var(--reading-gray);
}
.social-related-asset {
text-decoration: none;
}
.social-slider-dots {
border-top: 1px solid var(--secondary-line);
}
.social-slider-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #F6F6F6;
border: none;
padding: 0;
cursor: pointer;
transition: background 0.2s, transform 0.2s;
border: 1px solid #E3E3E3;
}
.social-slider-dot.active {
background: var(--primary-color);
transform: scale(1.2);
}
.social-purchase-header {
}
.social-purchase-col-date {
width: 80px;
flex-shrink: 0;
}
.social-purchase-col-price {
width: 100px;
flex-shrink: 0;
}
.social-purchase-row:hover {
background: var(--base-gray);
}
.social-purchase-row:last-child {
border-bottom: none !important;
}
.social-purchase-img {
width: 36px;
height: 36px;
object-fit: contain;
border-radius: 6px;
background: var(--base-gray);
flex-shrink: 0;
}
@media (max-width: 768px) {
.social-sub-header {
padding: 0 12px;
}
.social-sub-tab {
padding: 12px 14px;
font-size: 0.875rem;
}
.social-community-tab {
padding: 8px 8px;
font-size: 0.75rem;
}
.social-table-scroll-wrapper {
max-height: 400px;
}
.social-col-stat {
width: 72px;
}
}
[data-theme="dark"] {
--ofs-bg-color: #1E1B25;
--ofs-line-color: #38354A;
--bs-body-bg: #1E1B25;
--bs-body-color: #F0EEF5;
--bs-card-bg: #1E1B25;
--bs-card-cap-bg: #252230;
--bs-card-border-color: #38354A;
--bs-nav-tabs-link-active-bg: #1E1B25;
--bs-nav-tabs-border-color: #38354A;
--bs-nav-tabs-link-active-color: #F0EEF5;
--bs-nav-tabs-link-active-border-color: #38354A #38354A #1E1B25;
--bs-border-color: #38354A;
--base-white: #252230;
--base-gray: #1E1B25;
--secondary-line: #38354A;
--reading-gray: #B0ADB5;
--on-tap-passive-gray-on-white: #38354A;
--passive-tab: #38354A;
}
[data-theme="dark"] body {
background-color: #1E1B25;
color: #F0EEF5;
}
[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-light {
background-color: #1E1B25 !important;
}
[data-theme="dark"] .card-header,
[data-theme="dark"] .card-footer {
background-color: #252230 !important;
border-color: #38354A !important;
color: #F0EEF5;
}
[data-theme="dark"] .card-header.bg-white,
[data-theme="dark"] .card-header.bg-light,
[data-theme="dark"] .card-footer.bg-white,
[data-theme="dark"] .card-footer.bg-light {
background-color: #252230 !important;
}
[data-theme="dark"] .card-body {
background-color: #252230;
color: #F0EEF5;
}
[data-theme="dark"] .card-body.bg-white,
[data-theme="dark"] .card-body.bg-light {
background-color: #252230 !important;
}
[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-black {
color: #F0EEF5 !important;
}
[data-theme="dark"] .border,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-top {
border-color: #38354A !important;
}
[data-theme="dark"] .nav-tabs {
--bs-nav-tabs-link-active-bg: #1E1B25;
--bs-nav-tabs-link-active-border-color: #38354A #38354A #1E1B25;
--bs-nav-tabs-border-color: #38354A;
border-bottom-color: #38354A;
}
[data-theme="dark"] .nav-tabs .nav-link.active {
background-color: #1E1B25 !important;
border-color: #38354A #38354A #1E1B25 !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .nav-tabs .nav-link:not(.active):hover {
border-color: transparent;
}
[data-theme="dark"] .modal-content {
background-color: #1E1B25;
border-color: #38354A;
color: #F0EEF5;
}
[data-theme="dark"] .modal-header {
border-bottom-color: #38354A;
}
[data-theme="dark"] .modal-footer {
border-top-color: #38354A;
}
[data-theme="dark"] .btn-close {
filter: invert(1);
}
[data-theme="dark"] .ofs-bg-passive {
background: #252230 !important;
}
[data-theme="dark"] .ofs-match-detail-team {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-minute {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-manager {
color: #B0ADB5;
}
[data-theme="dark"] .score-desc {
color: #B0ADB5;
}
[data-theme="dark"] .ofs-match-detail-form-date {
color: #B0ADB5;
}
[data-theme="dark"] img[src*="clock.svg"],
[data-theme="dark"] img[src*="stadium.svg"],
[data-theme="dark"] img[src*="tv.svg"],
[data-theme="dark"] img[src*="referee.svg"],
[data-theme="dark"] img[src*="asst_referee.svg"],
[data-theme="dark"] img[src*="avar.svg"],
[data-theme="dark"] img[src*="var.svg"],
[data-theme="dark"] img[src*="icon_star.svg"],
[data-theme="dark"] img[src*="TabGoLeft.svg"],
[data-theme="dark"] img[src*="TabGoRight.svg"],
[data-theme="dark"] img[src*="down_arrow.svg"],
[data-theme="dark"] img[src*="back_arrow.svg"],
[data-theme="dark"] img[src*="settings.svg"],
[data-theme="dark"] img[src*="search_logo.svg"],
[data-theme="dark"] img[src*="all_users.svg"],
[data-theme="dark"] img[src*="like.svg"],
[data-theme="dark"] img[src*="comment.svg"],
[data-theme="dark"] img[src*="share.svg"],
[data-theme="dark"] img[src*="impression.svg"],
[data-theme="dark"] img[src*="nocomment.svg"],
[data-theme="dark"] img[src*="cloudy.svg"],
[data-theme="dark"] img[src*="rainy.svg"],
[data-theme="dark"] img[src*="snowy.svg"],
[data-theme="dark"] img[src*="foggy.svg"],
[data-theme="dark"] img[src*="partially_cloudy.svg"],
[data-theme="dark"] img[src*="partially_cloudy_with_rain.svg"],
[data-theme="dark"] img[src*="match_score_change.svg"],
[data-theme="dark"] img[src*="match_score_change_penalty.svg"],
[data-theme="dark"] img[src*="match_penalty_missed.svg"],
[data-theme="dark"] img[src*="match_penalty_missed_shootout.svg"],
[data-theme="dark"] img[src*="goal.svg"],
[data-theme="dark"] img[src*="sunny.svg"] {
filter: brightness(0) invert(1);
}
[data-theme="dark"] img[src*="icon_close.svg"] {
filter: invert(1);
}
[data-theme="dark"] .ofs-match-filter-btn {
background: #38354A;
background-color: #38354A !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-match-filter-btn.active-filter {
background: #D94646;
background-color: #D94646 !important;
color: #FFFFFF !important;
}
[data-theme="dark"] .ofs-matches-filter .ofs-match-filter-btn.active-filter {
background-color: #D94646 !important;
color: #FFFFFF !important;
}
[data-theme="dark"] .tab-scroll-container,
[data-theme="dark"] .tab-scroll-container.bg-white {
background: #1E1B25 !important;
background-color: #1E1B25 !important;
}
[data-theme="dark"] .bet-box {
background: #252230;
border-color: #38354A;
}
[data-theme="dark"] .bet-odd {
color: #F0EEF5;
}
[data-theme="dark"] .match-halftime-score {
color: #B0ADB5;
}
[data-theme="dark"] .ofs-sportbar-sport-type li .ofs-count {
background-color: #38354A;
color: #F0EEF5;
}
[data-theme="dark"] .ofs-competition-info {
border-bottom-color: #38354A;
}
[data-theme="dark"] .standing-live-btn {
background: #38354A;
color: #F0EEF5;
}
[data-theme="dark"] .ofs-table-title {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-standing-table tr {
border-bottom-color: #38354A;
}
[data-theme="dark"] .outcome-item {
color: #F0EEF5;
}
[data-theme="dark"] .deduction-title,
[data-theme="dark"] .current-week-title,
[data-theme="dark"] .deduction-team {
color: #F0EEF5;
}
[data-theme="dark"] .statistics-team,
[data-theme="dark"] .statistics-value {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-statistics-table-player thead tr {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-week-option:hover,
[data-theme="dark"] .ofs-season-option:hover {
background: #2D2A3A;
}
[data-theme="dark"] .fixture-week-select span {
color: #F0EEF5;
}
[data-theme="dark"] .standing-group-select {
background: #38354A;
}
[data-theme="dark"] .group-select-text {
color: #F0EEF5;
}
[data-theme="dark"] .card {
background: #1E1B25;
border-color: #38354A;
}
[data-theme="dark"] .card-gray {
background: #252230;
}
[data-theme="dark"] .card-font {
color: #F0EEF5;
}
[data-theme="dark"] .card-secondary-font {
color: #A0A0A0;
}
[data-theme="dark"] .stat-table thead tr {
border-bottom-color: #38354A;
color: #F0EEF5;
}
[data-theme="dark"] .stat-table tbody tr {
color: #F0EEF5;
border-bottom-color: #38354A;
}
[data-theme="dark"] .stat-table thead tr th {
border-right-color: #38354A;
}
[data-theme="dark"] .stat-table tbody tr td {
border-right-color: #38354A;
}
[data-theme="dark"] .stat-table thead tr th {
border-bottom-color: #38354A;
}
[data-theme="dark"] .match-draw {
background-color: #38354A;
}
[data-theme="dark"] .team-detail-stat-table table tbody tr:last-child {
border-bottom-color: #38354A;
}
[data-theme="dark"] .team-detail-matches-table thead tr,
[data-theme="dark"] .team-detail-matches-table tbody tr {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .team-detail-matches-table thead tr th,
[data-theme="dark"] .team-detail-matches-table tbody tr td {
border-right-color: #38354A !important;
}
[data-theme="dark"] .team-detail-squad-table thead tr th,
[data-theme="dark"] .team-detail-squad-table tbody tr td {
border-right-color: #38354A !important;
}
[data-theme="dark"] .team-detail-squad-table thead tr,
[data-theme="dark"] .team-detail-squad-table tbody tr {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .matches-collapse {
border-color: #38354A;
}
[data-theme="dark"] .ofs-mini-standing-title {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-mini-standing-table tbody tr {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-mini-standing-table tbody tr td {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-mini-standing-table thead tr th {
color: #B0ADB5 !important;
background: #252230 !important;
}
[data-theme="dark"] .table-wrapper {
background: #1E1B25 !important;
}
[data-theme="dark"] .ofs-team-matches-table-value {
color: #F0EEF5 !important;
}
[data-theme="dark"] .mini-outcome-item {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-match-detail-title {
color: #F0EEF5;
}
[data-theme="dark"] .basket-match-result-header {
color: #B0ADB5;
}
[data-theme="dark"] .basket-match-result-row {
border-top-color: #38354A;
}
[data-theme="dark"] .basket-match-result-logo {
background: #38354A;
}
[data-theme="dark"] .ofs-team-matches-comp-name,
[data-theme="dark"] .ofs-team-matches-team-name {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-team-matches-table-header {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-team-squad-table-country-name {
color: #B0ADB5;
}
[data-theme="dark"] .ofs-match-detail-squad-expected-text {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-squad-team-name,
[data-theme="dark"] .ofs-match-detail-squad-team-detail {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-manager-photo {
background-color: #38354A;
}
[data-theme="dark"] .ofs-match-detail-managers-span,
[data-theme="dark"] .ofs-match-detail-manager-name {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-missing-player-div {
background: #252230;
}
[data-theme="dark"] .ofs-match-detail-sub-player-minute {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-statistics-stat-layer {
background-color: #252230;
}
[data-theme="dark"] .ofs-match-detail-statistics-stat-title,
[data-theme="dark"] .ofs-match-detail-statistics-team-header {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-statistics-stat-span,
[data-theme="dark"] .ofs-match-detail-statistics-stat-key,
[data-theme="dark"] .ofs-match-detail-statistics-stat-value,
[data-theme="dark"] .ofs-match-detail-statistics-team-item-header,
[data-theme="dark"] .ofs-match-detail-statistics-team-item-value {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-statistics-team-bar {
background: #252230;
}
[data-theme="dark"] .ofs-match-detail-statistics-player-name {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-comp-team-detail-card {
background-color: #252230;
}
[data-theme="dark"] .ofs-match-detail-comp-team-detail-card-draw {
background-color: #38354A;
}
[data-theme="dark"] .ofs-match-detail-comp-team-detail-card-text {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-comp-score {
color: #F0EEF5;
}
[data-theme="dark"] .carousel-indicators > button {
border-color: #38354A !important;
}
[data-theme="dark"] .ofs-match-detail-comp-item-row {
background: #252230;
}
[data-theme="dark"] .ofs-forum-input-wrapper {
background: #252230;
border-color: #38354A;
}
[data-theme="dark"] .ofs-forum-fixed-bottom-container {
background-color: #252230;
}
[data-theme="dark"] .ofs-match-squad-player-share {
border-color: #38354A;
}
[data-theme="dark"] .ofs-match-squad-player-stat-key {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-squad-player-stat-div {
background: #252230;
}
[data-theme="dark"] .ofs-possible-squad {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-forum-message {
color: #F0EEF5;
}
[data-theme="dark"] .player-position-value {
color: #F0EEF5;
}
[data-theme="dark"] .player-rating-title,
[data-theme="dark"] .player-avg-title {
color: #D0CEDC;
}
[data-theme="dark"] .player-transfer-table thead tr,
[data-theme="dark"] .player-transfer-table tbody tr {
border-bottom-color: #38354A;
}
[data-theme="dark"] .player-transfer-table thead tr th,
[data-theme="dark"] .player-transfer-table tbody tr td {
border-right-color: #38354A;
}
[data-theme="dark"] .career-card {
background: #252230;
border-color: #38354A;
}
[data-theme="dark"] .player-detail-header .detail-header-info {
background: #252230;
}
[data-theme="dark"] .player-detail-header .header-tabs {
background: #252230;
border-top-color: #38354A;
}
[data-theme="dark"] .player-info-value,
[data-theme="dark"] .stat-big-value {
color: #F0EEF5;
}
[data-theme="dark"] .player-info-label,
[data-theme="dark"] .stat-label {
color: #B0ADB5;
}
[data-theme="dark"] .shot-goal-wrap {
background: #2A1F20;
border-color: #5A3535;
}
[data-theme="dark"] .shot-goal-wrap .shot-title,
[data-theme="dark"] .shot-goal-wrap .shot-big-number {
color: #F0EEF5 !important;
}
[data-theme="dark"] #flow-middle-widget {
scrollbar-color: #4A4760 transparent;
}
[data-theme="dark"] #flow-middle-widget::-webkit-scrollbar-thumb {
background-color: #4A4760;
}
[data-theme="dark"] #flow-middle-widget::-webkit-scrollbar-thumb:hover {
background-color: #6B6875;
}
[data-theme="dark"] .flow-user-cat-menu {
background: #1E1B25;
border-color: #38354A;
}
[data-theme="dark"] .flow-user-cat-item,
[data-theme="dark"] .live-user-cat-item {
color: #F0EEF5;
}
[data-theme="dark"] .flow-user-cat-item:hover,
[data-theme="dark"] .live-user-cat-item:hover {
background: #2D2A3A;
}
[data-theme="dark"] .flow-user-cat-item.active,
[data-theme="dark"] .live-user-cat-item.active {
background: #38354A;
}
[data-theme="dark"] #flow-user-suggestions {
background: #1E1B25;
border-color: #38354A;
}
[data-theme="dark"] #marketTypeTabs .nav-link {
color: #B0ADB5;
}
[data-theme="dark"] #marketTypeTabs .nav-link:hover {
color: #F0EEF5;
}
[data-theme="dark"] .bulletin-tab-arrow {
background: #1E1B25;
}
[data-theme="dark"] .left-arrow {
background: linear-gradient(to right, #1E1B25 70%, rgba(30, 27, 37, 0));
}
[data-theme="dark"] .right-arrow {
background: linear-gradient(to left, #1E1B25 70%, rgba(30, 27, 37, 0));
}
[data-theme="dark"] .setting-checkbox {
background: #252230;
border-color: #38354A;
}
[data-theme="dark"] #offside-nav-bar li a,
[data-theme="dark"] .ofs-nav li a {
color: #FFFFFF;
}
[data-theme="dark"] #offside-nav-bar li a:hover {
color: #D94646;
}
[data-theme="dark"] .ofs-match-detail-odd-header {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-info,
[data-theme="dark"] .ofs-match-detail-info-flow {
color: #F0EEF5;
}
.ofs-flow-detail-btn {
color: #242129;
background: #EFEFEF;
}
[data-theme="dark"] .ofs-flow-detail-btn {
color: #F0EEF5;
background: #38354A;
}
[data-theme="dark"] .ofs-match-related-detail-card {
background: #252230;
border-color: #38354A;
}
[data-theme="dark"] .ofs-match-separator {
color: #B0ADB5;
}
[data-theme="dark"] .ofs-flow-comments-wrapper {
border-top-color: #38354A;
}
.ofs-comment-thread-line {
background: #e8e8e8;
}
[data-theme="dark"] .ofs-comment-thread-line {
background: #38354A;
}
.ofs-comment-divider {
border-color: #f0f0f0;
}
[data-theme="dark"] .ofs-comment-divider {
border-color: #38354A;
}
[data-theme="dark"] .social-slider-dot {
background: #252230;
border-color: #38354A;
}
[data-theme="dark"] .ofs-htft-table-wrapper .ofs-standing-table th:nth-child(1),
[data-theme="dark"] .ofs-htft-table-wrapper .ofs-standing-table td:nth-child(1),
[data-theme="dark"] .ofs-htft-table-wrapper .ofs-standing-table th:nth-child(2),
[data-theme="dark"] .ofs-htft-table-wrapper .ofs-standing-table td:nth-child(2) {
background: #1E1B25 !important;
}
[data-theme="dark"] #ofsStandingUnderOver,
[data-theme="dark"] #ofsStandingBtts {
background: transparent;
}
[data-theme="dark"] #match-detail-tabs .nav-link,
[data-theme="dark"] #mini-team-detail-tabs .nav-link,
[data-theme="dark"] #mini-team-sort-tabs .nav-link,
[data-theme="dark"] #mini-basket-team-detail-tabs .nav-link,
[data-theme="dark"] #mini-basket-sort-tabs .nav-link,
[data-theme="dark"] #mini-comp-detail-tabs .nav-link,
[data-theme="dark"] #match-detail-odd-tabs .nav-link,
[data-theme="dark"] #team-detail-tabs .nav-link,
[data-theme="dark"] #team-detail-matches-tabs .nav-link,
[data-theme="dark"] #volley-detail-tabs .nav-link {
color: #B0ADB5;
}
[data-theme="dark"] #match-detail-tabs .nav-link:hover,
[data-theme="dark"] #mini-team-detail-tabs .nav-link:hover,
[data-theme="dark"] #mini-team-sort-tabs .nav-link:hover,
[data-theme="dark"] #mini-basket-team-detail-tabs .nav-link:hover,
[data-theme="dark"] #mini-basket-sort-tabs .nav-link:hover,
[data-theme="dark"] #mini-comp-detail-tabs .nav-link:hover,
[data-theme="dark"] #match-detail-odd-tabs .nav-link:hover,
[data-theme="dark"] #team-detail-tabs .nav-link:hover,
[data-theme="dark"] #team-detail-matches-tabs .nav-link:hover,
[data-theme="dark"] #volley-detail-tabs .nav-link:hover {
color: #F0EEF5;
}
[data-theme="dark"] #match-detail-tabs .nav-link.active,
[data-theme="dark"] #mini-team-detail-tabs .nav-link.active,
[data-theme="dark"] #mini-team-sort-tabs .nav-link.active,
[data-theme="dark"] #mini-basket-team-detail-tabs .nav-link.active,
[data-theme="dark"] #mini-basket-sort-tabs .nav-link.active,
[data-theme="dark"] #mini-comp-detail-tabs .nav-link.active,
[data-theme="dark"] #match-detail-odd-tabs .nav-link.active,
[data-theme="dark"] #team-detail-tabs .nav-link.active,
[data-theme="dark"] #team-detail-matches-tabs .nav-link.active,
[data-theme="dark"] #volley-detail-tabs .nav-link.active {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-popular-matches-card-header {
color: #F0EEF5;
}
[data-theme="dark"] #miniStandingTabBar {
background: #38354A;
}
[data-theme="dark"] .mini-st-tab {
color: #B0ADB5;
}
[data-theme="dark"] .mini-st-tab.active {
background: #D94646;
color: #fff;
}
[data-theme="dark"] .mini-knob {
background: #252230;
color: #D94646;
}
[data-theme="dark"] .ofs-standing-table tbody tr.mini-active-team {
background: var(--w-color) !important;
}
[data-theme="dark"] .mini-comp-st-outcome {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-sportbar-tab li.active-tab a,
[data-theme="dark"] .ofs-sportbar-tab-list li.active-tab a {
color: #FFFFFF;
}
[data-theme="dark"] .ofs-forum-time {
color: #B0ADB5;
}
[data-theme="dark"] .ofs-forum-social {
color: #B0ADB5;
}
[data-theme="dark"] .ofs-forum-icon {
filter: brightness(0) invert(0.8);
}
[data-theme="dark"] .ofs-media-item {
background: #252230;
}
[data-theme="dark"] .ofs-recommended-users [style*="color:#000000"],
[data-theme="dark"] .ofs-recommended-users [style*="color:#242129"] {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-recommended-users [style*="color:#959297"] {
color: #B0ADB5 !important;
}
[data-theme="dark"] .ofs-recommended-users [style*="background:#EFEFEF"],
[data-theme="dark"] .ofs-recommended-users [style*="background: #EFEFEF"] {
background: #38354A !important;
}
[data-theme="dark"] .ofs-recommended-users [style*="border:1.5px solid #e0e0e0"] {
border-color: #38354A !important;
}
[data-theme="dark"] .ofs-recommended-users [style*="border-bottom:1px solid #f0f0f0"] {
border-bottom-color: #38354A !important;
}
#darkModeToggle {
color: #fff;
}
#darkModeToggle:hover {
color: #D94646;
}
[data-theme="dark"] .ofs-mini-match-detail-comp-item-row {
background: #1E1B25;
}
[data-theme="dark"] .ofs-mini-match-detail-missing-player-div {
background: #252230;
}
[data-theme="dark"] .match-detail-minute,
[data-theme="dark"] .match-detail-minute-score {
color: #F0EEF5;
}
[data-theme="dark"] .match-detail-assist {
color: #B0ADB5;
}
[data-theme="dark"] .match-detail-period-box {
background: #38354A;
color: #F0EEF5;
}
[data-theme="dark"] .match-detail-period-line span {
color: #B0ADB5;
}
[data-theme="dark"] .match-detail-divider::before {
background: linear-gradient(to right, transparent, #38354A);
}
[data-theme="dark"] .match-detail-divider::after {
background: linear-gradient(to left, transparent, #38354A);
}
[data-theme="dark"] .match-detail-divider span {
background: #38354A;
}
[data-theme="dark"] .text-secondary {
color: #B0ADB5 !important;
}
[data-theme="dark"] .ofs-bg-gray {
background: #252230;
}
[data-theme="dark"] .ofs-match-detail-odd-id {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-match-detail-odd-value {
color: #B0ADB5;
}
[data-theme="dark"] .odd-square {
border-color: #38354A;
}
[data-theme="dark"] #liveDatePickerTrigger img {
filter: brightness(0) invert(1);
}
[data-theme="dark"] #calendarDay {
color: #F0EEF5 !important;
}
[data-theme="dark"] #liveDatePickerTrigger {
border-right-color: #38354A !important;
}
[data-theme="dark"] .custom-calendar-popup {
background: #1E1B25 !important;
box-shadow: 0px 12px 48px #00000066;
}
[data-theme="dark"] .settings-popup {
background: #1E1B25 !important;
box-shadow: 0px 12px 48px #00000066;
}
[data-theme="dark"] .flatpickr-calendar {
background: #1E1B25 !important;
border: 1px solid #38354A !important;
box-shadow: 0px 8px 24px #00000055 !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .flatpickr-prev-month svg,
[data-theme="dark"] .flatpickr-next-month svg {
fill: #F0EEF5 !important;
}
[data-theme="dark"] .flatpickr-prev-month:hover svg,
[data-theme="dark"] .flatpickr-next-month:hover svg {
fill: #D94646 !important;
}
[data-theme="dark"] .flatpickr-months,
[data-theme="dark"] .flatpickr-month {
background: #252230 !important;
color: #F0EEF5 !important;
fill: #F0EEF5 !important;
}
[data-theme="dark"] .flatpickr-monthDropdown-months {
background: #252230 !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .flatpickr-monthDropdown-month {
background: #252230 !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .flatpickr-current-month input.cur-year {
color: #F0EEF5 !important;
}
[data-theme="dark"] .numInputWrapper span.arrowUp::after {
border-bottom-color: #F0EEF5 !important;
}
[data-theme="dark"] .numInputWrapper span.arrowDown::after {
border-top-color: #F0EEF5 !important;
}
[data-theme="dark"] .flatpickr-days,
[data-theme="dark"] .dayContainer {
background: #1E1B25 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .flatpickr-day.flatpickr-disabled,
[data-theme="dark"] .flatpickr-day.flatpickr-disabled:hover {
color: #4A4755 !important;
}
[data-theme="dark"] .flatpickr-day.prevMonthDay,
[data-theme="dark"] .flatpickr-day.nextMonthDay {
color: #6B6875 !important;
}
[data-theme="dark"] .flatpickr-weekdays {
background: #252230 !important;
}
[data-theme="dark"] .flatpickr-calendar.hasTime .flatpickr-time {
background: #1E1B25 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .flatpickr-prev-month,
[data-theme="dark"] .flatpickr-next-month {
color: #F0EEF5 !important;
fill: #F0EEF5 !important;
}
[data-theme="dark"] .settings-li-item {
background: #252230;
}
[data-theme="dark"] img[src*="sound-off-icon.svg"] {
filter: brightness(0) invert(0.58) !important;
}
[data-theme="dark"] .ofs-search-panel {
background: #1E1B25 !important;
}
[data-theme="dark"] .ofs-search-inner h4 {
color: #F0EEF5;
}
[data-theme="dark"] .item-main-name {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-search-item:hover {
background: #2D2A3A;
}
[data-theme="dark"] .search-tabs li.active {
color: #F0EEF5;
}
[data-theme="dark"] #ofs-post-detail-card {
background: #1E1B25 !important;
}
[data-theme="dark"] .ofs-post-detail-close {
color: #F0EEF5 !important;
}
[data-theme="dark"] #ofs-post-detail-card .ofs-forum-time {
color: #B0ADB5 !important;
}
[data-theme="dark"] #ofs-post-detail-card [style*="background:#e8e8e8"] {
background: #38354A !important;
}
[data-theme="dark"] #ofs-post-detail-card hr {
border-color: #38354A !important;
}
[data-theme="dark"] #refreshFlow {
filter: brightness(0) invert(1);
}
[data-theme="dark"] #live-search-input {
border-color: #38354A !important;
}
[data-theme="dark"] #live-user-suggestions {
background: #1E1B25 !important;
border-color: #38354A !important;
}
[data-theme="dark"] #iddaa-toggle-icon {
filter: brightness(0) invert(1) !important;
}
[data-theme="dark"] #settingsBtn img.setting-icon {
filter: brightness(0) invert(1) !important;
}
[data-theme="dark"] .iddaa-bet-cell {
color: #F0EEF5;
}
[data-theme="dark"] .team-matches-thead th {
background-color: #1E1B25 !important;
}
[data-theme="dark"] .team-matches-thead {
box-shadow: inset 0 -1px 0 #38354A;
}
[data-theme="dark"] .ofs-team-squad-header {
color: #B0ADB5 !important;
}
[data-theme="dark"] .ofs-team-squad-table-value {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-team-squad-table-player-name {
color: #F0EEF5 !important;
}
[data-theme="dark"] #mini-basket-squad-pane table thead th:first-child,
[data-theme="dark"] #mini-basket-squad-pane table tbody td:first-child {
background-color: #1E1B25 !important;
}
[data-theme="dark"] table.mini-ps-table > tbody > tr > td {
color: #F0EEF5 !important;
}
[data-theme="dark"] table.mini-ps-table > thead > tr > th {
color: #B0ADB5 !important;
}
[data-theme="dark"] table.mini-ps-table.table-striped > tbody > tr:nth-of-type(odd) > * {
background-color: rgba(255,255,255,0.04) !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .mini-ps-outcome {
color: #F0EEF5 !important;
}
[data-theme="dark"] .mini-ps-tab {
color: #B0ADB5;
}
[data-theme="dark"] .mini-comp-st-outcome {
color: #F0EEF5 !important;
}
[data-theme="dark"] .header-primary-name {
color: #F0EEF5;
}
[data-theme="dark"] .text-offside-black {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-week-select,
[data-theme="dark"] .ofs-season-select {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-week-option,
[data-theme="dark"] .ofs-season-option {
color: #F0EEF5;
}
[data-theme="dark"] .calendar-icon {
filter: brightness(0) invert(1);
}
[data-theme="dark"] .darkDropdown-menu {
background: #1E1B25 !important;
border: 1px solid #38354A;
}
[data-theme="dark"] .darkDropdown-item {
color: #F0EEF5;
}
[data-theme="dark"] .darkDropdown-item:hover {
background: #252230;
}
[data-theme="dark"] .ofs-all-competitions-wrapper {
background: #1E1B25;
}
[data-theme="dark"] .ofs-all-country-leagues {
background: #252230 !important;
}
[data-theme="dark"] #ofs-country-header {
background: #252230 !important;
}
[data-theme="dark"] .ofs-competitions-search-area input {
color: #F0EEF5;
}
[data-theme="dark"] .ofs-competition-tabs {
background: #1E1B25;
}
[data-theme="dark"] .ofs-tab.active {
color: #F0EEF5;
}
[data-theme="dark"] #ofsStanding,
[data-theme="dark"] #underOverTab,
[data-theme="dark"] #bttsTab,
[data-theme="dark"] #htftTab,
[data-theme="dark"] #cardCornerTab {
background: #38354A !important;
}
[data-theme="dark"] .ofs-standing-table tbody tr:hover {
background-color: #252230;
box-shadow: none;
}
[data-theme="dark"] .ofs-standing-table tbody tr.standing-home-active {
background-color: rgba(39, 174, 96, 0.15) !important;
}
[data-theme="dark"] .ofs-standing-table tbody tr.standing-away-active {
background-color: rgba(217, 70, 70, 0.15) !important;
}
[data-theme="dark"] .standing-top-tab-btn {
color: #F0EEF5;
border-color: #38354A;
background: #252230;
}
[data-theme="dark"] .standing-top-tab-menu {
background: #1E1B25 !important;
border-color: #38354A;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .standing-top-tab-item {
color: #F0EEF5;
border-color: #38354A;
}
[data-theme="dark"] .standing-top-tab-item:hover {
background: #252230;
}
[data-theme="dark"] .tab-content {
background: #1E1B25;
overflow: hidden;
}
[data-theme="dark"] .ofs-competition-standing-tabs {
background: #1E1B25;
}
[data-theme="dark"] .bg-base-white {
background: #252230 !important;
}
[data-theme="dark"] .bg-base-gray {
background: #1E1B25 !important;
}
[data-theme="dark"] .card {
background: #252230 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .card-gray {
background: #1E1B25 !important;
}
[data-theme="dark"] .card-font {
color: #F0EEF5 !important;
}
[data-theme="dark"] .card-secondary-font {
color: #B0ADB5 !important;
}
[data-theme="dark"] .progress {
background-color: #38354A !important;
}
[data-theme="dark"] .match-win { background: rgba(39,174,96,0.15) !important; }
[data-theme="dark"] .match-draw { background: #38354A !important; }
[data-theme="dark"] .match-lose { background: rgba(217,70,70,0.15) !important; }
[data-theme="dark"] #statisticsContent {
background: #1E1B25 !important;
}
[data-theme="dark"] .tab-content {
background: #1E1B25 !important;
}
[data-theme="dark"] .ofs-statistics-table th {
background: #1E1B25 !important;
color: #B0ADB5 !important;
}
[data-theme="dark"] .ofs-statistics-table td {
color: #F0EEF5 !important;
}
[data-theme="dark"] #ofs-comp-statistics-player-table tbody td,
[data-theme="dark"] #ofs-comp-statistics-team-table tbody td,
[data-theme="dark"] #ofs-comp-statistics-referee-table tbody td {
color: #F0EEF5 !important;
}
[data-theme="dark"] .sticky-col {
background: #1E1B25 !important;
}
[data-theme="dark"] .ofs-statistics-table th:first-child {
background: #1E1B25 !important;
}
[data-theme="dark"] .ofs-statistics-table tbody tr:hover .sticky-col {
background: #252230 !important;
}
[data-theme="dark"] .ofs-statistics-table th,
[data-theme="dark"] .ofs-statistics-table td {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .ofs-statistics-table tbody tr:hover {
background: #252230;
}
[data-theme="dark"] .sortable:hover {
background-color: #252230 !important;
}
[data-theme="dark"] .stat-tab-item.active {
color: #F0EEF5 !important;
}
[data-theme="dark"] div.dataTables_wrapper,
[data-theme="dark"] div.dt-container,
[data-theme="dark"] div.dtfc-fixed-start {
--offside-black: #F0EEF5;
--base-gray: #252230;
--on-tap-passive-gray-on-white: #38354A;
--dtfc-thead-cell_background: #252230;
--dtfc-tbody-cell_background: #252230;
color: #F0EEF5 !important;
}
[data-theme="dark"] .transfer-table-th {
color: #B0ADB5 !important;
}
[data-theme="dark"] .player-table-cat,
[data-theme="dark"] .min-match-filter {
color: #B0ADB5;
background: #252230;
border-color: #38354A;
}
[data-theme="dark"] .ofs-standing-matches-table tr[data-home-id]:hover {
background: #252230 !important;
}
[data-theme="dark"] .ofs-standing-matches-table tr.fixture-row-active,
[data-theme="dark"] .ofs-standing-matches-table tr.standing-home-active {
background: rgba(39,174,96,0.15) !important;
}
[data-theme="dark"] .ofs-standing-matches-table tr.standing-away-active {
background: rgba(217,70,70,0.15) !important;
}
[data-theme="dark"] .ofs-competition-current-week {
background: #252230;
color: #F0EEF5;
}
[data-theme="dark"] .current-week-title,
[data-theme="dark"] .fixture-week-text {
color: #F0EEF5;
}
[data-theme="dark"] .fixture-team-name {
color: #F0EEF5;
}
[data-theme="dark"] .match-date {
color: #B0ADB5;
}
[data-theme="dark"] .winners-by-year-table th,
[data-theme="dark"] .winners-by-year-table td {
border-bottom-color: #38354A;
color: #F0EEF5;
}
[data-theme="dark"] .winners-by-year-table tr {
background: transparent;
}
[data-theme="dark"] .history-tab-item {
color: #B0ADB5;
cursor: pointer;
}
[data-theme="dark"] #playerRecordModal .modal-content {
background: #1E1B25;
border-color: #38354A;
}
[data-theme="dark"] #playerRecordModal .modal-header {
background: #252230 !important;
border-bottom-color: #38354A !important;
}
[data-theme="dark"] #playerRecordModal .modal-title {
color: #F0EEF5 !important;
}
[data-theme="dark"] #playerRecordModal .btn-close {
filter: invert(1);
}
[data-theme="dark"] #modal-record-table thead th,
[data-theme="dark"] #modal-record-table tbody td {
color: #F0EEF5;
border-bottom-color: #38354A;
}
[data-theme="dark"] #modal-record-table tbody tr:hover {
background: #252230;
}
[data-theme="dark"] .team-squad {
background: #252230 !important;
}
[data-theme="dark"] .team-detail-matches-table {
background: #1E1B25 !important;
}
[data-theme="dark"] .team-detail-matches-table thead tr,
[data-theme="dark"] .team-detail-matches-table tbody tr,
[data-theme="dark"] .team-detail-matches-table thead tr th,
[data-theme="dark"] .team-detail-matches-table tbody tr td {
border-color: #38354A !important;
}
[data-theme="dark"] .team-detail-stat-table table tbody tr:last-child,
[data-theme="dark"] .team-detail-stat-table thead tr {
border-color: #38354A !important;
}
[data-theme="dark"] .team-detail-squad-table thead tr th,
[data-theme="dark"] .team-detail-squad-table tbody tr td,
[data-theme="dark"] .team-detail-squad-table thead tr,
[data-theme="dark"] .team-detail-squad-table tbody tr {
border-color: #38354A !important;
}
[data-theme="dark"] .squad-player-table tbody tr:hover td,
[data-theme="dark"] .squad-player-table tbody tr:hover th {
background-color: #252230 !important;
box-shadow: none !important;
}
[data-theme="dark"] .team-squad-tab {
border-color: #38354A;
}
[data-theme="dark"] .team-squad-tab span {
background: #38354A;
color: #B0ADB5;
}
[data-theme="dark"] .matches-collapse {
border-color: #38354A;
background: #252230;
}
[data-theme="dark"] .team-matches-nav-sticky {
background: #1E1B25 !important;
}
[data-theme="dark"] #historyInnerTabs .history-tab-btn.active {
color: #F0EEF5;
}
[data-theme="dark"] .career-stat-table {
background: #252230 !important;
}
[data-theme="dark"] .career-stat-table thead tr,
[data-theme="dark"] .career-total-row {
background: #252230 !important;
}
[data-theme="dark"] .career-total-row.career-expandable:hover {
background: #1E1B25 !important;
}
[data-theme="dark"] .career-comp-row {
background: #1E1B25 !important;
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .career-grand-total-row {
background: #38354A !important;
border-top-color: #4A4757 !important;
}
[data-theme="dark"] .career-total-row {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .career-stat-table thead th {
color: #B0ADB5 !important;
background: #252230 !important;
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .career-team-name {
color: #F0EEF5 !important;
}
[data-theme="dark"] .career-comp-name,
[data-theme="dark"] .career-comp-stat,
[data-theme="dark"] .career-td-season,
[data-theme="dark"] .career-td-stat {
color: #F0EEF5 !important;
}
[data-theme="dark"] .career-grand-total-label,
[data-theme="dark"] .career-grand-total-stat {
color: #F0EEF5 !important;
}
[data-theme="dark"] .career-chevron svg {
color: #B0ADB5 !important;
}
[data-theme="dark"] .career-comp-row {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .career-grand-total-row {
border-top-color: #4A4757 !important;
}
[data-theme="dark"] .player-detail-header .detail-header-info {
background: #252230 !important;
}
[data-theme="dark"] .player-detail-header .header-tabs {
background: #252230 !important;
border-top-color: #38354A !important;
}
[data-theme="dark"] .player-detail-header .header-tab.active {
color: #F0EEF5;
}
[data-theme="dark"] .player-detail-header .header-info-name,
[data-theme="dark"] .player-detail-header .header-info-country-name {
color: #F0EEF5;
}
[data-theme="dark"] .career-card {
background: #252230 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .player-position-value,
[data-theme="dark"] .player-info-value,
[data-theme="dark"] .stat-big-value,
[data-theme="dark"] .player-rating-title,
[data-theme="dark"] .player-avg-title {
color: #F0EEF5 !important;
}
[data-theme="dark"] .player-info-label,
[data-theme="dark"] .player-position-title {
color: #B0ADB5 !important;
}
[data-theme="dark"] .pmm-box {
background: #1E1B25 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .pmm-th {
background: #252230 !important;
color: #B0ADB5 !important;
}
[data-theme="dark"] .pmm-nav-btn {
background: #252230 !important;
color: #F0EEF5 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .pmm-comp-label {
background: #38354A !important;
color: #B0ADB5 !important;
}
[data-theme="dark"] .pmm-team-name-hdr {
color: #B0ADB5 !important;
}
[data-theme="dark"] .pmm-td-date {
color: #B0ADB5 !important;
}
[data-theme="dark"] .si-dropdown-panel {
background: #252230 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .season-perf-league-btn {
background: #252230 !important;
color: #F0EEF5 !important;
border-color: #38354A;
}
[data-theme="dark"] .cmp-sticky-header {
background: #1E1B25 !important;
}
[data-theme="dark"] .cmp-player-card {
background: #252230 !important;
}
[data-theme="dark"] .cmp-search-wrap {
background: #252230 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .cmp-player-meta,
[data-theme="dark"] .cmp-stat-label,
[data-theme="dark"] .cmp-legend-name {
color: #B0ADB5 !important;
}
[data-theme="dark"] .cmp-search-item-meta {
color: #B0ADB5 !important;
}
[data-theme="dark"] .rels-search-input {
background: #252230 !important;
color: #F0EEF5 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .sp-mode-btn {
background: #252230 !important;
color: #B0ADB5 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .player-record-table thead th {
background: #252230 !important;
color: #B0ADB5;
border-bottom-color: #38354A;
}
[data-theme="dark"] .player-record-table tbody tr,
[data-theme="dark"] .player-record-table tbody td {
background: #1E1B25 !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .stat-card h2 {
color: #F0EEF5 !important;
}
[data-theme="dark"] .search-wrapper input,
[data-theme="dark"] .custom-select {
background: #252230 !important;
color: #F0EEF5 !important;
border-color: #38354A;
}
[data-theme="dark"] .mgr-header,
[data-theme="dark"] .mgr-card,
[data-theme="dark"] .mgr-social-card {
background: #252230 !important;
}
[data-theme="dark"] .mgr-header-name,
[data-theme="dark"] .mgr-card-title {
color: #F0EEF5 !important;
}
[data-theme="dark"] .mgr-header-meta-item {
color: #B0ADB5;
}
[data-theme="dark"] .mgr-stats-row {
border-top-color: #38354A;
}
[data-theme="dark"] .mgr-fan-wrap {
border-top-color: #38354A;
}
[data-theme="dark"] .mgr-fan-divider {
background: #38354A !important;
}
[data-theme="dark"] .mgr-fan-thumb-down {
background: #38354A !important;
}
[data-theme="dark"] .mgr-player-btn {
background: #38354A !important;
border-color: #38354A !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .mgr-player-btn:hover {
background: #4A4757 !important;
}
[data-theme="dark"] .mgr-career-table tbody td {
color: #F0EEF5 !important;
}
[data-theme="dark"] .mgr-career-table tbody td:first-child {
color: #B0ADB5 !important;
}
[data-theme="dark"] .mgr-career-table thead th {
color: #B0ADB5 !important;
}
[data-theme="dark"] .mgr-career-table thead tr {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .mgr-career-table tbody tr {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .mgr-career-table tbody tr:hover {
background: #1E1B25 !important;
}
[data-theme="dark"] .mgr-career-team a {
color: #F0EEF5 !important;
}
[data-theme="dark"] .mgr-role-badge {
background: #38354A !important;
color: #B0ADB5 !important;
}
[data-theme="dark"] .mgr-stat-label {
color: #B0ADB5;
}
[data-theme="dark"] .ref-header,
[data-theme="dark"] .ref-card,
[data-theme="dark"] .ref-modal-wrapper {
background: #252230 !important;
}
[data-theme="dark"] .ref-header-name,
[data-theme="dark"] .ref-card-title {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ref-header-meta-item {
color: #B0ADB5 !important;
}
[data-theme="dark"] .ref-stats-row {
border-top-color: #38354A;
}
[data-theme="dark"] .ref-stat-label {
color: #B0ADB5;
}
[data-theme="dark"] .ref-stat-tabs-bar {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .ref-stat-tab:hover,
[data-theme="dark"] .ref-stat-tab.active {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ref-stat-search {
background: #252230 !important;
border-color: #38354A !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .ref-stat-table thead tr,
[data-theme="dark"] .ref-stat-table tbody tr {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .ref-stat-table tbody td,
[data-theme="dark"] .ref-item-cell span {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ref-stat-table tbody tr:hover {
background: #1E1B25 !important;
}
[data-theme="dark"] .ref-stat-table thead th:first-child,
[data-theme="dark"] .ref-stat-table tbody td:first-child {
background: #252230;
box-shadow: 2px 0 4px -1px rgba(0,0,0,0.3);
}
[data-theme="dark"] .ref-stat-table tbody tr:hover td:first-child {
background: #1E1B25;
}
[data-theme="dark"] .ofs-competition-stat-tabs {
background: #1E1B25;
}
[data-theme="dark"] .ofs-stat-tab {
color: #B0ADB5;
}
[data-theme="dark"] .ofs-stat-tab.active {
color: #F0EEF5;
border-bottom-color: #D94646;
}
[data-theme="dark"] .supporter-type-tab {
color: #B0ADB5;
}
[data-theme="dark"] .supporter-type-tab .active {
color: #F0EEF5;
}
[data-theme="dark"] .supporter-table thead tr th {
color: #B0ADB5;
border-bottom-color: #38354A;
}
[data-theme="dark"] .supporter-table tbody tr {
border-bottom-color: #38354A;
}
[data-theme="dark"] .supporter-table tbody td {
color: #F0EEF5;
}
[data-theme="dark"] .mgr-card [style*="color:#242129"] {
color: #F0EEF5 !important;
}
[data-theme="dark"] .mgr-card [style*="border-bottom:1px solid #F0F0F0"] {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] [style*="background:#242129"] {
background: #B0ADB5 !important;
}
[data-theme="dark"] [style*="background-color: #E9ECEF"],
[data-theme="dark"] [style*="background-color:#E9ECEF"] {
background-color: #38354A !important;
}
[data-theme="dark"] [style*="background: #F6F6F6"],
[data-theme="dark"] [style*="background:#F6F6F6"] {
background: #1E1B25 !important;
}
[data-theme="dark"] .text-offside-black {
color: #F0EEF5 !important;
}
[data-theme="dark"] .text-true-black {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-match-detail-team-name {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-match-detail-score-number {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-popular-matches-manager {
color: #B0ADB5 !important;
}
[data-theme="dark"] .form-draw {
background: #6B7280 !important;
color: #fff !important;
}
[data-theme="dark"] .squad-player-table tfoot th {
color: #B0ADB5;
border-top-color: #38354A;
}
[data-theme="dark"] .ofs-match-detail-statistics-player-team-name {
color: #B0ADB5 !important;
}
[data-theme="dark"] .bg-white.rounded {
background: #252230 !important;
}
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-accent-bg: rgba(255, 255, 255, 0.04);
color: var(--bs-body-color);
}
[data-theme="dark"] .summary-label {
color: #B0ADB5 !important;
}
[data-theme="dark"] .summary-value {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-team-transfers-table-header {
color: #B0ADB5 !important;
}
[data-theme="dark"] .teamMatchesAgainstCountry-btn {
background: #38354A !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .teamMatchesAgainstCountry-btn:hover,
[data-theme="dark"] .teamMatchesAgainstCountry-btn:focus {
background: #4A4757 !important;
}
[data-theme="dark"] .teamMatchesAgainstCountry-menu {
background: #252230 !important;
border: 1px solid #38354A !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .teamMatchesAgainstCountry-item {
color: #F0EEF5 !important;
}
[data-theme="dark"] .teamMatchesAgainstCountry-item:hover {
background: #38354A !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-team-against-dropdown-item {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-award-container {
background-color: #1E1B25 !important;
}
[data-theme="dark"] .ofs-basket-period-wrapper {
background-color: #252230 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .ofs-basket-period-header {
background-color: #252230 !important;
}
[data-theme="dark"] .ofs-basket-period-header:hover {
background-color: #2E2B3A !important;
}
[data-theme="dark"] .ofs-competition-name {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-basket-period-arrow {
border-right-color: #B0ADB5 !important;
border-bottom-color: #B0ADB5 !important;
}
[data-theme="dark"] .ofs-basket-period-content {
background-color: #1E1B25 !important;
}
[data-theme="dark"] .ofs-season-row {
border-top-color: #38354A !important;
}
[data-theme="dark"] .ofs-season-year {
color: #B0ADB5 !important;
border-right-color: #38354A !important;
}
[data-theme="dark"] .ofs-manager-name {
color: #F0EEF5 !important;
}
[data-theme="dark"] .position-circle {
color: #FFFFFF !important;
}
[data-theme="dark"] .other-position {
background-color: #3D3A4A !important;
}
[data-theme="dark"] .bar-value {
color: #F0EEF5 !important;
}
[data-theme="dark"] .month {
color: #B0ADB5 !important;
}
[data-theme="dark"] .profile-col .br-10[style*="FFF8CC"] {
background: linear-gradient(251deg, #3B3520 0%, #4A3A1A 100%) !important;
}
[data-theme="dark"] .career-summary-card {
background: #252230 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .career-summary-title {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .career-summary-table thead tr {
background: #252230 !important;
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .career-summary-table thead th {
color: #B0ADB5 !important;
}
[data-theme="dark"] .cs-row {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .career-summary-table .cs-td-season,
[data-theme="dark"] .career-summary-table .cs-td-stat {
color: #F0EEF5 !important;
}
[data-theme="dark"] .career-summary-table .cs-team-name {
color: #F0EEF5 !important;
}
[data-theme="dark"] .season-perf-table td {
border-bottom-color: #38354A !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .season-perf-table th {
color: #B0ADB5 !important;
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .season-perf-section td {
background: #2A2737 !important;
color: #B0ADB5 !important;
}
[data-theme="dark"] .season-perf-table td.sp-bar-cell {
border-left-color: #38354A !important;
}
[data-theme="dark"] .sp-pct-track {
background: #38354A !important;
}
[data-theme="dark"] .si-dropdown-item {
color: #F0EEF5 !important;
}
[data-theme="dark"] .si-dropdown-item + .si-dropdown-item {
border-top-color: #38354A !important;
}
[data-theme="dark"] .si-dropdown-item:hover {
background: #38354A !important;
}
[data-theme="dark"] .sp-mode-toggle {
border-color: #38354A !important;
}
[data-theme="dark"] .shot-goal-net {
background: #1A2E1A !important;
}
[data-theme="dark"] .shot-title-green {
color: #4BB34A !important;
}
[data-theme="dark"] .shot-goal-frame {
border-top-color: rgba(200, 195, 210, 0.9) !important;
border-left-color: rgba(200, 195, 210, 0.9) !important;
border-right-color: rgba(200, 195, 210, 0.9) !important;
}
[data-theme="dark"] .sp-rank-info-btn {
border-color: #6B6875 !important;
color: #B0ADB5 !important;
}
[data-theme="dark"] .sp-rank-info-btn:hover {
border-color: #B0ADB5 !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .sp-rank-tooltip {
background: #1E1B25 !important;
border: 1px solid #38354A;
}
[data-theme="dark"] .sp-rank-tooltip::before {
background: #1E1B25 !important;
}
[data-theme="dark"] .rels-th {
background: #252230 !important;
color: #B0ADB5 !important;
box-shadow: inset 0 -1px 0 #38354A !important;
}
[data-theme="dark"] .rels-th.sortable:hover {
color: #F0EEF5 !important;
}
[data-theme="dark"] .rels-tr {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .rels-tr:hover {
background: #2A2737 !important;
}
[data-theme="dark"] .rels-td {
color: #F0EEF5 !important;
}
[data-theme="dark"] .rels-player-name {
color: #F0EEF5 !important;
}
[data-theme="dark"] .rels-team-logo {
border-color: #38354A !important;
}
[data-theme="dark"] .rels-stat-highlight {
color: #F0EEF5 !important;
}
[data-theme="dark"] .rels-search-input {
color: #F0EEF5 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .player-transfer-table thead th {
color: #B0ADB5 !important;
background: #252230 !important;
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .player-transfer-table tbody td {
color: #F0EEF5 !important;
}
[data-theme="dark"] .player-transfer-table .transfer-team-name,
[data-theme="dark"] .player-transfer-table .td-numeric {
color: #F0EEF5 !important;
}
[data-theme="dark"] .transfer-table-header {
color: #B0ADB5 !important;
}
[data-theme="dark"] .open-sans-black-10px {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-match-detail-odd-value {
color: #B0ADB5 !important;
}
[data-theme="dark"] .tab-arrow.right-arrow {
background: linear-gradient(to left, #252230 80%, rgba(37, 34, 48, 0)) !important;
}
[data-theme="dark"] .tab-arrow.left-arrow {
background: linear-gradient(to right, #252230 80%, rgba(37, 34, 48, 0)) !important;
}
[data-theme="dark"] #match-detail-odd-tabs,
[data-theme="dark"] #match-detail-odds-tab-content {
background: #252230;
}
[data-theme="dark"] #match-detail-odds-tab-content .tab-pane > .row {
background: #252230;
}
[data-theme="dark"] #match-detail-odds-tab-content .col-12.ofs-bg-gray,
[data-theme="dark"] #match-detail-odds-tab-content .col-12.ofs-bg-passive {
background: #2E2B3A !important;
}
[data-theme="dark"] #match-detail-odds-tab-content .row[class*="bm-"] {
background: #2E2B3A;
}
[data-theme="dark"] #matchStandingTabBar {
background: #38354A !important;
}
[data-theme="dark"] .match-st-tab {
color: #B0ADB5 !important;
}
[data-theme="dark"] .match-st-tab.active {
background: #D94646 !important;
color: #fff !important;
}
[data-theme="dark"] .match-standing-fixture-row {
border-color: #38354A !important;
background: #252230 !important;
}
[data-theme="dark"] .match-standing-fixture-score a {
background: #38354A !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .match-standing-fixture-score a.is-live {
color: #D94646 !important;
}
[data-theme="dark"] .match-standing-fixture-date,
[data-theme="dark"] .match-standing-fixture-status {
color: #B0ADB5 !important;
}
[data-theme="dark"] .match-standing-fixture-team a {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-standing-table tr {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .ofs-standing-table tbody tr td {
color: #F0EEF5 !important;
}
[data-theme="dark"] .supporter-team-name {
color: #F0EEF5 !important;
}
[data-theme="dark"] .center-icon {
color: #B0ADB5 !important;
}
[data-theme="dark"] .supporter-stat-value {
color: #F0EEF5 !important;
}
[data-theme="dark"] .supporter-stat-label {
color: #B0ADB5 !important;
}
[data-theme="dark"] .databank-filter-bar {
background: #252230 !important;
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .databank-filter-bar .form-control,
[data-theme="dark"] .databank-filter-bar .form-select {
background-color: #1E1B25 !important;
color: #F0EEF5 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .databank-table thead tr {
background: #2A2737 !important;
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .databank-table thead th {
color: #B0ADB5 !important;
}
[data-theme="dark"] .databank-table tbody tr {
border-bottom-color: #38354A !important;
}
[data-theme="dark"] .databank-table tbody tr:hover {
background: #2A2737 !important;
}
[data-theme="dark"] .databank-table tbody td {
color: #F0EEF5 !important;
}
[data-theme="dark"] .player-name-link {
color: #F0EEF5 !important;
}
[data-theme="dark"] .pos-badge {
background: #38354A !important;
color: #B0ADB5 !important;
}
[data-theme="dark"] .databank-pagination a,
[data-theme="dark"] .databank-pagination span {
background: #252230 !important;
border-color: #38354A !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .databank-pagination a:hover {
background: #38354A !important;
}
[data-theme="dark"] .databank-btn-secondary {
border-color: #38354A !important;
color: #B0ADB5 !important;
}
[data-theme="dark"] .databank-btn-secondary:hover {
background-color: #38354A !important;
}
[data-theme="dark"] .shop-item-card {
background: #2A2737 !important;
}
[data-theme="dark"] .shop-item-card-title {
color: #F0EEF5 !important;
}
[data-theme="dark"] .shop-item-card-footer {
color: #B0ADB5 !important;
}
[data-theme="dark"] .shop-detail-image-box {
background: #2A2737 !important;
border-color: #38354A !important;
}
[data-theme="dark"] .shop-detail-title,
[data-theme="dark"] .shop-detail-price,
[data-theme="dark"] .shop-detail-meta {
color: #F0EEF5 !important;
}
[data-theme="dark"] .shop-detail-price-row {
background: #38354A !important;
}
[data-theme="dark"] .player-record-table th,
[data-theme="dark"] .player-record-table td {
border-color: #38354A !important;
}
[data-theme="dark"] .player-record-table thead th {
background: #252230 !important;
color: #B0ADB5 !important;
}
[data-theme="dark"] .player-record-table tbody td {
color: #F0EEF5 !important;
background: #1E1B25 !important;
}
[data-theme="dark"] .player-record-table tbody tr:hover td {
background: #2A2737 !important;
}
[data-theme="dark"] .stat-card h2 {
color: #F0EEF5 !important;
}
[data-theme="dark"] .purchase-user-name {
color: #F0EEF5 !important;
}
[data-theme="dark"] .purchase-card {
background: #252230 !important;
}
[data-theme="dark"] .purchase-card-title,
[data-theme="dark"] .purchase-card-price {
color: #F0EEF5 !important;
}
[data-theme="dark"] .purchase-card-desc {
color: #B0ADB5 !important;
}
[data-theme="dark"] .purchase-card-image-box {
background: #38354A !important;
}
[data-theme="dark"] #ofs-purchase-detail-modal > div {
background: #1E1B25 !important;
}
[data-theme="dark"] .ofs-purchase-detail-close {
color: #F0EEF5 !important;
}
[data-theme="dark"] {
--bs-secondary-color: #B0ADB5;
--bs-nav-link-color: #B0ADB5;
--bs-nav-link-hover-color: #F0EEF5;
}
[data-theme="dark"] .match-tabs-container .nav-link {
color: #B0ADB5 !important;
background-color: transparent !important;
}
[data-theme="dark"] .match-tabs-container .nav-link.active {
background-color: #1E1B25 !important;
color: #F0EEF5 !important;
border-color: #38354A #38354A #1E1B25 !important;
}
[data-theme="dark"] .match-tabs-container .nav-link:hover:not(.active) {
background-color: #2A2737 !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .match-tabs-container .nav-link .text-muted {
color: #B0ADB5 !important;
}
[data-theme="dark"] .match-tabs-container .nav-link.active .text-muted {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-tv-guide-days {
background: #252230 !important;
}
[data-theme="dark"] .ofs-day-match {
background: #252230 !important;
}
[data-theme="dark"] .ofs-tv-guide-time {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-tv-guide-match-detail a,
[data-theme="dark"] .ofs-tv-guide-match-detail span {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-tv-guide-competition {
color: #B0ADB5 !important;
}
[data-theme="dark"] .ofs-tv-guide-competition a {
color: #B0ADB5 !important;
}
[data-theme="dark"] .ofs-tv-guide-channels {
color: #F0EEF5 !important;
}
[data-theme="dark"] .bos-alan {
background: #252230 !important;
}
[data-theme="dark"] .ofs-popular-matches-team {
color: #F0EEF5 !important;
}
[data-theme="dark"] .ofs-go-to-detail-container {
background: #38354A !important;
}
[data-theme="dark"] .ofs-popular-matches-card-go-to-detail {
color: #F0EEF5 !important;
}
[data-theme="dark"] .popular-matches-header-title {
border-color: #38354A !important;
}
[data-theme="dark"] .ofs-tv-guide-channels img {
filter: invert(1) brightness(0.85);
}
[data-theme="dark"] .team-matches-thead th {
background-color: #1E1B25 !important;
color: #F0EEF5 !important;
}
[data-theme="dark"] .filter-dropdown-menu {
background: #252230 !important;
border: 1px solid #38354A !important;
}
[data-theme="dark"] .match-filter,
[data-theme="dark"] .filter-dropdown-item {
color: #F0EEF5 !important;
}
[data-theme="dark"] .match-filter:hover,
[data-theme="dark"] .filter-dropdown-item:hover {
background: #38354A !important;
}
[data-theme="dark"] .filter-dropdown-trigger .matchTableSelectedFilterText {
color: #F0EEF5 !important;
}
[data-theme="dark"] .filter-dropdown-trigger .text-true-black {
color: #F0EEF5 !important;
}
[data-theme="dark"] .filter-dropdown-trigger img.filter-dropdown-arrow {
filter: invert(1) brightness(0.85);
}
[data-theme="dark"] .team-matches-thead {
box-shadow: none !important;
border-bottom: 2px solid #38354A !important;
}
[data-theme="dark"] .team-matches-thead th {
background-color: #1E1B25 !important;
border-bottom: 2px solid #38354A !important;
}
[data-theme="dark"] table tr.bg-light {
background-color: #252230 !important;
}
[data-theme="dark"] table tr.bg-light td {
border-top: 2px solid #38354A !important;
}
[data-theme="dark"] #mini-basket-league-pane .team-matches-thead th,
[data-theme="dark"] #mini-basket-date-pane .team-matches-thead th {
top: 0 !important;
}
[data-theme="dark"] #bulletinDateSelector img {
filter: invert(1) brightness(0.85);
}
[data-theme="dark"] .tab-arrow img {
filter: invert(1);
}
[data-theme="dark"] div.dt-scroll-body,
[data-theme="dark"] div.dataTables_scrollBody {
scrollbar-color: #4A4760 #252230;
}
[data-theme="dark"] div.dt-scroll-body::-webkit-scrollbar-track,
[data-theme="dark"] div.dataTables_scrollBody::-webkit-scrollbar-track {
background: #252230;
}
[data-theme="dark"] div.dt-scroll-body::-webkit-scrollbar-thumb,
[data-theme="dark"] div.dataTables_scrollBody::-webkit-scrollbar-thumb {
background-color: #4A4760;
}
[data-theme="dark"] div.dt-scroll-body::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] div.dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
background-color: #6B6875;
}