/* ===================== Game — Kart Temel ===================== */
.game-card {
    border-radius: 10px;
    padding: 12px 28px 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    overflow: hidden;
    min-height: 170px;
}

/* Arka plan renkleri */
.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); }

/* ===================== ColGame — Ana Sayfa ===================== */
.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:14px; }
.cg-btn-open-packet { background-color:var(--game-accent); color:var(--game-white); border:none; padding:15px 80px; border-radius:50px; font-size:18px; 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:24px; 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:13px; 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; }

/* ===================== ColGame — Leaderboard ===================== */
.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:10px; 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; }

/* ===================== ColGame — Seri Seçimi ===================== */
.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); }

/* ===================== ColGame — Kart Havuzu ===================== */
.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; }

/* ===================== ColGame — Akış ===================== */
.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; }

/* ===================== Kullanıcı İstatistikleri Modal ===================== */
#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:16px; 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; }

/* ===================== PowGame — Index ===================== */
.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; }

/* ===================== ColGame — Flow Detail ===================== */
.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; }

/* ===================== PowGame — Player Detail ===================== */
.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:22px; 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); }

/* ===================== PowGame — Kullanıcı Tahminleri ===================== */
.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; }

/* ===================== MomGame — Index ===================== */
.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; }


/* ===================== MomGame — Player Detail ===================== */
.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:22px; color:var(--game-white); flex-shrink:0; }
.mom-match-banner-text { display:flex; flex-direction:column; gap:2px; }

/* ===================== MomGame — User Games ===================== */
.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); }


/* ===================== ScoremasterGame — Leaderboard ===================== */
.sm-sort-arrow { font-size:10px; 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); }

/* ===================== LineupGame — Index ===================== */
.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; }

/* ===================== ReporterGame — Index ===================== */
.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; }

/* ===================== ReporterGame — User Results ===================== */
.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; }

/* ===================== LineupGame — User Predictions ===================== */
.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:13px; background:none; }
.lg-ur-dot { color:var(--game-text-hint); font-size:7px; line-height:1; }
.lg-ur-earning { font:700 12px/15px Barlow,sans-serif; color:var(--game-black-soft); white-space:nowrap; text-align:right; }

/* ===================== LineupGame — Match Detail ===================== */
.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); }

/* ===================== ScoremasterGame — Index ===================== */
.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; }

/* ===================== ScoremasterGame — User Games Page ===================== */
.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; }
/* Active tab */
.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); }
/* Past tab */
.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); }

/* ===================== ScoremasterGame — Game Detail Page ===================== */
.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; }

/* ===================== ScoremasterGame — User Stats Page ===================== */
.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; }

/* ── GiftCode ── */
.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; }

/* ── PotGame ── */
.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; }

/* ===================== Game — Scrollbar ===================== */
.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); }