/* Compact account information in the header. */
.site-header .member-strip:not([hidden]) { display:flex; align-items:center; position:static; width:auto; min-width:0; min-height:0; margin:0; padding:0; gap:10px; border:0; border-radius:0; background:none; box-shadow:none; }
.site-header .member-strip[hidden], .site-header .member-entry { display:none !important; }
.site-header .member-identity, .site-header .wallet { position:static; display:flex; flex-direction:row; align-items:center; gap:7px; width:auto; min-width:0; min-height:0; margin:0; padding:0; border:0; background:none; color:#f2e8dd; text-align:left; }
.site-header .member-identity img { width:30px; height:30px; flex:0 0 auto; }
.site-header .member-identity>span { display:block; min-width:0; }
.site-header .member-identity small, .site-header .wallet>span, .site-header .wallet i { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-header .member-identity b { display:block; max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.site-header .wallet { border-left:1px solid #644854; padding-left:10px; }
.site-header .wallet b { color:#f4c77f; font-size:14px; font-variant-numeric:tabular-nums; white-space:nowrap; }
@media (min-width:901px) { body[data-session=member] .hero { grid-column:1 / -1; } .hero.store-carousel { height:clamp(170px,19vw,225px); aspect-ratio:auto; } }
@media (max-width:540px) { .site-header .member-strip:not([hidden]) { gap:6px; } .site-header .member-identity { gap:4px; } .site-header .member-identity img { width:24px; height:24px; } .site-header .member-identity b { max-width:70px; font-size:10px; } .site-header .wallet { padding-left:6px; } .site-header .wallet b { font-size:11px; } .header-actions { gap:6px; } }
@media (max-width:360px) { body[data-session=member] .brand-label { display:none; } .site-header .member-identity b { max-width:60px; } }
/* Betting record artwork and controls. */
#recordsDialog .records-card { overflow:hidden; padding:0 15px 15px; gap:10px; border:1px solid #343d53; border-radius:15px; background:linear-gradient(155deg,#141b29,#0e1521); box-shadow:0 20px 60px #000b; }
#recordsDialog .records-banner { display:flex; align-items:center; gap:16px; height:93px; margin:0 -15px; padding:0 60px 0 25px; background:#111827 url('/player/assets/records/records-header-v10.webp') center 52% / cover no-repeat; border-bottom:1px solid #4d5365; }
#recordsDialog .records-banner img { width:65px; height:65px; object-fit:contain; filter:drop-shadow(0 3px 5px #000); }
#recordsDialog .records-banner h2 { margin:0; color:#fff7ed; font-size:27px; line-height:1.1; letter-spacing:.1em; text-shadow:0 2px 6px #000; }
#recordsDialog .records-banner p { display:block; margin:6px 0 0; color:#b6b5c0; font-size:9px; letter-spacing:.28em; }
#recordsDialog .close { z-index:2; top:10px; right:10px; width:35px; height:35px; border:1px solid #d1b17d; color:#ffe7ba; background:#11131de0; font-size:24px; line-height:1; }
#recordsDialog .history-period { display:flex; gap:3px; margin:0; padding:0; border:0; background:transparent; }
#recordsDialog .history-period button { display:flex; align-items:center; justify-content:center; gap:8px; flex:1; min-width:0; min-height:45px; padding:6px; border:1px solid #3c4350; border-radius:9px; background:linear-gradient(#242a36,#151b27); color:#d0d2da; font-size:14px; font-weight:700; }
#recordsDialog .history-period button.active { border-color:#fb5666; background:linear-gradient(#d73a50,#a71931); color:#fff; box-shadow:0 0 14px #db2d4a66,inset 0 1px #ff8a95; }
#recordsDialog .history-period svg, #recordsDialog .records-date svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#recordsDialog .history-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#cdd0d8; font-size:12px; }
#recordsDialog .records-date { display:flex; align-items:center; gap:8px; }
#recordsDialog .records-date svg, #recordsDialog .records-unit { color:#e9c58f; }
#recordsDialog .records-overview { display:grid; gap:10px; align-content:start; padding:0; }
#recordsDialog .record-net-card { min-height:118px; position:relative; overflow:hidden; display:flex; align-items:center; gap:20px; padding:16px 22px; border:1px solid #625455; border-radius:12px; background:linear-gradient(115deg,#43382e,#22232e 55%,#152f4a); }
#recordsDialog .record-net-card>div { z-index:1; display:grid; gap:5px; }
#recordsDialog .record-coin { display:grid; place-items:center; flex:none; width:48px; height:48px; border:3px double #ffde92; border-radius:50%; color:#ffe9aa; background:radial-gradient(circle,#eab744,#8d4c12); box-shadow:0 2px 9px #0008; font-size:27px; }
#recordsDialog .summary-label { color:#f0dbad; font-size:16px; font-weight:700; }
#recordsDialog .summary-net { color:#ffe0a0; font-size:48px; line-height:1; font-style:italic; font-weight:800; text-shadow:0 2px 12px #f3aa5277; }
#recordsDialog .summary-net.positive { color:#78e5ac; } #recordsDialog .summary-net.negative { color:#ff8b91; }
#recordsDialog .record-chart { position:absolute; right:0; bottom:0; width:42%; height:70%; opacity:.65; }
#recordsDialog .record-chart path { fill:#a62946aa; stroke:#e3465e; stroke-width:1; }
#recordsDialog .record-metrics { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#recordsDialog .record-metric { min-width:0; min-height:88px; display:flex; align-items:center; gap:15px; padding:12px 18px; border:1px solid; border-radius:11px; }
#recordsDialog .metric-bet { border-color:#b33b51; background:linear-gradient(120deg,#3e1824,#271521); box-shadow:inset 0 0 20px #ab1f3c30; }
#recordsDialog .metric-return { border-color:#217cb3; background:linear-gradient(120deg,#102e4b,#132033); box-shadow:inset 0 0 20px #168dd830; }
#recordsDialog .record-metric>div { display:grid; gap:3px; min-width:0; } #recordsDialog .record-metric>div>span { font-size:14px; font-weight:700; } #recordsDialog .metric-bet>div>span { color:#f78a9f; } #recordsDialog .metric-return>div>span { color:#5dbcf5; }
#recordsDialog .record-metric b { color:#f6f4f4; font-size:28px; line-height:1.1; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#recordsDialog .metric-icon { font-size:32px; line-height:1; color:#ff5975; text-shadow:0 0 15px #fa3a59; } #recordsDialog .metric-return .metric-icon { color:#4ebfff; text-shadow:0 0 15px #178aff; }
#recordsDialog .records-summary-card { display:block; width:100%; min-height:54px; padding:0 18px; border:1px solid #c99452; border-radius:10px; background:linear-gradient(120deg,#604633,#1b1d25); box-shadow:inset 0 0 12px #d3985355; }
#recordsDialog .records-summary-card:disabled { opacity:.8; } #recordsDialog .summary-open { display:flex; gap:13px; color:#f8deb1; font-size:15px; font-weight:700; text-align:left; }
#recordsDialog .summary-document { display:grid; place-items:center; width:25px; height:28px; border-radius:4px; background:linear-gradient(#ffe4ab,#c18b48); color:#533b28; font-size:20px; }
#recordsDialog .summary-chevron { margin-left:auto; font-size:28px !important; }
#recordsDialog .records-summary-status { padding:7px 0; color:#a6a9b3; font-size:11px; }
#recordsDialog .records-detail-view { min-height:0; }
@media (max-width:540px) { #recordsDialog .records-card { padding:0 10px 10px; gap:7px; } #recordsDialog .records-banner { height:65px; margin:0 -10px; padding:0 45px 0 15px; gap:9px; } #recordsDialog .records-banner img { width:45px; height:45px; } #recordsDialog .records-banner h2 { font-size:19px; } #recordsDialog .records-banner p { margin-top:4px; font-size:7px; } #recordsDialog .close { top:7px; right:7px; width:30px; height:30px; font-size:20px; } #recordsDialog .history-period button { min-height:34px; font-size:11px; gap:5px; } #recordsDialog .history-period svg,#recordsDialog .records-date svg { width:14px; height:14px; } #recordsDialog .history-toolbar { font-size:10px; } #recordsDialog .records-overview { gap:7px; } #recordsDialog .record-net-card { min-height:85px; gap:12px; padding:10px 14px; } #recordsDialog .record-coin { width:38px; height:38px; font-size:20px; } #recordsDialog .summary-label { font-size:12px; } #recordsDialog .summary-net { font-size:33px; } #recordsDialog .record-metrics { gap:7px; } #recordsDialog .record-metric { min-height:65px; gap:8px; padding:8px 10px; } #recordsDialog .record-metric>div>span { font-size:11px; } #recordsDialog .record-metric b { font-size:20px; } #recordsDialog .metric-icon { font-size:24px; } #recordsDialog .records-summary-card { min-height:44px; padding:0 12px; } #recordsDialog .summary-open { font-size:12px; } #recordsDialog .summary-document { width:20px; height:23px; font-size:16px; } #recordsDialog .records-summary-status { padding:4px 0; font-size:10px; } }