/* PointsBall 2.4 — Play Center and expandable navigation */
.menu-button{width:38px;height:38px;border:1px solid var(--line2);border-radius:10px;background:var(--panel);color:var(--soft);font-size:18px;line-height:1}.menu-button:hover{border-color:var(--cyan);color:#fff}
.nav-drawer{position:fixed;z-index:130;top:0;right:0;width:min(430px,100%);height:100dvh;display:flex;flex-direction:column;background:#090d13;border-left:1px solid var(--line2);box-shadow:-30px 0 80px #000b;transform:translateX(105%);transition:transform .24s ease;overflow:hidden}.nav-drawer.open{transform:none}.drawer-scrim{position:fixed;z-index:125;inset:0;background:#000a;opacity:0;visibility:hidden;transition:.2s}.drawer-scrim.open{opacity:1;visibility:visible}.drawer-head{height:69px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.drawer-head .brand{width:auto}.drawer-body{min-height:0;overflow-y:auto;padding:15px 14px 30px}.drawer-account{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,#121b28,#0b1017)}.drawer-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#021217;font-weight:950}.drawer-account strong,.drawer-account span{display:block}.drawer-account span{margin-top:2px;color:var(--muted);font:700 10px var(--mono)}.drawer-account>a{color:var(--cyan);font:850 9px var(--mono)}.drawer-snapshot{display:grid;grid-template-columns:repeat(3,1fr);margin:9px 0 17px;border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden}.drawer-snapshot>div{padding:10px;border-right:1px solid var(--line)}.drawer-snapshot>div:nth-child(3){border-right:0}.drawer-snapshot span{display:block;color:var(--muted);font:750 7px var(--mono);letter-spacing:.08em}.drawer-snapshot b{display:block;margin-top:4px;font:900 15px var(--mono)}.drawer-snapshot .drawer-limit{grid-column:1/-1;border:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px}.drawer-limit i{grid-column:1/-1;height:3px;background:#202936;border-radius:3px;overflow:hidden}.drawer-limit em{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--amber))}.drawer-signin{padding:19px;border:1px solid #274861;border-radius:13px;background:radial-gradient(circle at 100% 0,rgba(24,209,231,.18),transparent 45%),var(--panel);margin-bottom:18px}.drawer-signin>span{color:var(--cyan);font:800 8px var(--mono);letter-spacing:.12em}.drawer-signin h3{margin:7px 0 13px;font-size:19px}.drawer-group{margin-top:17px}.drawer-group>label{display:block;margin:0 7px 6px;color:#5e6d82;font:850 8px var(--mono);letter-spacing:.15em}.drawer-link{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:10px;color:var(--soft)}.drawer-link:hover,.drawer-link.active{border-color:var(--line);background:var(--panel2);color:#fff}.drawer-link>b{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#151e2b;color:var(--cyan);font:900 14px var(--mono)}.drawer-link strong,.drawer-link small{display:block}.drawer-link strong{font-size:12px}.drawer-link small{margin-top:2px;color:var(--muted);font-size:9px}.drawer-link>i{min-width:22px;padding:3px 5px;border-radius:99px;background:rgba(24,209,231,.12);color:var(--cyan);font:850 8px var(--mono);font-style:normal;text-align:center}.drawer-body>footer{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:23px;padding-top:15px;border-top:1px solid var(--line)}.drawer-body>footer span{color:#68758a;font:700 7px var(--mono);letter-spacing:.05em}.drawer-body>footer span:not(:last-child):after{content:' ·';margin-left:7px}
.play-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:24px;align-items:center;margin-bottom:14px;padding:25px;border:1px solid #295575;border-radius:17px;background:radial-gradient(circle at 12% 0,rgba(24,209,231,.14),transparent 42%),linear-gradient(145deg,#101a27,#080d14);overflow:hidden}.chain-live{display:inline-flex;padding:5px 8px;border-radius:99px;background:rgba(244,186,71,.11);color:var(--amber);font:850 8px var(--mono);letter-spacing:.1em}.chain-live.connected{background:rgba(36,209,140,.11);color:var(--green)}.play-hero h2{margin:13px 0 3px;font:950 clamp(32px,5vw,54px)/1 var(--mono);letter-spacing:-.06em}.play-hero h2 em{font:800 13px var(--mono);color:var(--cyan);letter-spacing:.06em}.play-hero p{margin:0;color:var(--muted);font:700 10px var(--mono)}.play-hero>div>a{display:inline-block;margin-top:13px;color:var(--cyan);font:850 9px var(--mono)}.receipt-coverage{padding-left:25px;border-left:1px solid var(--line)}.receipt-coverage strong,.receipt-coverage span,.receipt-coverage small{display:block}.receipt-coverage strong{font:950 40px/1 var(--mono)}.receipt-coverage span{margin-top:7px;color:var(--cyan);font:850 8px var(--mono);letter-spacing:.1em}.receipt-coverage small{margin-top:7px;color:var(--muted);font-size:9px;line-height:1.45}
.play-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:24px;border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden}.play-stat-grid>div{padding:15px 17px;border-right:1px solid var(--line)}.play-stat-grid>div:last-child{border:0}.play-stat-grid span,.play-stat-grid small{display:block}.play-stat-grid span{color:var(--muted);font:800 8px var(--mono);letter-spacing:.1em}.play-stat-grid b{display:block;margin:5px 0 2px;font:950 19px var(--mono)}.play-stat-grid small{color:var(--muted);font-size:9px}
.daily-limits{margin-top:27px}.daily-limits>.section-title>small{color:var(--muted);font:700 9px var(--mono)}.limit-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.limit-card{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.limit-card>div:first-child,.limit-card footer{display:flex;justify-content:space-between;gap:10px}.limit-card span{color:var(--muted);font:750 9px var(--mono)}.limit-card>div:first-child b{font:900 13px var(--mono);color:var(--meter)}.limit-track{height:7px;margin:12px 0 8px;border-radius:8px;background:#202938;overflow:hidden}.limit-track i{display:block;height:100%;border-radius:8px;background:var(--meter)}.limit-card footer span{font-size:8px}.limit-card>small{display:block;margin-top:8px;color:#718096;font-size:9px}
.play-section .section-title h2 span{display:inline-grid;place-items:center;min-width:23px;height:21px;margin-left:5px;border-radius:99px;background:var(--panel3);color:var(--cyan);font:850 9px var(--mono);vertical-align:2px}.play-list{display:grid;gap:10px}.play-entry{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden}.play-entry.live{border-color:#356a59;box-shadow:inset 3px 0 var(--green)}.play-entry.processing{border-color:#6f5a2e;box-shadow:inset 3px 0 var(--amber)}.play-entry.failed{opacity:.75}.play-entry-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-bottom:1px solid var(--line);color:var(--muted);font:750 8px var(--mono);letter-spacing:.07em}.play-entry-head b{color:var(--soft)}.play-entry-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px}.play-match{color:var(--muted);font:800 9px var(--mono)}.play-entry-main h3{margin:5px 0 2px;font-size:17px}.play-entry-main h3 em{margin-left:5px;color:var(--cyan);font:850 12px var(--mono);font-style:normal}.play-entry-main p{margin:0;color:var(--muted);font:700 9px var(--mono)}.play-result{text-align:right}.play-result strong,.play-result span{display:block}.play-result strong{font:950 18px var(--mono)}.play-result span{margin-top:2px;color:var(--muted);font:750 8px var(--mono)}.play-money{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) auto;border-top:1px solid var(--line);background:#0a0e14}.play-money>span,.play-money>a{padding:9px 13px;border-right:1px solid var(--line)}.play-money small,.play-money b{display:block}.play-money small{color:var(--muted);font:750 7px var(--mono);letter-spacing:.07em}.play-money b{margin-top:2px;font:850 10px var(--mono)}.play-money>a{display:grid;place-items:center;border-right:0;color:var(--cyan);font:850 8px var(--mono)}.play-failure{padding:8px 13px;border-top:1px solid rgba(255,51,79,.25);background:rgba(255,51,79,.06);color:#ff8191;font-size:9px}.receipt-row{display:flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border-top:1px solid var(--line);background:#080b10;overflow:auto}.chain-name{margin-right:auto;white-space:nowrap;color:#6f7e92;font:800 8px var(--mono);letter-spacing:.08em}.chain-receipt{white-space:nowrap;padding:4px 7px;border-radius:5px;border:1px solid var(--line);font:800 8px var(--mono)}.chain-receipt.verified{border-color:rgba(36,209,140,.3);background:rgba(36,209,140,.07);color:var(--green)}.chain-receipt.warning,.chain-receipt.processing{border-color:rgba(244,186,71,.3);background:rgba(244,186,71,.07);color:var(--amber)}.chain-receipt.failed{border-color:rgba(255,51,79,.3);color:#ff7386}.chain-receipt.neutral{color:#758196}.empty.compact{padding:24px}.chain-explainer{margin-top:28px;padding:16px 18px;border-left:3px solid var(--cyan);background:var(--panel);border-radius:0 11px 11px 0}.chain-explainer b{font:850 9px var(--mono);color:var(--cyan);letter-spacing:.1em}.chain-explainer p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.status-pill.processing{background:rgba(244,186,71,.12);color:var(--amber)}.status-pill.failed{background:rgba(255,51,79,.12);color:#ff7386}
@media(max-width:1100px){.play-money{grid-template-columns:repeat(3,1fr)}.play-money>a{grid-column:1/-1;border-top:1px solid var(--line);padding:9px}.play-stat-grid{grid-template-columns:1fr 1fr}.play-stat-grid>div:nth-child(2){border-right:0}.play-stat-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:700px){.menu-button{width:37px;height:37px}.wallet-chip{display:none}.drawer-head{height:60px}.play-hero{grid-template-columns:1fr;padding:18px}.receipt-coverage{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}.play-stat-grid{grid-template-columns:1fr 1fr}.play-stat-grid>div{padding:13px}.limit-grid{grid-template-columns:1fr}.play-entry-main{grid-template-columns:1fr}.play-result{text-align:left;display:flex;align-items:baseline;gap:8px}.play-money{grid-template-columns:1fr 1fr}.play-money>span:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line)}.receipt-row{align-items:flex-start;flex-wrap:wrap}.chain-name{width:100%;margin-bottom:2px}.drawer-body{padding-bottom:90px}}
@media(max-width:420px){.drawer-snapshot{grid-template-columns:1fr 1fr}.drawer-snapshot>div:nth-child(2){border-right:0}.drawer-snapshot>div:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line)}.play-stat-grid{grid-template-columns:1fr}.play-stat-grid>div{border-right:0;border-bottom:1px solid var(--line)!important}.play-stat-grid>div:last-child{border-bottom:0!important}.play-money{grid-template-columns:1fr}.play-money>span{border-right:0;border-bottom:1px solid var(--line)}.play-money>span:nth-child(3){grid-column:auto}}