/* Bet With Net • Lobby Upgrade, 2026-10-28
   Scoped to hub elements so existing casino and games CSS remains intact. */
:root { --hub-bg:#111d31; --hub-edge:rgba(177,200,239,.16); --hub-gold:#f2c765; --hub-muted:#abbcd2; }
.hub-wrap{margin:18px 0 24px;display:grid;gap:17px;font-family:Inter,system-ui,sans-serif}
.hub-banner{background:linear-gradient(120deg,#152640,#13213b 50%,#18273b);border:1px solid var(--hub-edge);border-radius:18px;padding:20px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between;box-shadow:0 14px 32px rgba(0,0,0,.14)}
.hub-banner h2{font-size:clamp(19px,3vw,27px);font-weight:900;line-height:1.17;color:#fff;margin:6px 0}
.hub-banner p{font-size:13px;line-height:1.6;color:var(--hub-muted);max-width:590px;margin:0}
.hub-kicker{font-size:10px!important;letter-spacing:1.7px;text-transform:uppercase;font-weight:850!important;color:var(--hub-gold)!important}
.hub-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--hub-gold);color:#152033!important;text-decoration:none!important;padding:12px 17px;min-height:42px;font-size:13px;font-weight:900;white-space:nowrap}
.hub-cta.secondary{background:#233753;color:#e7eeff!important;border:1px solid #45607e}
.hub-actions{display:flex;gap:8px;flex-wrap:wrap}
.hub-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hub-search{flex:1;min-width:170px;position:relative}
.hub-search input{width:100%;border:1px solid #465a7b;background:#0d1729;border-radius:12px;color:#fff;font-size:14px;padding:13px 42px 13px 39px;outline:none;box-sizing:border-box}
.hub-search input:focus{border-color:var(--hub-gold);box-shadow:0 0 0 3px #f2c76520}
.hub-search:before{content:'⌕';position:absolute;left:13px;top:3px;font-size:27px;color:#adbed9;pointer-events:none}
.hub-link{background:#1c2b46;border:1px solid #394c69;color:#e5efff;text-decoration:none;border-radius:11px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;font-size:12px;font-weight:800}
.hub-panel{border:1px solid var(--hub-edge);background:linear-gradient(165deg,#14223a,#0d1525);border-radius:18px;padding:19px}
.hub-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.hub-head h2,.hub-head h3{font-size:18px;letter-spacing:-.4px;color:#f3f7ff;margin:0;font-weight:900}
.hub-head p{font-size:12px;color:var(--hub-muted);margin:4px 0 0}
.hub-head a{color:var(--hub-gold);font-size:12px;font-weight:800;text-decoration:none}
.hub-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hub-stat{border:1px solid #344560;background:#101b2f;border-radius:12px;padding:15px 13px}
.hub-stat strong{font-size:clamp(18px,3vw,26px);color:#fff;display:block;letter-spacing:-.6px;font-weight:900}
.hub-stat span{display:block;margin-top:4px;color:#a5bad5;font-size:11px}
.hub-tabs{display:flex;gap:8px;flex-wrap:wrap}
.hub-tabs button{cursor:pointer;color:#afc1db;background:#1b2a43;border:1px solid #344661;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:800}
.hub-tabs button[aria-pressed=true]{background:#f2c765;color:#182033;border-color:#f2c765}
.hub-table-wrap{overflow-x:auto}
.hub-table{border-collapse:collapse;width:100%;min-width:560px;text-align:left;font-size:12px}
.hub-table th{color:#9db1d1;font-size:10px;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #40506b;padding:12px 10px}
.hub-table td{color:#dde6f5;border-bottom:1px solid #28374e;padding:12px 10px}
.hub-table td strong{color:#fff}
.hub-note{margin:12px 0 0;color:#97aac7;font-size:11px;line-height:1.55}
.hub-empty{background:#101d31;border:1px dashed #435a7d;border-radius:13px;text-align:center;color:#b4c4dc;padding:19px;font-size:13px}
.hub-chipbar{display:flex;align-items:center;gap:8px;overflow:auto;padding:3px 0 12px;scrollbar-width:thin}
.hub-chip{flex:none;border:1px solid #3c5071;background:#192843;border-radius:12px;color:#d9e6fa;padding:10px 13px;font-weight:800;font-size:12px;cursor:pointer;min-height:43px}
.hub-chip[aria-pressed=true]{border-color:var(--hub-gold);background:#f2c765;color:#122035}
.hub-pill{background:#294360;border:1px solid #42617e;color:#dfefff;display:inline-block;border-radius:20px;font-size:10px;padding:4px 9px;margin:0 4px 4px 0}
.hub-feature-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.hub-feature{border:1px solid #344665;background:#13223a;border-radius:14px;padding:17px;text-decoration:none;color:#eaf2ff;display:flex;flex-direction:column;gap:9px;min-height:125px}
.hub-feature .emoji{font-size:27px;line-height:1}
.hub-feature strong{font-size:13px;line-height:1.35}
.hub-feature small{font-size:11px;color:#a9bad5;line-height:1.35}
.hub-feature:hover,.hub-link:hover{border-color:#e5bd6e}
.hub-feature[aria-disabled=true]{opacity:.65;cursor:default}
.hub-filter-note{font-size:12px;color:#b1c0da;min-height:18px;margin-top:7px}
.hub-fav{position:absolute;top:6px;right:6px;z-index:5;background:rgba(9,16,26,.9);border:1px solid #71819a;border-radius:100%;color:#f8d27a;display:grid;place-items:center;width:30px;height:30px;font-size:17px;cursor:pointer}
.game-card{position:relative}
.hub-game-counter{margin-left:auto;color:#afc0da;font-size:12px}
.hub-page{max-width:1180px;margin:20px auto 110px;padding:0 18px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}
.hub-page-intro{background:linear-gradient(135deg,#152747,#0e192b);padding:27px;border:1px solid #405576;border-radius:20px;margin-bottom:18px}
.hub-page-intro h1{margin:6px 0;font-size:clamp(24px,5vw,36px);font-weight:900;color:#fff}
.hub-page-intro p{margin:0;color:#b8c9de;line-height:1.6;font-size:14px}
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.hub-reward{background:#14243e;border:1px solid #3c5673;border-radius:16px;padding:20px}
.hub-reward h3{font-size:17px;color:#fff;margin:8px 0}
.hub-reward p{font-size:13px;color:#b7c8e2;line-height:1.55;margin:0 0 13px}
.hub-reward .big{font-size:32px}
.hub-profile-row{display:flex;align-items:center;gap:12px;border:1px solid #354c6c;background:#101c31;padding:15px;border-radius:13px;margin:10px 0;min-width:0}
.hub-profile-row .ico{font-size:27px}
.hub-profile-row strong{color:#e8f1ff;display:block;font-size:15px;overflow-wrap:anywhere}
.hub-profile-row small{color:#a5b9d7}
.hub-profile-row a{margin-left:auto;color:#f2c765;text-decoration:none;font-weight:800}
.hub-progress{margin-top:10px;color:#c7d6ee;font-size:12px}
.hub-progressbar{height:8px;background:#32445c;border-radius:8px;overflow:hidden}
.hub-progressbar span{display:block;height:100%;background:#f2c765;max-width:100%}
@media(max-width:760px){.hub-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-grid{grid-template-columns:1fr}.hub-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-banner{padding:17px}.hub-page{padding:0 12px}.hub-page-intro{padding:20px}.hub-panel{padding:15px}}
@media(max-width:420px){.hub-stat-grid{grid-template-columns:1fr 1fr}.hub-stat{padding:12px 10px}.hub-stat strong{font-size:20px}.hub-feature{min-height:110px;padding:13px}.hub-cta{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hub-wrap *, .hub-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}