/* styles.css */
:root{font-family:'DM Sans',Arial,sans-serif;color:#f7f3e8;background:#090a0d;font-synthesis:none;--bg:#090a0d;--panel:#15171c;--panel2:#1c1e23;--line:#ffffff17;--muted:#a7a8af;--gold:#c5f383;--gold2:#97e920;--goldbg:#85d21529}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}h1{font-family:Oswald,Impact,sans-serif;font-size:clamp(2.8rem,5vw,5.2rem);text-transform:uppercase;line-height:1.02}h2{font-size:1.55rem}p{line-height:1.55}.topbar{height:76px;background:#0c0d10;border-bottom:1px solid #ffffff12;position:sticky;top:0;z-index:40}.top-inner{height:100%;max-width:1550px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:28px}.brand{display:block;flex:none;width:176px}.logo{width:100%;height:auto}.desktop-nav{display:flex;gap:5px;align-items:center;flex:1}.desktop-nav a,.mobile-nav a{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#c8c8cd;padding:12px 13px;border-radius:10px;font-size:.9rem;font-weight:700}.desktop-nav a:hover,.desktop-nav a.active,.mobile-nav a.active{background:#ffffff10;color:var(--gold)}.nav-icon{font-size:1.1rem;color:var(--gold)}.top-actions{display:flex;align-items:center;gap:9px}.preview-badge,.eyebrow,.section-kicker{font-size:.69rem;letter-spacing:.19em;font-weight:800;color:var(--gold)}.preview-badge{border:1px solid #a0eb3366;padding:8px 10px;border-radius:999px;white-space:nowrap}.primary,.outline,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:9px;font-weight:800;padding:11px 18px;min-height:42px;transition:transform .2s,filter .2s,background .2s}.primary{background:linear-gradient(135deg,#bdf171,#96e91f);color:#17110a;box-shadow:0 5px 24px #b1ef5933}.primary:hover{filter:brightness(1.12);transform:translateY(-2px)}.outline{background:#ffffff09;border:1px solid #b6f0635a;color:#d2f79c}.outline:hover,.ghost:hover{background:#ffffff1c}.ghost{background:#ffffff0d;color:#f5f1e9}.large{padding:15px 24px;min-height:52px}.full{width:100%}.menu-btn{display:none}.mobile-nav{display:none}.page-wrap{max-width:1450px;margin:auto;padding:40px 28px 95px;min-height:65vh}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 30px}.page-heading h1{margin:9px 0 10px}.page-heading p{color:var(--muted);max-width:690px;margin:0}.page-heading.compact{margin-bottom:24px}.page-heading.compact h1{font-size:3.6rem}.pill{border:1px solid #ffffff27;border-radius:999px;padding:6px 10px;color:#bfc0c7;font-size:.71rem;font-weight:700;white-space:nowrap}.gold-pill{color:var(--gold);background:var(--goldbg);border-color:#b4ef5f3e}.gold-text{color:var(--gold)}.home-hero{min-height:430px;position:relative;overflow:hidden;background:radial-gradient(circle at 79% 42%,#8bdc1638 0,transparent 28%),linear-gradient(110deg,#100d0e 12%,#171215 56%,#0e0e10 100%);border-bottom:1px solid #c0f27940}.home-hero:before{content:'';position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(140deg,transparent 0,transparent 48px,#b0ee5616 49px,#b0ee5616 50px)}.hero-copy{position:relative;z-index:2;max-width:1450px;margin:auto;padding:73px 28px}.hero-copy h1{font-size:clamp(3.3rem,6vw,6rem);margin:15px 0;color:#fff}.hero-copy h1 em,.packs-hero h1 em{color:var(--gold);font-style:normal}.hero-copy p{color:#d8d1c9;max-width:520px;font-size:1.08rem}.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-mark{position:absolute;right:7%;top:-70px;width:min(490px,43vw);height:490px;opacity:.3;filter:drop-shadow(0 0 80px #a2eb3877)}.hero-mark img{width:100%;height:100%;object-fit:contain}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:38px 0 18px}.section-head.space-top{margin-top:4px}.section-head h2{margin:4px 0 0;font-size:1.5rem}.subtle-link{color:var(--gold);font-weight:700;font-size:.84rem}.subtle-link:hover{text-decoration:underline}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{height:355px;position:relative;overflow:hidden;border-radius:15px;border:1px solid #bbf16e28;background:#15151b}.feature-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.feature-card:hover img{transform:scale(1.055)}.feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#000c 100%)}.feature-label{position:absolute;left:23px;right:23px;bottom:21px;display:flex;align-items:end;gap:10px}.feature-label small{display:block;position:absolute;bottom:50px;color:#eee;font-weight:700}.feature-label strong{font:600 2.45rem/1 Oswald;text-transform:uppercase;flex:1}.feature-label>span{color:var(--gold);font-weight:800;font-size:.8rem}.card-row{display:grid;grid-auto-columns:minmax(170px,1fr);grid-auto-flow:column;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-color:#9cea2c #222}.visual-card{display:block;min-width:0;border:1px solid #ffffff15;border-radius:13px;overflow:hidden;background:#17191d;transition:transform .2s,border-color .2s}.visual-card:hover{transform:translateY(-4px);border-color:#b0ee5788}.card-image{height:192px;position:relative;overflow:hidden;background:#242020}.card-image img{width:100%;height:100%;object-fit:cover}.card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08090c77,transparent 65%)}.card-play{position:absolute;z-index:1;right:10px;bottom:10px;background:#0b0b0bc9;border:1px solid #ffffff44;padding:7px 10px;border-radius:7px;opacity:0;transform:translateY(5px);transition:.2s;font-size:.73rem;font-weight:700}.visual-card:hover .card-play{opacity:1;transform:none}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px 13px 14px}.card-meta strong,.card-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta strong{font-size:.87rem}.card-meta small{color:var(--muted);font-size:.69rem;margin-top:4px}.card-meta .pill{font-size:.62rem}.sport-tiles,.category-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sport-tiles a,.category-tiles a{display:flex;align-items:center;gap:14px;padding:21px;border-radius:12px;border:1px solid #ffffff14;background:linear-gradient(135deg,#202229,#14151a)}.sport-tiles a:hover,.category-tiles a:hover{border-color:#b5ef6288}.sport-tiles span,.category-tiles span{color:var(--gold);font-size:1.8rem}.sport-tiles strong,.category-tiles strong{font-size:.9rem}.sport-tiles small,.category-tiles small{margin-left:auto;color:var(--muted);font-size:.7rem}.promo-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.promo-tile{min-height:190px;background:linear-gradient(105deg,#5b3e18,#241811 75%),url('./assets/gold-planet.webp') right center/auto 130% no-repeat;border:1px solid #b5ef625b;border-radius:14px;padding:22px;display:flex;flex-direction:column;align-items:start}.promo-tile.second{background:linear-gradient(105deg,#25212a,#111017ad 70%),url('./assets/poker.webp') right center/auto 160% no-repeat}.promo-tile>span{font-size:.69rem;letter-spacing:.16em;color:var(--gold);font-weight:800}.promo-tile strong{font:600 2.2rem/1.04 Oswald;text-transform:uppercase;margin-top:15px}.promo-tile small{color:#d1f59c;margin-top:auto}.activity-table{border:1px solid #ffffff18;border-radius:12px;overflow:hidden;background:#131519}.activity-row{display:grid;grid-template-columns:1.6fr 1fr 1fr .7fr 1fr;gap:14px;padding:12px 18px;border-bottom:1px solid #ffffff0e;font-size:.82rem}.activity-row:last-child{border:0}.activity-row.head{color:#999ba2;font-size:.71rem;background:#1b1c22;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.microcopy{font-size:.73rem;color:#888b93;margin:10px 0 0}.footer{border-top:1px solid #ffffff17;background:#0c0d0f;padding:42px 28px 24px}.footer-top,.footer-bottom{max-width:1395px;margin:auto;display:grid;grid-template-columns:2.2fr repeat(3,1fr);gap:38px}.footer-brand img{width:170px}.footer-brand p{color:#c7c5c1;margin:12px 0 4px}.footer-brand small,.footer-bottom{color:#8d8f96;font-size:.72rem}.footer h3{color:var(--gold);text-transform:uppercase;font-size:.76rem;letter-spacing:.1em;margin:4px 0 15px}.footer a{display:block;color:#b9b9be;font-size:.8rem;margin:10px 0}.footer a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff16;margin-top:35px;padding-top:20px}.wide-banners{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.wide-banner{height:146px;border:1px solid #bbf16e49;border-radius:14px;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:22px;background:linear-gradient(90deg,#292017 0%,#11111986 85%),url('./assets/poker.webp') right center/auto 250% no-repeat}.wide-banner.promo-banner{background:linear-gradient(90deg,#201724 0%,#11111986 85%),url('./assets/sports.webp') right center/auto 240% no-repeat}.wide-banner span{font-size:.63rem;letter-spacing:.2em;color:var(--gold);font-weight:800}.wide-banner strong{font:600 1.6rem Oswald;margin:5px 0}.wide-banner small{font-size:.72rem;color:#d1f59e}.catalog-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:12px}.search-field,.select-wrap{height:48px;border-radius:9px;background:#1c1e23;border:1px solid #ffffff16;display:flex;align-items:center;padding:0 15px;gap:10px;color:#999ba2}.search-field span{font-size:1.5rem;line-height:1}.search-field input{border:0;background:none;color:#fff;outline:0;width:100%}.select-wrap span{font-size:.75rem;white-space:nowrap}.select-wrap select{background:transparent;border:0;color:#fff;outline:0;width:100%;appearance:auto}.select-wrap select option,.table-toolbar select option{background:#222}.tab-strip{display:flex;gap:4px;overflow-x:auto;background:#16171b;border:1px solid #ffffff15;border-radius:10px;padding:5px;margin-bottom:18px;scrollbar-width:none}.tab-strip button,.sport-chips button,.chip{border:0;border-radius:7px;background:transparent;color:#adafb5;white-space:nowrap;padding:10px 15px;font-size:.82rem;font-weight:700}.tab-strip button:hover,.sport-chips button:hover,.chip:hover{color:#fff}.tab-strip button.active,.sport-chips button.active,.chip.active{background:#98e923;color:#16110b}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.catalog-grid .card-image{height:220px}.catalog-grid .visual-card{min-width:0}.category-tiles{grid-template-columns:repeat(3,1fr)}.category-tiles a{height:110px}.sports-layout{max-width:1550px;margin:auto;display:grid;grid-template-columns:238px minmax(0,1fr) 290px;gap:18px;padding:22px 22px 80px;align-items:start}.sports-sidebar{background:#17191d;border:1px solid #ffffff15;border-radius:12px;padding:16px;position:sticky;top:96px;max-height:calc(100vh - 115px);overflow:auto}.sidebar-label{color:var(--gold);font-size:.69rem;font-weight:800;letter-spacing:.15em}.sidebar-tabs{display:flex;background:#111216;border-radius:9px;padding:4px;margin:14px 0}.sidebar-tabs button{flex:1;border:0;background:none;color:#a9abb0;padding:9px;border-radius:7px;font-weight:700}.sidebar-tabs .active{background:#93e818;color:#fff}.sidebar-sub{font-size:.7rem;color:#8f9199;letter-spacing:.08em;text-transform:uppercase;font-weight:800;margin:18px 0 7px}.sport-side{width:100%;display:flex;align-items:center;gap:10px;padding:11px 7px;border:0;border-radius:7px;background:none;color:#bfc0c5;text-align:left;font-size:.78rem}.sport-side.active,.sport-side:hover{background:#ffffff13;color:#fff}.sport-side span{color:var(--gold);font-size:1.15rem;width:22px}.sport-side b{margin-left:auto;color:#85878f;font-size:.69rem}.sidebar-note{color:#777b85;font-size:.69rem;line-height:1.5;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.sports-main{min-width:0}.sports-hero{height:195px;border-radius:13px;border:1px solid #9dea2f52;background:linear-gradient(90deg,#211815 5%,#17131ab2 60%,#1011154d),url('./assets/sports.webp') right center/auto 185% no-repeat;display:flex;flex-direction:column;justify-content:center;padding:24px;margin-bottom:18px}.sports-hero span{font-size:.65rem;letter-spacing:.19em;color:var(--gold);font-weight:800}.sports-hero strong{font:600 2.1rem/1.07 Oswald;margin:8px 0}.sports-hero small{color:#d3c6ac}.sports-tabs{margin-bottom:12px}.sport-chips{display:flex;gap:8px;overflow-x:auto;margin-bottom:17px;scrollbar-width:none}.sport-chips button{background:#1e2025;border:1px solid #ffffff16;border-radius:99px}.sport-chips button.active{border-color:#abed4b}.match-list{display:grid;gap:11px}.match-card{background:#1b1d22;border:1px solid #ffffff15;border-radius:11px;padding:15px}.match-top{display:flex;justify-content:space-between;color:#a4a6ad;font-size:.68rem;padding-bottom:14px;border-bottom:1px solid #ffffff12}.match-top small{color:#c4f381}.match-body{display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,1.3fr);gap:18px;align-items:center;padding-top:13px}.teams{display:grid;gap:7px}.teams strong{font-size:.85rem}.teams small{color:var(--gold);margin-top:4px}.market>small{display:block;color:#989aa1;text-align:center;font-size:.7rem;margin-bottom:7px}.market>div,.market-options{display:flex;gap:6px}.odd{flex:1;border:1px solid #ffffff12;background:#292b30;color:#f4f3f0;border-radius:8px;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;font-size:.72rem}.odd:hover,.odd.selected{border-color:#aeee52;background:#73501e}.odd strong{color:var(--gold);font-size:.82rem}.odd.selected strong{color:#fff}.betslip{position:sticky;top:96px;background:#191a20;border:1px solid #aeee5155;border-radius:11px;overflow:hidden}.betslip-head{display:flex;justify-content:space-between;align-items:center;background:#8ee216;padding:15px 14px;color:#16100c}.betslip-head .pill{border-color:#381c0f55;color:#2d190d}.empty-bets{text-align:center;padding:38px 20px;color:#a6a8af}.empty-bets span{display:block;font-size:2rem;color:var(--gold)}.empty-bets strong{display:block;color:#eee;margin-top:8px}.empty-bets p{font-size:.75rem;margin:8px 0 0}.betslip-disclaimer{display:block;color:#878991;font-size:.65rem;padding:12px 16px;border-top:1px solid var(--line)}.bet-items{max-height:240px;overflow:auto}.bet-item{padding:14px;border-bottom:1px solid var(--line);position:relative;display:grid;gap:5px}.bet-item>button{position:absolute;right:13px;top:12px;border:0;background:none;color:#aaa;font-size:1.2rem}.bet-item small,.bet-item span{font-size:.7rem;color:#999ba3}.bet-item strong{font-size:.83rem}.bet-item span{display:flex;justify-content:space-between}.bet-item b{color:var(--gold)}.stake-label{display:block;padding:14px;color:#abaeb5;font-size:.73rem}.stake-label div{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#101114;border-radius:7px;padding:8px;margin-top:6px}.stake-label input{width:100%;border:0;background:none;color:#fff;outline:0}.return-row{display:flex;justify-content:space-between;padding:0 14px 14px;font-size:.78rem}.return-row strong{color:var(--gold)}.betslip .primary{width:calc(100% - 28px);margin:0 14px 14px;font-size:.73rem}.notice-panel{padding:18px 22px;border:1px solid #a2eb384d;background:#2b251e;border-radius:12px;margin:18px 0;color:#e8e4dc}.notice-panel p{color:#b7b0a7;font-size:.82rem;margin:5px 0 0}.notice-panel.tall{text-align:center;padding:55px 20px}.notice-panel.tall .outline{margin-top:18px}.event-hero{background:linear-gradient(90deg,#1f1a18,#101114),url('./assets/sports.webp') right/auto 140% no-repeat;border:1px solid var(--line);border-radius:13px;padding:32px}.event-hero span{color:var(--gold);font-size:.75rem}.event-hero h1{font-size:2.8rem;display:flex;align-items:center;gap:20px;margin:15px 0}.event-hero h1 i{color:#8d8e94;font:400 1rem 'DM Sans';text-transform:none}.event-hero p{color:var(--muted);margin:0}.market-detail{display:grid;gap:12px}.market-detail>div{background:#1b1d22;padding:18px;border-radius:10px}.market-detail h3{font-size:.9rem}.market-options{max-width:700px}.market-options .odd{gap:30px}.poker-stage{height:380px;border-radius:14px;position:relative;overflow:hidden;background:#111d23;border:1px solid #aeee514a;margin-bottom:24px}.poker-stage>img{width:100%;height:100%;object-fit:cover;opacity:.52}.poker-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111a20 10%,transparent 90%)}.poker-stage-copy{position:absolute;z-index:2;left:42px;top:70px;max-width:440px}.poker-stage-copy>span{color:var(--gold);font-size:.73rem;letter-spacing:.15em}.poker-stage-copy h2{font:600 3.6rem Oswald;text-transform:uppercase;margin:12px 0}.poker-stage-copy p{color:#ddd;max-width:400px}.poker-table-wrap{background:#16181c;border:1px solid var(--line);border-radius:12px;overflow:hidden}.table-toolbar{padding:15px 18px;display:flex;align-items:center;justify-content:space-between}.table-toolbar label{font-size:.7rem;color:#aaa}.table-toolbar select{background:#26272c;border:1px solid var(--line);color:#fff;border-radius:6px;padding:7px}.poker-row{display:grid;grid-template-columns:2fr 1fr 1fr .7fr .7fr;align-items:center;gap:10px;padding:13px 18px;border-top:1px solid var(--line);font-size:.78rem}.poker-row.head{color:#888b92;font-weight:800;text-transform:uppercase;font-size:.65rem}.poker-row button{background:#37302a;border:1px solid #a1eb3649;border-radius:6px;color:var(--gold);padding:8px}.poker-table-wrap .microcopy{padding:0 18px 13px}.filter-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.filter-toolbar>div{display:flex;gap:5px;background:#18191d;padding:4px;border-radius:8px}.packs-hero{min-height:310px;border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 80% 45%,#97e92155,transparent 35%),linear-gradient(110deg,#171a21,#0b0d12);border:1px solid #b3ef5c45;padding:32px 48px;margin-bottom:45px}.packs-hero>div{position:relative;z-index:2}.packs-hero h1{margin:10px 0;font-size:4rem}.packs-hero p{max-width:430px;color:#d2c9bb}.packs-hero img{position:absolute;width:46%;height:120%;object-fit:cover;right:0;top:-10%;mask-image:linear-gradient(90deg,transparent,#000 45%)}.item-detail{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}.item-art{height:430px;border:1px solid var(--line);border-radius:15px;overflow:hidden}.item-art img{width:100%;height:100%;object-fit:cover}.item-description p{color:#b9bbc1}.item-description small{display:block;color:#898b92;margin-top:13px}.detail-facts{display:grid;gap:0;border-top:1px solid var(--line);margin:25px 0}.detail-facts span{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);color:#a1a2a9;font-size:.8rem}.detail-facts strong{color:#d1f59e}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps>div{background:#191b1f;border:1px solid var(--line);border-radius:10px;padding:20px}.steps b{color:var(--gold);font:500 2rem Oswald;display:block}.steps strong{display:block;margin:10px 0}.steps p{color:var(--muted);font-size:.8rem;margin:0}.back-link{display:inline-block;color:var(--gold);font-size:.8rem;font-weight:800;margin-bottom:28px}.game-shell{display:grid;grid-template-columns:1.65fr 320px;gap:12px}.game-stage,.game-controls{background:#17191c;border:1px solid var(--line);border-radius:13px;min-height:410px}.game-stage{padding:30px;display:grid;place-items:center;position:relative;overflow:hidden}.game-controls{padding:18px}.game-controls label{display:block;font-size:.76rem;color:#c3c4c8;margin:20px 0}.game-controls label>select{display:block;margin-top:10px;width:100%;background:#27292d;color:#fff;border:1px solid var(--line);padding:11px;border-radius:6px}.mode-toggle{display:flex;background:#0d0e11;border-radius:8px;padding:4px}.mode-toggle button{flex:1;background:none;border:0;color:#aeb0b5;padding:10px;border-radius:6px}.mode-toggle button.active{background:#8ee216;color:#111;font-weight:800}.currency-input{display:flex;align-items:center;background:#282a2f;border-radius:7px;border:1px solid var(--line);padding:7px;margin-top:9px;gap:5px}.currency-input>span{color:var(--gold)}.currency-input input{background:none;border:0;outline:0;color:#fff;width:100%;min-width:0}.currency-input button{background:#404148;border:0;color:#fff;padding:6px;border-radius:5px;font-size:.7rem}.control-foot{display:flex;justify-content:space-between;gap:8px;margin-top:25px;font-size:.7rem}.control-foot button{border:0;background:none;color:#babcc0;padding:0}.control-foot a{color:var(--gold)}.dice-display{width:min(560px,100%)}.dice-track{height:22px;border-radius:99px;background:linear-gradient(90deg,#b34f42 0 49%,#46a46c 49%);position:relative;box-shadow:inset 0 0 0 4px #24262b}.dice-track i{position:absolute;top:-7px;height:36px;width:14px;border:4px solid #fff;border-radius:8px;background:#fff;transform:translateX(-50%)}.track-labels{display:flex;justify-content:space-between;color:#d5d6d8;font-size:.7rem;margin:13px 0 45px}.dice-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dice-fields label{font-size:.78rem}.dice-fields label div{display:flex;align-items:center;background:#25272b;border-radius:8px;margin-top:8px;padding:12px}.dice-fields input{background:transparent;border:0;color:#fff;width:100%;outline:0}.dice-fields span{color:var(--gold)}.mines-display{display:grid;grid-template-columns:repeat(5,50px);gap:8px}.mines-display button{width:50px;height:50px;border-radius:8px;background:#2a3033;border:1px solid #ffffff18;color:#686b70;font-weight:900;font-size:1.2rem}.mines-display button.revealed{background:#206950;color:#aaf4c3;border-color:#87d8a1}.game-tip{position:absolute;bottom:12px;color:#85878c;font-size:.68rem}.roulette-display{text-align:center}.roulette-wheel{width:250px;height:250px;border-radius:50%;margin:auto;background:repeating-conic-gradient(#bc272c 0 18deg,#191b1e 18deg 36deg);border:15px solid #a3ec3b;box-shadow:inset 0 0 0 9px #241814,0 10px 55px #000a;display:grid;place-items:center}.roulette-wheel span{background:#181512;border:5px solid #c5f383;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;font:600 2rem Oswald;color:var(--gold)}.roulette-choice{display:flex;gap:10px;margin-top:24px}.roulette-choice button{flex:1;border:1px solid #ffffff44;border-radius:7px;color:#fff;padding:10px;background:#ae3432}.roulette-choice button.black{background:#161616}.roulette-choice button.green{background:#236d4e}.blackjack-display{display:grid;gap:48px;text-align:center}.hand span{color:#aeb1b8;font-size:.7rem;letter-spacing:.15em}.hand div{display:flex;justify-content:center;gap:12px;margin-top:12px}.hand i{font:600 2rem Oswald;font-style:normal;color:#bc292d;background:#faf6e8;width:78px;height:110px;border-radius:8px;display:grid;place-items:center;box-shadow:0 8px 17px #0008}.hand i.back-card{background:linear-gradient(135deg,#86d515,#281b13);color:#ccf493}.crash-display{width:100%;height:280px;position:relative;background:linear-gradient(180deg,#11161c,#17272b);border-radius:10px;overflow:hidden;display:grid;place-items:center}.crash-line{position:absolute;left:8%;right:7%;bottom:20%;height:60%;border-bottom:5px solid #bbf16d;border-radius:0 100% 0 0;transform:skewY(-22deg);box-shadow:0 18px 35px #b9f06945}.crash-display strong{font:600 4rem Oswald;color:#d2f89b;z-index:1;text-shadow:0 4px 18px #000}.crash-display small{position:absolute;bottom:12px;color:#b5b9c0}.plinko-display{width:100%;text-align:center}.plinko-display>div:not(.plinko-bins){display:flex;justify-content:center;gap:30px;height:27px;color:#c6f386}.plinko-bins{display:flex;gap:4px;justify-content:center;margin-top:16px}.plinko-bins b{background:#8fe316;border-radius:4px;padding:7px 11px;font-size:.63rem}.keno-display{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.keno-display button{border:1px solid #a1eb373b;background:#313136;color:#d1f59e;border-radius:6px;padding:9px}.game-provider-layout{display:grid;grid-template-columns:1.7fr 320px;gap:18px}.provider-screen{height:440px;position:relative;border-radius:12px;overflow:hidden}.provider-screen img{width:100%;height:100%;object-fit:cover;filter:brightness(.5)}.provider-screen span{position:absolute;inset:0;display:grid;place-items:center;font:600 2.7rem Oswald;letter-spacing:.1em}.game-provider-layout aside{background:#1a1c20;border:1px solid var(--line);border-radius:12px;padding:23px}.game-provider-layout aside p{color:var(--muted)}.game-provider-layout aside .primary{margin-top:20px}.promos-hero,.info-hero{border-bottom:1px solid var(--line);padding:40px 0 36px;margin-bottom:30px}.promos-hero h1,.info-hero h1{margin:8px 0 12px}.promos-hero p,.info-hero p{color:#b7b9c0;max-width:660px}.promo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promo-cards article{background:#1a1c20;border:1px solid var(--line);border-radius:13px;overflow:hidden}.promo-cards img{width:100%;height:200px;object-fit:cover}.promo-cards article>div{padding:18px}.promo-cards span{font-size:.66rem;color:var(--gold);letter-spacing:.15em}.promo-cards h2{margin:7px 0}.promo-cards p{color:var(--muted);font-size:.82rem}.promo-cards button{border:0;background:none;color:var(--gold);padding:0;font-weight:800}.info-page{max-width:1050px}.info-hero h1{font-size:4rem}.info-sections{display:grid;gap:12px}.info-block,.contact-form{background:#191b1f;border:1px solid var(--line);border-radius:11px;padding:24px}.info-block h2{font-size:1.05rem}.info-block p{color:#b2b4bb;font-size:.9rem;margin-bottom:0}.info-block a{display:block;margin-top:18px;color:var(--gold)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:start}.contact-form{display:grid;gap:13px}.contact-form label,.modal form label{display:grid;gap:7px;font-size:.78rem;color:#ccc}.contact-form input,.contact-form select,.contact-form textarea,.modal input{border:1px solid #ffffff26;background:#101115;border-radius:7px;color:#fff;padding:12px;width:100%}.contact-form textarea{min-height:120px;resize:vertical}.contact-form small{color:#8c8e95}.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.legal-grid a{border:1px solid var(--line);background:#1b1c21;border-radius:10px;padding:18px}.legal-grid a:hover{border-color:#a6ec41}.legal-grid a span{float:right;color:var(--gold)}.legal-grid strong,.legal-grid small{display:block}.legal-grid small{color:var(--muted);margin-top:6px}.not-found{text-align:center;display:grid;place-content:center}.not-found .primary{width:max-content;margin:auto}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:100;display:grid;place-items:center;padding:15px}.modal{width:min(430px,100%);background:#1b1c20;border:1px solid #b1ef5966;border-radius:15px;padding:30px;position:relative;box-shadow:0 30px 90px #000a}.modal-close{position:absolute;right:12px;top:10px;background:none;border:0;color:#aaa;font-size:1.7rem}.modal-logo{width:158px;margin-bottom:20px}.modal h2{font:600 1.7rem Oswald;text-transform:uppercase;margin-bottom:8px}.modal p{color:#b1b3ba;font-size:.83rem}.modal form{display:grid;gap:13px}.modal form .check-line{display:flex;align-items:center;font-size:.73rem}.modal form .check-line input{width:auto}.modal>small{display:block;color:#80838c;margin-top:14px;font-size:.7rem}.auth-tabs{display:flex;gap:5px;background:#101115;border-radius:7px;padding:4px;margin:20px 0}.auth-tabs button{flex:1;border:0;background:none;color:#bbb;padding:9px;border-radius:5px}.auth-tabs button.active{background:#8ee216;color:#111;font-weight:800}.integration-icon{font-size:2.5rem;color:var(--gold)}.chat-launch{position:fixed;z-index:60;right:20px;bottom:18px;border:1px solid #bcf1706c;background:#1a1712;color:var(--gold);width:50px;height:50px;border-radius:50%;font-size:1.5rem;box-shadow:0 5px 20px #0008}.chat-panel{position:fixed;z-index:59;right:20px;bottom:75px;width:290px;background:#202126;border:1px solid #a2eb3960;border-radius:11px;box-shadow:0 14px 55px #000a;padding:18px}.chat-panel>div{display:flex;justify-content:space-between}.chat-panel button{background:none;border:0;color:#aaa}.chat-panel p{color:#b7b8bd;font-size:.77rem}.chat-panel a{display:block;color:var(--gold);font-size:.78rem;margin:10px 0;font-weight:700}.chat-panel small{color:#85868d}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:120;background:#97e922;color:#15100a;font-size:.82rem;font-weight:800;padding:12px 18px;border-radius:9px;box-shadow:0 10px 30px #0008}
@media(max-width:1250px){.top-inner{gap:12px;padding:0 16px}.brand{width:146px}.desktop-nav a{padding:9px;font-size:.77rem}.preview-badge{display:none}.sports-layout{grid-template-columns:195px minmax(0,1fr) 248px;gap:10px;padding:16px}.catalog-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.topbar{height:68px}.desktop-nav{display:none}.menu-btn{display:block;border:0;background:none;color:#ddd;font-size:1.35rem}.top-inner{gap:13px}.brand{width:152px}.top-actions{margin-left:auto}.mobile-nav{display:none;position:fixed;z-index:39;left:0;right:0;top:68px;background:#15161a;padding:10px 16px;box-shadow:0 20px 40px #000a;grid-template-columns:repeat(3,1fr)}.mobile-nav.open{display:grid}.page-wrap{padding:28px 16px 75px}.hero-copy{padding:68px 20px}.hero-mark{right:-4%}.sports-layout{grid-template-columns:170px minmax(0,1fr)}.betslip{grid-column:2;position:static}.sports-sidebar{top:83px}.catalog-grid{grid-template-columns:repeat(4,1fr)}.card-row{grid-auto-columns:180px}.feature-card{height:290px}.footer-top{gap:16px}.sport-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{height:60px}.top-inner{padding:0 12px}.brand{width:128px}.auth-btn{min-height:36px;padding:8px 10px;font-size:.72rem}.mobile-nav{top:60px;grid-template-columns:repeat(2,1fr)}.home-hero{min-height:385px}.hero-copy{padding:63px 16px}.hero-copy h1{font-size:3.15rem}.hero-copy p{font-size:.9rem;max-width:310px}.hero-mark{width:330px;height:330px;right:-140px;top:90px;opacity:.23}.hero-actions .large{padding:11px 14px;font-size:.78rem;min-height:44px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.feature-card{height:230px;border-radius:9px}.feature-label{left:9px;right:9px;bottom:12px;display:block}.feature-label small{font-size:.52rem;bottom:34px}.feature-label strong{font-size:1rem}.feature-label>span{display:block;font-size:.58rem;margin-top:5px}.section-head{margin-top:30px}.section-head h2{font-size:1.25rem}.wide-banners,.promo-row{grid-template-columns:1fr}.catalog-controls{grid-template-columns:1fr 1fr}.catalog-controls .search-field{grid-column:1/-1}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-grid .card-image{height:165px}.card-meta{padding:9px}.card-meta .pill{display:none}.category-tiles{grid-template-columns:1fr}.sport-tiles{grid-template-columns:repeat(2,1fr);gap:7px}.sport-tiles a{padding:12px;display:grid;gap:2px}.sport-tiles small{margin:0}.activity-row{grid-template-columns:1.3fr 1fr .8fr;font-size:.67rem;padding:10px}.activity-row span:nth-child(4),.activity-row span:nth-child(5){display:none}.footer{padding:30px 16px}.footer-top{grid-template-columns:repeat(2,1fr);gap:22px}.footer-brand{grid-column:1/-1}.footer-brand img{width:140px}.sports-layout{display:block;padding:15px 12px 65px}.sports-sidebar{position:static;max-height:none;display:none}.sports-main .page-heading h1{font-size:2.8rem}.sports-hero{height:160px}.sports-hero strong{font-size:1.6rem}.match-body{grid-template-columns:1fr;gap:12px}.teams{grid-template-columns:1fr 1fr;gap:5px}.teams small{grid-column:1/-1}.betslip{margin-top:15px}.poker-stage{height:300px}.poker-stage-copy{left:20px;top:30px;right:20px}.poker-stage-copy h2{font-size:2.6rem}.poker-stage-copy p{font-size:.78rem;max-width:290px}.poker-row{grid-template-columns:1.4fr 1fr .7fr;gap:5px;font-size:.68rem;padding:11px}.poker-row span:nth-child(3),.poker-row.head span:nth-child(3),.poker-row span:nth-child(4),.poker-row.head span:nth-child(4){display:none}.filter-toolbar{align-items:start;flex-direction:column}.packs-hero{padding:28px;min-height:260px}.packs-hero h1{font-size:2.9rem}.packs-hero img{opacity:.3;width:70%}.item-detail,.game-shell,.game-provider-layout,.contact-layout{grid-template-columns:1fr}.item-art{height:300px}.game-stage{min-height:330px;padding:18px}.game-controls{min-height:0}.steps,.promo-cards{grid-template-columns:1fr}.legal-grid{grid-template-columns:1fr}.info-hero h1{font-size:3rem}.page-heading h1{font-size:3.2rem}.page-heading .pill{display:none}.roulette-wheel{width:190px;height:190px}.blackjack-display{gap:25px}.provider-screen{height:320px}}

/* Power.win-inspired layout, expressed with OGBetz brand colors and assets. */
#app{--rail-width:300px}#app.sidebar-collapsed{--rail-width:84px}#app>.topbar,#app>main,#app>.footer{margin-left:var(--rail-width)}#app>.topbar{height:72px;max-width:none}#app .top-inner{max-width:none;gap:20px;padding:0 28px}#app .brand{width:154px}#app .top-actions{margin-left:auto}#app .desktop-nav,#app .mobile-nav{display:none}#app .menu-btn{display:none}#app .preview-badge{display:none}.header-chat{width:40px;height:40px;border:0;border-radius:8px;background:#202126;color:#d1f59e;font-size:1.4rem}.rail-backdrop{display:none}.site-rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail-width);z-index:55;background:#111214;border-right:1px solid #ffffff19;display:flex;flex-direction:column;overflow:hidden;transition:width .22s}.rail-head{height:72px;flex:none;display:flex;align-items:center;gap:8px;padding:9px 12px}.rail-head>button,.menu-btn{width:42px;height:42px;flex:none;border:0;border-radius:8px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.rail-head>button:hover,.menu-btn:hover{background:#ffffff12}.rail-head>button span,.menu-btn span{display:block;width:19px;height:2px;border-radius:2px;background:#e6e4e0}.rail-mini-tabs{display:flex;align-items:center;gap:2px;background:#08090b;border:1px solid #ffffff0c;border-radius:999px;padding:4px;min-width:0;flex:1}.rail-mini-tabs a{flex:1;text-align:center;min-width:0;color:#a7a7ae;padding:7px 3px;font-weight:800;font-size:.77rem;border-radius:99px}.rail-mini-tabs a:hover,.rail-mini-tabs a.active{color:#d1f59e;background:#ffffff0c}.rail-mini-tabs .nav-icon{display:none}.rail-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#6e5b3b #141414;padding:8px 12px 25px}.rail-offer{border:1px solid #acee4f64;border-radius:9px;padding:12px;background:linear-gradient(135deg,#271b20,#1e1a21 75%);margin-bottom:16px}.rail-offer strong{font:600 1rem/1.15 Oswald;display:block;max-width:190px}.rail-offer>div{display:flex;gap:8px;margin-top:9px}.rail-offer .primary{flex:1;min-height:34px;padding:7px 12px;font-size:.73rem}.rail-signin{border:0;background:none;color:#f2eadf;padding:4px 12px;font-weight:800;font-size:.73rem}.rail-search{width:100%;height:42px;background:#0c0d0f;border:1px solid #ffffff24;border-radius:7px;color:#8e9299;display:flex;align-items:center;gap:11px;padding:0 13px;text-align:left;font-size:.78rem;margin:0 0 19px}.rail-search>span:first-child{font-size:1.25rem}.rail-primary a,.rail-categories a{display:flex;align-items:center;gap:13px;border-radius:8px;padding:11px 9px;font-size:.82rem;font-weight:750;color:#d7d6d2}.rail-primary a:hover,.rail-categories a:hover,.rail-primary a.active,.rail-categories a.active{background:#ffffff0e;color:#d2f69d}.rail-primary .nav-icon,.rail-category-icon{display:grid;place-items:center;width:24px;flex:none;color:#baf06c;font-size:1.1rem}.rail-primary{border-bottom:1px solid #ffffff15;padding-bottom:12px}.rail-rewards{border:1px solid #ffffff19;border-radius:8px;overflow:hidden;margin:18px 3px}.rail-rewards a{min-height:57px;border-bottom:1px solid #ffffff13;display:flex;align-items:center;gap:11px;padding:8px 10px;background:linear-gradient(90deg,#37251966,#171719);font-size:.78rem;font-weight:800}.rail-rewards a:nth-child(2){background:linear-gradient(90deg,#35232e66,#171719)}.rail-rewards a:nth-child(3){background:linear-gradient(90deg,#22273966,#171719)}.rail-rewards a:nth-child(4){background:linear-gradient(90deg,#1e372c66,#171719);border:0}.rail-rewards a:hover{color:var(--gold)}.rail-reward-icon{font-size:1.4rem;color:#c9f48b;width:25px}.rail-categories{border-top:1px solid #ffffff16;padding-top:9px}.sidebar-collapsed .site-rail .rail-label,.sidebar-collapsed .site-rail .rail-hide{display:none}.sidebar-collapsed .rail-mini-tabs{display:flex;flex-direction:column;background:transparent;border:0;gap:6px}.sidebar-collapsed .rail-mini-tabs a{padding:7px}.sidebar-collapsed .rail-mini-tabs .nav-icon{display:block}.sidebar-collapsed .rail-head{height:188px;flex-direction:column;align-items:center;padding:9px 8px}.sidebar-collapsed .rail-scroll{padding:8px}.sidebar-collapsed .rail-search{justify-content:center;padding:0}.sidebar-collapsed .rail-primary a,.sidebar-collapsed .rail-categories a,.sidebar-collapsed .rail-rewards a{justify-content:center;padding:11px 4px}.sidebar-collapsed .rail-rewards{border:0;margin:12px 0}.sidebar-collapsed .rail-rewards a{background:transparent}.sidebar-collapsed .rail-reward-icon{width:auto}
#app>.home-main{max-width:none;padding:0;overflow:hidden}.home-main .home-hero{height:295px;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#151119 0%,#241819d9 49%,#140d12 100%),url('./assets/casino.webp') center/cover no-repeat;border-bottom:1px solid #ffffff18}.home-main .home-hero:before{background:linear-gradient(90deg,#0e0e12d9,transparent 75%);opacity:1}.home-main .hero-copy{max-width:none;flex:1;min-width:0;margin:0;padding:20px 14px 20px 50px}.home-main .hero-copy h1{font-size:clamp(1.8rem,2.8vw,3rem);line-height:1.12;white-space:nowrap;margin:17px 0 23px}.home-main .hero-copy h1 em{color:#d1f59e}.home-main .hero-actions{margin:0;gap:8px}.home-main .hero-actions .large{min-height:45px;padding:10px 23px}.level-strip{display:flex;align-items:center;gap:8px;color:#d3c7ae;font-size:.58rem;font-weight:800;letter-spacing:.12em}.level-strip strong{font-size:.78rem;color:var(--gold)}.level-strip i{width:95px;height:5px;background:#ffffff29;border-radius:20px;overflow:hidden}.level-strip i b{display:block;height:100%;width:18%;background:var(--gold)}.level-strip small{font-size:.57rem;color:#aeadaf}.hero-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:46%;height:255px;padding-right:18px}.hero-card{display:block;border-radius:12px;overflow:hidden;position:relative;border:1px solid #ffffff21}.hero-card:hover{border-color:#c0f279;transform:translateY(-2px)}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 50%)}.hero-card strong{position:absolute;z-index:1;bottom:10px;left:11px;font:600 clamp(1.15rem,1.8vw,1.8rem) Oswald;text-transform:uppercase}.home-content{padding:0 30px 85px}.live-wins{padding:14px 0 2px}.live-wins-title{display:flex;align-items:center;gap:7px;font-weight:800;font-size:.88rem;margin:0 0 10px}.live-wins-title>span{width:11px;height:11px;background:#6cec5d;border-radius:50%;box-shadow:0 0 0 3px #64dc6744}.live-wins-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.win-card{flex:0 0 185px;height:80px;border:1px solid #ffffff13;background:#191a1e;border-radius:9px;display:flex;align-items:center;gap:8px;padding:7px;scroll-snap-align:start}.win-card:hover{border-color:#a2eb38}.win-card img{width:52px;height:62px;object-fit:cover;object-position:top;border-radius:5px}.win-card span{min-width:0;display:grid;gap:3px}.win-card strong{font:600 1.05rem Oswald}.win-card small,.win-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}.win-card em{color:#8f9199;font-style:normal}.power-section{margin-top:28px}.power-section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px}.power-section-head>a{font-size:1.05rem;font-weight:800}.power-section-head>a span{color:var(--gold);font-size:1.35rem;vertical-align:-1px}.power-section-head>div{display:flex;gap:5px}.power-section-head button{border:0;background:#232428;color:#bbb;border-radius:7px;width:32px;height:32px;font-size:1.4rem;line-height:1}.power-section-head button:hover{background:#4b3b25;color:#fff}.power-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.original-tile{height:175px;flex:0 0 128px;position:relative;border-radius:9px;overflow:hidden;border:1px solid #b1ef5940;scroll-snap-align:start;background:#1a1612}.original-tile:hover,.provider-tile:hover{border-color:#bef274;transform:translateY(-2px)}.original-tile img{width:100%;height:100%;object-fit:cover}.original-cover{position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#100e0de8 62%,#100e0d00);display:flex;flex-direction:column;justify-content:end;text-align:center;padding:0 3px 9px}.original-cover strong{font:600 .92rem/1 Oswald;text-transform:uppercase;white-space:nowrap}.original-cover small{font-size:.48rem;letter-spacing:.13em;margin-top:6px;color:#d1f59e}.provider-tile{height:190px;flex:0 0 148px;position:relative;border-radius:9px;border:1px solid #ffffff1f;overflow:hidden;scroll-snap-align:start;background:#191b1d}.provider-tile img{width:100%;height:100%;object-fit:cover}.provider-tile span{position:absolute;inset:auto 0 0;background:#000c;padding:6px;text-align:center;font-size:.65rem;opacity:0}.provider-tile:hover span{opacity:1}.home-sport-tile{height:160px;flex:0 0 130px;border-radius:9px;overflow:hidden;border:1px solid #ffffff20;scroll-snap-align:start}.home-sport-tile img{width:100%;height:100%;object-fit:cover}.home-sport-tile:hover{border-color:var(--gold)}.home-content .power-scroll .visual-card{flex:0 0 160px;scroll-snap-align:start}.home-content .power-scroll .visual-card .card-image{height:145px}.home-content .power-scroll .visual-card .card-meta{min-height:55px}.original-row{display:flex;overflow-x:auto}.original-row .original-tile{min-width:128px}.site-rail~.topbar{position:sticky}.footer{max-width:none}#app>.sports-layout{max-width:none;grid-template-columns:minmax(0,1fr) 280px}.sports-layout .sports-sidebar{display:none}.empty-state{padding:25px;color:#9ea0a7}.modal>small{display:none}.modal .auth-tabs{margin-top:20px}
@media(max-width:1080px){#app{--rail-width:0px}#app>.topbar,#app>main,#app>.footer{margin-left:0}#app .menu-btn{display:flex}#app .top-inner{padding:0 16px}#app .site-rail{width:300px;transform:translateX(-101%);transition:transform .2s}#app .site-rail.open{transform:translateX(0)}#app .rail-backdrop{display:none}#app.mobile-menu-open .rail-backdrop{display:block;position:fixed;inset:0;z-index:54;border:0;background:#0009;width:100%;height:100%}#app .site-rail .rail-label,#app .site-rail .rail-hide{display:initial}#app .site-rail .rail-head{height:72px;flex-direction:row;align-items:center;padding:9px 12px}#app .site-rail .rail-mini-tabs{flex-direction:row;background:#08090b;border:1px solid #ffffff0c}#app .site-rail .rail-mini-tabs .nav-icon{display:none}#app .site-rail .rail-search{justify-content:start;padding:0 13px}#app .site-rail .rail-primary a,#app .site-rail .rail-categories a,#app .site-rail .rail-rewards a{justify-content:start;padding:11px 9px}#app .site-rail .rail-rewards{border:1px solid #ffffff19;margin:18px 3px}#app .site-rail .rail-rewards a{background:linear-gradient(90deg,#352b2366,#171719)}.home-main .hero-copy{padding-left:30px}.home-main .hero-copy h1{font-size:2rem}.hero-cards{width:48%}}
@media(max-width:700px){#app>.topbar{height:60px}#app .top-inner{padding:0 10px}#app .brand{width:130px}#app .header-chat{display:none}.home-main .home-hero{height:auto;min-height:500px;display:block;padding:0 0 18px}.home-main .hero-copy{padding:28px 18px 12px}.home-main .hero-copy h1{font-size:2.05rem;white-space:normal;margin:15px 0 18px}.home-main .hero-actions .large{min-height:39px;padding:8px 15px;font-size:.76rem}.hero-cards{height:245px;width:100%;padding:0 12px;gap:7px}.hero-card strong{font-size:1.25rem;left:8px}.home-content{padding:0 14px 70px}.win-card{flex-basis:170px}.original-tile{flex-basis:122px}.provider-tile{flex-basis:135px}.level-strip i{width:50px}.level-strip small{font-size:.52rem}#app .site-rail{top:0}.home-content .power-scroll .visual-card{flex-basis:155px}#app>.sports-layout{display:block}.site-rail~.topbar{height:60px}}
.original-cover{inset:64% 0 0;background:#100e0d;border-top:1px solid #afee5466}
.originals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}
.originals-grid .original-tile{height:210px;min-width:0}
.nav-icon{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;color:inherit;font-size:inherit}
.nav-icon svg{display:block;width:20px;height:20px}
.header-chat{display:grid;place-items:center;color:#f4f2ed}
.header-chat .nav-icon{width:21px;height:21px}
.header-chat svg{width:20px;height:20px}
.rail-search .nav-icon{color:#8e9299;width:20px}
.rail-search .nav-icon svg{width:18px;height:18px}
.rail-primary{padding-bottom:13px}
.rail-primary a{height:52px;font-size:.91rem}
.rail-primary .nav-icon{color:#dededc}
.rail-rewards{margin:16px 3px 18px}
.rail-rewards a{height:64px;font-size:.88rem}
.rail-reward-icon{width:44px;height:44px;flex:none;display:grid;place-items:center}
.rail-reward-icon img{width:44px;height:44px;object-fit:contain}
.rail-categories{padding-top:0}
.rail-categories .rail-group,.rail-categories .rail-group-children a,.rail-bottom-links button,.rail-bottom-links a{height:52px;width:100%;border:0;background:transparent;color:#e0ded9;display:flex;align-items:center;gap:13px;text-align:left;padding:0 9px;font-size:.88rem;font-weight:750}
.rail-categories .rail-group{height:60px;cursor:pointer}
.rail-categories .rail-group.active{background:#ffffff08;color:#c8f38a}
.rail-categories .rail-group:hover,.rail-categories .rail-group-children a:hover,.rail-bottom-links button:hover,.rail-bottom-links a:hover{background:#ffffff0d;color:#d1f59c}
.rail-categories .rail-group-children a.active{color:#d1f59c}
.rail-chevron{margin-left:auto;font-size:1.2rem;line-height:1;transition:transform .2s}
.rail-group:not(.active) .rail-chevron{transform:rotate(-90deg)}
.rail-group-children{padding-bottom:4px}
.rail-bottom-links{border-top:1px solid #ffffff16;padding-top:8px;margin-top:4px}
.rail-bottom-links .nav-icon{color:#ddd}
.sidebar-collapsed .rail-group-children{display:none}
.sidebar-collapsed .rail-categories .rail-group,.sidebar-collapsed .rail-bottom-links button,.sidebar-collapsed .rail-bottom-links a{justify-content:center;padding:0}
.sidebar-collapsed .rail-reward-icon,.sidebar-collapsed .rail-reward-icon img{width:36px;height:36px}
.chat-launch .nav-icon{width:24px;height:24px}
.chat-launch .nav-icon svg{width:23px;height:23px}
.win-card{flex-basis:164px;height:76px;gap:7px;padding:6px}
.win-card img{width:45px;height:58px}
.win-card strong{font-size:.98rem}
.win-card small,.win-card em{font-size:.6rem}
@media(max-width:1080px){#app .site-rail .rail-reward-icon,#app .site-rail .rail-reward-icon img{width:44px;height:44px}#app .site-rail .rail-group-children{display:block}}
/* Expanded casino and sportsbook catalogues */
.casino-page{max-width:none;padding:25px 30px 85px}.casino-page .wide-banners{margin-bottom:18px}.casino-page .catalog-controls{grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(170px,1fr)}.casino-page .tab-strip{background:transparent;border:0;border-bottom:1px solid #ffffff20;border-radius:0;padding:0 0 7px;gap:2px}.casino-tabs a{display:inline-flex;align-items:center;white-space:nowrap;padding:11px 16px;border-radius:8px;color:#b6b8be;font-size:.83rem;font-weight:800}.casino-tabs a:hover,.casino-tabs a.active{background:#98e923;color:#15100b}.casino-page .power-section{margin-top:24px}.casino-page .power-section-head>a{font-size:1.1rem}.casino-page .provider-tile{flex-basis:145px;height:196px}.casino-page .original-tile{height:196px;flex-basis:143px}.casino-results-head,.sports-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 13px}.casino-results-head h2,.sports-list-head h2{font-size:1.12rem;margin:0}.casino-results-head span,.sports-list-head span{font-size:.72rem;color:#999ca5}.casino-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:11px}.casino-grid .provider-tile{height:205px;width:100%;min-width:0}.casino-grid .provider-tile span{opacity:1;background:linear-gradient(0deg,#000d,#0002);padding:16px 6px 7px;font-weight:700}.casino-more,.sports-more{display:block;margin:24px auto 0;min-width:180px}
#app>.sports-layout{max-width:none;grid-template-columns:205px minmax(0,1fr) 245px;gap:12px;padding:16px 16px 70px}.sports-layout .sports-sidebar{display:block;padding:10px;top:91px;max-height:calc(100vh - 105px)}.sports-side-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px}.sports-side-icons button{min-height:36px;background:#222329;border:1px solid #ffffff16;color:#c0f279;border-radius:7px;font-size:1.1rem}.sports-featured{display:grid;gap:5px}.sports-featured a{padding:9px 8px;background:#24252b;border-radius:6px;color:#e1dfdc;font-size:.7rem;font-weight:750}.sports-featured a:hover{background:#564027}.sports-sidebar .sidebar-tabs{margin:12px 0}.sports-side-list{display:grid;gap:1px}.sports-sidebar .sport-side{padding:8px 5px;min-height:36px}.sport-side strong{font-weight:650;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sports-top-tabs{display:flex;gap:4px;border-bottom:1px solid #ffffff17;margin:0 0 11px;overflow-x:auto}.sports-top-tabs a{padding:9px 13px;color:#a8abb1;font-size:.83rem;font-weight:800;white-space:nowrap;border-bottom:2px solid transparent}.sports-top-tabs a.active{color:#caf48d;border-color:#b3ef5c}.sports-banner-row{display:grid;grid-template-columns:1.7fr 1fr;gap:9px}.sports-banner-row .sports-hero{height:145px;margin:0;background-size:auto 230%;padding:17px}.sports-banner-row .sports-hero strong{font-size:1.65rem}.sports-feature-card{border:1px solid #a6ec4255;border-radius:12px;background:linear-gradient(140deg,#33251d,#15161c),url('./assets/sports.webp') center/cover;display:flex;flex-direction:column;justify-content:center;padding:16px}.sports-feature-card span,.sports-feature-card small{font-size:.67rem;color:#c2f27c}.sports-feature-card strong{font:600 1.4rem Oswald;text-transform:uppercase;margin:7px 0}.sports-chip-row{margin:12px 0;gap:6px}.sports-chip-row a{white-space:nowrap;padding:7px 10px;border-radius:20px;background:#22242a;border:1px solid #ffffff1a;font-size:.68rem;font-weight:750}.sports-chip-row a.active,.sports-chip-row a:hover{background:#91e517;color:#140f0a}.match-list{gap:8px}.match-card{padding:11px}.match-top{font-size:.7rem;text-decoration:none}.match-top:hover{color:#c5f383}.match-body{grid-template-columns:minmax(130px,.7fr) minmax(0,2.4fr);gap:9px;align-items:start;padding-top:11px}.teams{gap:5px}.teams strong{font-size:.76rem}.teams small{font-size:.67rem}.event-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sports-market{min-width:0}.sports-market>small{display:block;color:#a7a9b1;font-size:.61rem;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sports-market>div{display:flex;gap:3px}.sports-market .odd{min-width:0;min-height:38px;padding:5px 6px;font-size:.6rem}.sports-market .odd strong{font-size:.67rem}.sports-layout .betslip{top:91px}.quick-bet{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid #ffffff15;font-size:.64rem;font-weight:800;color:#aeb0b6}.switch{width:30px;height:17px;border:0;border-radius:30px;background:#555;position:relative}.switch:after{content:'';width:12px;height:12px;border-radius:50%;background:#fff;position:absolute;left:3px;top:2.5px}.switch.on{background:#90e417}.switch.on:after{left:15px}.stake-shortcuts{display:flex;gap:4px;padding:0 14px 12px}.stake-shortcuts button{flex:1;background:#292b30;color:#ddd;border:1px solid #ffffff1a;border-radius:5px;padding:5px;font-size:.65rem}.sports-event-layout .event-hero{padding:25px}.sports-event-layout .event-hero h1{font-size:2.15rem;flex-wrap:wrap}.event-detail-markets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.event-detail-markets .sports-market{padding:13px;background:#1b1d22;border:1px solid #ffffff15;border-radius:8px}.event-detail-markets .sports-market>small{font-size:.78rem;margin-bottom:9px}.event-detail-markets .sports-market .odd{min-height:43px;font-size:.7rem;padding:8px}
@media(max-width:1450px){#app>.sports-layout{grid-template-columns:165px minmax(0,1fr) 215px;padding:12px;gap:9px}.sports-sidebar .sport-side{font-size:.69rem}.sports-banner-row{grid-template-columns:1.5fr 1fr}.sports-feature-card{padding:10px}.event-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-market-grid .sports-market:nth-child(3){display:none}}
@media(max-width:1080px){#app>.sports-layout{grid-template-columns:190px minmax(0,1fr) 225px}.casino-page{padding:22px 18px 70px}}
@media(max-width:850px){#app>.sports-layout{grid-template-columns:170px minmax(0,1fr)}.sports-layout .betslip{grid-column:2;position:static}.event-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sports-banner-row{grid-template-columns:1fr}.sports-feature-card{display:none}}
@media(max-width:700px){#app>.sports-layout{display:block;padding:10px 12px 65px}.sports-layout .sports-sidebar{display:block;position:static;max-height:205px;overflow:auto;margin-bottom:10px}.sports-side-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.sports-sidebar .sport-side{font-size:.67rem}.sports-featured{display:none}.sports-side-icons{display:none}.sports-sidebar .sidebar-tabs{margin:0 0 7px}.sports-layout .betslip{margin-top:12px}.match-body{grid-template-columns:1fr}.event-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.event-market-grid .sports-market:nth-child(3){display:block}.casino-page{padding:15px 12px 65px}.casino-page .catalog-controls{grid-template-columns:1fr 1fr}.casino-page .catalog-controls .search-field{grid-column:1/-1}.casino-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.casino-grid .provider-tile{height:210px}.event-detail-markets{grid-template-columns:1fr}}
.rail-leaderboard{display:flex;flex-direction:column;justify-content:center;min-height:115px;margin:12px 8px 10px;padding:14px;border:1px solid #b0ee576b;border-radius:11px;background:radial-gradient(circle at 100% 0,#92e71755,transparent 56%),linear-gradient(135deg,#2e211a,#171415)}.rail-leaderboard span{font-size:.57rem;letter-spacing:.13em;font-weight:850;color:#c2f27c}.rail-leaderboard strong{font:600 1.04rem/1.1 Oswald;margin:8px 0;text-transform:uppercase}.rail-leaderboard small{color:#caf48d;font-size:.66rem;font-weight:750}.rail-growth{border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;padding:6px 0;margin:4px 3px 9px}.rail-growth a{height:42px;display:flex;align-items:center;gap:12px;padding:0 10px;border-radius:7px;font-size:.79rem;font-weight:750;color:#ddd}.rail-growth a:hover{background:#ffffff11;color:#c5f383}.rail-growth .nav-icon{color:#baf16d}.sidebar-collapsed .rail-growth a{justify-content:center;padding:0}.sidebar-collapsed .rail-leaderboard{display:none}
.growth-page,.races-page{max-width:1200px}.growth-hero,.races-hero{position:relative;overflow:hidden;border-radius:13px;border:1px solid #a1eb3655;background:radial-gradient(circle at 85% 20%,#97e92066,transparent 33%),linear-gradient(115deg,#231914,#141417 70%);min-height:300px;padding:42px 50px;margin-bottom:24px}.growth-hero h1,.races-hero h1{font-size:clamp(2.8rem,4.3vw,4.8rem);line-height:.98;margin:12px 0 15px}.growth-hero p,.races-hero p{max-width:470px;color:#c6c0b7;font-size:.9rem}.growth-hero .primary{margin-top:9px}.referral-hero{background:radial-gradient(circle at 85% 45%,#94e81a80,transparent 35%),linear-gradient(115deg,#1d1917,#151519)}.affiliate-hero{background:radial-gradient(circle at 82% 20%,#72523b9c,transparent 35%),linear-gradient(115deg,#251b18,#141516)}.growth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.growth-card{min-height:190px;background:#1b1c20;border:1px solid #ffffff16;border-radius:11px;padding:17px;display:flex;flex-direction:column;align-items:start}.growth-card:hover{border-color:#a9ed46}.growth-card img{width:62px;height:62px;object-fit:contain;margin-bottom:12px}.growth-card strong{font-size:.93rem}.growth-card small{font-size:.76rem;color:#a8abb1;margin-top:8px;line-height:1.4}.growth-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.growth-steps article{border:1px solid #ffffff18;background:#1b1d21;border-radius:11px;padding:23px}.growth-steps article>span{font:600 2rem Oswald;color:#b3ef5c}.growth-steps h2{font-size:1.15rem;margin:14px 0 8px}.growth-steps p{font-size:.83rem;color:#a9abb1;margin:0}.growth-panel{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #a9ed4750;background:#211d19;border-radius:11px;padding:24px}.growth-panel h2{font-size:1.25rem;margin:8px 0}.growth-panel p{font-size:.81rem;color:#a9abb1;margin:0}.races-hero{min-height:250px}.races-tabs{display:flex;border-radius:30px;background:#1b1d21;padding:5px;max-width:420px;margin:0 auto 20px}.races-tabs button{flex:1;background:transparent;border:0;border-radius:30px;color:#b5b7bc;padding:10px;font-weight:800}.races-tabs button.active{background:#9bea2a;color:#17110d}.race-table{background:#17191d;border:1px solid #ffffff18;border-radius:11px;overflow:hidden}.race-table-head{display:grid;grid-template-columns:60px 1.5fr 1fr 1fr;gap:15px;padding:15px 22px;background:#22242a;color:#9da0a7;font-size:.76rem;font-weight:800}.race-empty{text-align:center;padding:75px 15px}.race-empty strong{font:600 1.7rem Oswald;text-transform:uppercase}.race-empty p{color:#a7a9b0;font-size:.86rem;margin:9px 0 20px}
.page-heading h1{font-size:2.6rem}.page-heading.compact h1{font-size:2.45rem}.section-head h2{font-size:1.25rem}.casino-page .power-section-head>a{font-size:.96rem}.casino-page .provider-tile{flex-basis:124px;height:180px}.casino-page .original-tile{flex-basis:124px;height:180px}.casino-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}.casino-grid .provider-tile{height:180px}.casino-page .wide-banner{height:125px}.casino-page .wide-banner strong{font-size:1.35rem}.casino-page .search-field,.casino-page .select-wrap{height:42px}.casino-tabs a{font-size:.75rem;padding:9px 11px}.sports-layout{font-size:.88rem}
@media(max-width:700px){.growth-hero,.races-hero{padding:28px 22px;min-height:250px}.growth-hero h1,.races-hero h1{font-size:3rem}.growth-grid{grid-template-columns:repeat(2,1fr)}.growth-steps{grid-template-columns:1fr}.growth-panel{display:block}.growth-panel .outline{margin-top:14px}.race-table-head{grid-template-columns:30px 1fr 1fr 1fr;gap:4px;padding:12px;font-size:.61rem}.casino-grid .provider-tile{height:190px}.page-heading h1{font-size:2.5rem}}
.cases-page,.packs-page,.pack-all-page{max-width:none;padding:24px 30px 85px}.collectible-tabs{display:flex;gap:4px;border-bottom:1px solid #ffffff1b;margin-bottom:20px}.collectible-tabs a{padding:11px 18px;font-size:.91rem;font-weight:800;color:#aeb0b6;border-bottom:2px solid transparent}.collectible-tabs a.active{color:#c5f383;border-color:#afee54}.case-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 160px 190px;gap:9px;margin-bottom:17px}.case-toolbar .search-field{height:43px}.case-toolbar select,.battle-toolbar select{border:1px solid #ffffff1b;border-radius:8px;background:#202126;color:#fff;padding:8px 11px;font-size:.78rem}.case-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.case-tile{display:flex;flex-direction:column;align-items:center;background:#1c1e23;border:1px solid #ffffff17;border-radius:9px;overflow:hidden;padding-bottom:12px;text-align:center}.case-tile:hover{border-color:#aeee51;transform:translateY(-2px)}.case-art{width:100%;height:165px;overflow:hidden;background:radial-gradient(circle at center,#84d11579,#251d1b 60%,#191719);position:relative}.case-art img{width:100%;height:100%;object-fit:cover;object-position:65% 45%;mix-blend-mode:screen}.case-tile.tone-1 .case-art{filter:hue-rotate(22deg)}.case-tile.tone-2 .case-art{filter:hue-rotate(48deg)}.case-tile.tone-3 .case-art{filter:hue-rotate(-24deg)}.case-tile.tone-4 .case-art{filter:hue-rotate(76deg)}.case-tile.tone-5 .case-art{filter:hue-rotate(-48deg)}.case-tile strong{font-size:.78rem;margin:11px 5px 5px;line-height:1.2}.case-tile>span{font-size:.73rem;color:#b5ef61;font-weight:800}.battle-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.battle-filters{display:flex;gap:2px;background:#1d1e22;padding:3px;border-radius:8px;margin-right:auto}.battle-filters .chip{font-size:.72rem;padding:8px 10px}.battle-empty{border:1px solid #ffffff17;border-radius:11px;background:#1b1d21;text-align:center;padding:75px 20px;margin-top:18px}.battle-empty-icon{font-size:3rem;color:#a9ed47}.battle-empty h2{font-size:1.3rem;margin:10px 0}.battle-empty p{font-size:.83rem;color:#a5a7ae}.battle-empty .outline{margin-top:6px}
.pack-feature{min-height:305px;display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:stretch;background:radial-gradient(circle at 80% 25%,#87d7154f,transparent 45%),linear-gradient(110deg,#211715,#141518);border:1px solid #9dea2f4d;border-radius:13px;padding:28px;margin-bottom:18px}.pack-feature-copy{display:flex;flex-direction:column;align-items:start;justify-content:center}.pack-feature h1{font-size:clamp(2.5rem,4vw,4.2rem);line-height:1;margin:12px 0}.pack-feature p{font-size:.84rem;max-width:390px;color:#beb9b1}.pack-feature .primary{margin-top:10px}.featured-packs{display:grid;grid-template-columns:1fr 1fr;gap:11px}.featured-packs .pack-tile{height:245px}.pack-picks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;min-height:225px;background:linear-gradient(110deg,#262016,#19171b);border:1px solid #ffffff16;border-radius:12px;padding:18px}.pack-picks>div{display:flex;flex-direction:column;justify-content:center}.pack-picks h2{font:600 2.1rem Oswald;text-transform:uppercase;margin:10px 0}.pack-picks .pack-tile{height:190px}.pack-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 26px}.pack-format{display:block;min-height:150px;background:linear-gradient(135deg,#2d241d,#1b1c21);border:1px solid #a3ec3b50;border-radius:11px;padding:17px}.pack-format:hover{border-color:#c4f281;transform:translateY(-2px)}.pack-format>span{font-size:1.6rem;color:#bdf172}.pack-format h3{font-size:1.07rem;margin:12px 0 5px}.pack-format p{font-size:.75rem;color:#aab0b6;margin:0}.pack-section{margin-top:25px}.pack-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.pack-head h2{font-size:1.15rem;margin:0}.pack-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.pack-row .pack-tile{flex:0 0 155px;height:210px}.pack-tile{display:block;position:relative;background:#1d1e23;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden;min-width:0}.pack-tile:hover{border-color:#b4ef5e;transform:translateY(-2px)}.pack-art{height:72%;background:radial-gradient(circle,#4a3d3055,#131417);display:grid;place-items:center}.pack-art img{width:100%;height:100%;object-fit:contain}.pack-meta{padding:8px 9px}.pack-meta strong,.pack-meta small,.pack-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-meta strong{font-size:.75rem}.pack-meta small{font-size:.61rem;color:#9fa1a9;margin:3px 0}.pack-meta span{font-size:.74rem;color:#c5f382;font-weight:800}.featured-packs .pack-art{height:71%}.featured-packs .pack-meta strong{font-size:.9rem}.pack-specials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.pack-special{min-height:105px;border-radius:10px;border:1px solid #a3ec3b4f;background:linear-gradient(135deg,#2b221e,#17181c);display:flex;flex-direction:column;justify-content:center;padding:15px}.pack-special strong{font:600 1.45rem Oswald;text-transform:uppercase}.pack-special small{font-size:.72rem;color:#c0b5a3;margin-top:4px}.pack-all-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.pack-all-grid .pack-tile{height:230px}
@media(max-width:850px){.pack-feature{grid-template-columns:1fr}.featured-packs{max-width:500px}.pack-picks{grid-template-columns:1fr 1fr}.pack-picks>div{grid-column:1/-1}.case-toolbar{grid-template-columns:1fr 1fr}.case-toolbar .search-field{grid-column:1/-1}}
@media(max-width:700px){.cases-page,.packs-page,.pack-all-page{padding:15px 12px 65px}.case-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.case-art{height:150px}.battle-toolbar{align-items:stretch}.battle-filters{overflow-x:auto;width:100%;order:2}.battle-toolbar select{flex:1;min-width:110px}.pack-feature{padding:20px}.pack-feature h1{font-size:2.7rem}.pack-picks{grid-template-columns:1fr 1fr}.pack-picks h2{font-size:1.5rem}.pack-formats{grid-template-columns:1fr}.pack-format{min-height:120px}.pack-specials{grid-template-columns:1fr}.pack-row .pack-tile{flex-basis:145px}.pack-all-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.poker-page{max-width:none;padding:22px 30px 80px}.poker-lobby{height:480px;border:1px solid #435b7280;border-radius:11px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#1c3450,#0b1828 62%,#090f19);position:relative}.poker-frame-bar{height:45px;background:#091323bd;border-bottom:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.poker-frame-bar span{font:600 .9rem Oswald;letter-spacing:.09em;color:#c8f389}.poker-frame-bar button{border:0;background:#ffffff13;color:#ddd;border-radius:5px;width:28px;height:28px;margin-left:5px;font-size:1rem}.poker-lobby-content{height:calc(100% - 45px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.poker-suits{font-size:1.8rem;color:#b1ef59;letter-spacing:.25em}.poker-suits span{color:#b43f4b}.poker-lobby h1{font-size:3rem;margin:15px 0 8px}.poker-lobby p{font-size:1.1rem;margin:0}.poker-lobby small{color:#aab7c5;margin:7px 0 25px}.poker-format-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.poker-format-row>div{background:#1a1c22;border:1px solid #ffffff17;border-radius:8px;padding:16px}.poker-format-row strong,.poker-format-row small{display:block}.poker-format-row strong{font-size:.88rem}.poker-format-row small{font-size:.73rem;color:#aab0b7;margin-top:5px}
@media(max-width:700px){.poker-page{padding:15px 12px 65px}.poker-lobby{height:380px}.poker-lobby h1{font-size:2.4rem}.poker-format-row{grid-template-columns:1fr}.poker-format-row>div{padding:12px}}


/* refinements.css */
/* Homepage and navigation scale */
#app{--rail-width:264px}
.site-rail{font-size:.78rem}
.rail-head{padding:8px 10px;gap:5px}
.rail-head>button{width:36px;height:36px}
.rail-mini-tabs a{font-size:.68rem;padding:6px 2px}
.rail-scroll{padding:7px 10px 22px}
.rail-offer{padding:10px;margin-bottom:12px}
#app .site-rail .rail-offer{display:block}
.rail-offer strong{font-size:.84rem}
.rail-search{height:38px;margin-bottom:12px;font-size:.73rem}
.rail-primary a{height:42px;font-size:.76rem;padding:8px 7px;gap:10px}
.rail-primary .nav-icon{width:20px}
.rail-primary .nav-icon svg,.rail-categories .nav-icon svg,.rail-growth .nav-icon svg{width:17px;height:17px}
.rail-rewards{margin:10px 2px 11px}
.rail-rewards a{height:45px;min-height:45px;font-size:.74rem;padding:5px 7px;gap:8px}
.rail-rewards a.active{color:#d1f59d;box-shadow:inset 2px 0 #b4ef5e}
.rail-reward-icon,.rail-reward-icon img{width:31px;height:31px}
#app .site-rail .rail-leaderboard{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;width:auto;min-height:86px;margin:9px 2px;padding:10px 12px;overflow:hidden;white-space:normal}
.rail-leaderboard strong{font-size:.86rem;line-height:1.12;margin:5px 0}
.rail-leaderboard span{font-size:.53rem}
.rail-leaderboard small{font-size:.62rem}
.rail-growth{margin:3px 2px 7px}
.rail-growth a{height:36px;font-size:.73rem;gap:9px;padding:0 7px}
.rail-categories .rail-group{height:43px;font-size:.76rem;padding:0 7px;gap:10px}
.rail-categories .rail-group-children a,.rail-bottom-links button,.rail-bottom-links a{height:38px;font-size:.73rem;padding:0 7px;gap:10px}
.rail-chevron{font-size:1rem}

/* Every visual row on the homepage uses the same card footprint. */
.home-content{--home-tile-width:135px;--home-tile-height:181px}
.home-content .power-scroll{gap:10px}
.home-content .original-tile,.home-content .provider-tile,.home-content .case-tile,.home-content .home-sport-tile{flex:0 0 var(--home-tile-width);width:var(--home-tile-width);height:var(--home-tile-height);min-width:var(--home-tile-width);border-radius:9px;scroll-snap-align:start}
.home-content .original-tile img,.home-content .provider-tile img,.home-content .home-sport-tile img{height:100%;width:100%;object-fit:cover}
.home-content .case-tile{padding-bottom:7px}
.home-content .case-art{height:124px;flex:none}
.home-content .case-tile strong{font-size:.68rem;margin:7px 4px 3px;line-height:1.05;max-height:26px;overflow:hidden}
.home-content .case-tile>span{font-size:.67rem}
/* Align Live Wins with the tile columns in the rows below. */
.home-content .live-wins-track{gap:10px}
.home-content .win-card{flex:0 0 var(--home-tile-width);width:var(--home-tile-width);min-width:var(--home-tile-width);height:80px;display:flex;align-items:center;gap:6px;padding:6px;overflow:hidden;background:#1b1c20;border-radius:9px}
.home-content .win-card img{display:block;flex:0 0 44px;width:44px;height:68px;object-fit:cover;object-position:center;border-radius:5px}
.home-content .win-card>span{display:grid;min-width:0;gap:2px;padding:0}
.home-content .win-card strong{font:600 .96rem/1 Oswald;color:#f5efe6}
.home-content .win-card small,.home-content .win-card em{font-size:.56rem;line-height:1.2}
/* Power reference: 140 × 235 hero cards at a 1800 px viewport. */
.home-main .hero-cards{width:auto;height:235px;grid-template-columns:repeat(3,140px);gap:12px;padding-right:clamp(18px,6vw,110px)}
.home-main .hero-card strong{font-size:1.48rem;left:12px;bottom:11px}
/* Menu structure follows the Power homepage; OGBetz keeps its own palette and logo. */
#app{--rail-width:clamp(264px,16.67vw,300px)}
#app .site-rail .rail-head{height:72px}
#app .site-rail .rail-scroll{padding:8px 10px 22px}
.rail-race-banner{display:flex;flex-direction:column;justify-content:flex-end;height:78px;box-sizing:border-box;padding:10px 12px;border-radius:8px;margin:0 0 17px;background:linear-gradient(90deg,#291b0f 0%,#31200fba 44%,#16110a2e),url('./assets/sports.webp') right 42%/cover;color:#d3ff94;overflow:hidden}
.rail-race-banner strong{font:700 1.22rem/1 Oswald;letter-spacing:.01em}
.rail-race-banner span{font-size:.54rem;font-weight:800;letter-spacing:.07em;margin-top:3px;color:#d3ff94}
#app .site-rail .rail-search{height:43px;margin-bottom:12px}
#app .site-rail .rail-primary{padding-bottom:12px;border-bottom:1px solid #ffffff12}
#app .site-rail .rail-primary a{height:45px;border-radius:4px;font-size:.76rem;padding:0 9px;gap:11px}
#app .site-rail .rail-primary a.active{background:transparent;box-shadow:inset 3px 0 #b4ef5e;color:#c5f384}
#app .site-rail .rail-primary .nav-icon,#app .site-rail .rail-categories .nav-icon{color:#d5d4d2;width:22px}
#app .site-rail .rail-categories{border-top:0;padding-top:4px}
#app .site-rail .rail-categories .rail-group{height:46px;font-size:.77rem;padding:0 9px;gap:11px;border-radius:4px}
#app .site-rail .rail-categories .rail-group.active{background:transparent;color:#c0f277}
#app .site-rail .rail-categories .rail-group-children a{height:42px;font-size:.75rem;padding:0 9px;gap:11px;border-radius:4px}
#app .site-rail .rail-categories .rail-group-children{padding:0 0 7px;border-bottom:1px solid #ffffff12}
#app .site-rail .rail-bottom-links{border-top:0;margin-top:0;padding-top:0}
#app .site-rail .rail-bottom-links a,#app .site-rail .rail-bottom-links button{height:44px;font-size:.75rem;padding:0 9px;gap:11px;border-radius:4px}
.case-art img{mix-blend-mode:normal;object-position:center}
.case-tile[class*="tone-"] .case-art{filter:none}
@media(max-width:1080px){#app{--rail-width:0px}#app .site-rail{width:min(300px,calc(100vw - 34px))}.home-main .hero-cards{grid-template-columns:repeat(3,minmax(0,1fr));width:48%;padding-right:18px}}
@media(max-width:700px){.home-main .hero-cards{width:100%;height:220px;padding:0 12px;gap:7px}.home-main .hero-card strong{font-size:1.13rem;left:8px}.home-content .win-card{height:76px}.home-content .win-card img{width:40px;flex-basis:40px;height:64px}.home-content .win-card strong{font-size:.86rem}.home-content .win-card small,.home-content .win-card em{font-size:.52rem}}

/* Separate casino and sportsbook activity tables. */
.bet-activity{margin-top:34px;min-width:0}
.bet-activity-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:13px}
.bet-activity-head>div:first-child>span{color:#afee55;font-size:.62rem;font-weight:800;letter-spacing:.11em}
.bet-activity-head h2{font-size:1.14rem;margin:4px 0 0}
.bet-view-tabs{display:flex;gap:3px;padding:3px;border-radius:8px;background:#1b1c20;border:1px solid #ffffff12}
.bet-view-tabs button{border:0;border-radius:6px;background:none;color:#9da0a8;padding:8px 12px;font-size:.73rem;font-weight:800;white-space:nowrap}
.bet-view-tabs button.active{background:#343539;color:#f5f0e7}
.bet-activity .activity-table{border:1px solid #ffffff16;border-radius:9px;overflow:hidden}
.bet-activity .activity-row{display:grid;grid-template-columns:minmax(145px,1.5fr) minmax(80px,1fr) minmax(80px,.8fr) minmax(65px,.6fr) minmax(80px,.8fr) minmax(58px,.65fr);gap:10px;align-items:center;min-height:52px;padding:7px 12px;font-size:.73rem}
.bet-activity .activity-row.head{min-height:35px;font-size:.65rem;color:#8f939a}
.bet-activity .activity-row:nth-child(odd):not(.head){background:#202125}
.bet-activity .activity-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bet-game{display:flex;align-items:center;gap:8px;min-width:0}
.bet-game img{width:34px;height:36px;object-fit:cover;border-radius:4px;flex:none}
.bet-game strong{font-size:.72rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bet-activity .microcopy{font-size:.65rem;color:#878b93;margin:8px 0 0}
.my-bets-empty{border:1px solid #ffffff16;border-radius:9px;background:#1a1b1f;text-align:center;padding:32px 15px}
.my-bets-empty strong{font-size:.9rem}
.my-bets-empty p{font-size:.73rem;color:#9b9ea5;margin:6px 0 14px}
.my-bets-empty .outline{min-height:34px;padding:7px 16px;font-size:.72rem}
.sports-bet-activity{grid-column:1/-1;min-width:0}
.sports-bet-activity .bet-activity{margin-top:12px}

/* Dedicated rewards page. */
.rewards-page{max-width:1190px}
.rewards-hero{min-height:235px;padding:28px 36px;border:1px solid #a0eb3366;border-radius:11px;background:radial-gradient(circle at 77% 38%,#8de01666,transparent 32%),linear-gradient(105deg,#201915,#121316);display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.rewards-hero>div{position:relative;z-index:1;max-width:480px}
.rewards-hero h1{font-size:3.7rem;margin:9px 0;text-transform:uppercase}
.rewards-hero p{color:#c0beb9;font-size:.83rem;max-width:420px;margin-bottom:15px}
.rewards-hero>img{width:150px;height:150px;object-fit:contain;margin-right:35px;filter:drop-shadow(0 16px 28px #0009)}
.rewards-hero .primary{font-size:.75rem;min-height:37px;padding:8px 14px}
.reward-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}
.reward-tabs button{height:55px;border:1px solid #ffffff18;border-radius:8px;background:#1b1c20;color:#b8b9be;font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}
.reward-tabs button.active{background:#302619;border-color:#b3ef5d;color:#d1f59e}
.reward-tabs img{width:27px;height:27px;object-fit:contain}
.reward-feature{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;border:1px solid #ffffff18;border-radius:10px;background:#1a1b1e;min-height:230px;padding:23px}
.reward-feature-art{height:180px;border-radius:8px;background:radial-gradient(circle,#84d11555,#161719 65%);display:grid;place-items:center}
.reward-feature-art img{height:130px;width:130px;object-fit:contain}
.reward-feature h2{font:600 2rem Oswald;text-transform:uppercase;margin:9px 0}
.reward-feature p{font-size:.82rem;color:#abaeb4;max-width:500px}
.reward-status{display:flex;align-items:center;gap:12px;color:#a8abb1;font-size:.72rem;margin-bottom:13px}
.reward-status strong{color:#d1f59e}
.reward-feature .outline{font-size:.74rem;min-height:36px;padding:7px 14px}
.reward-links{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}
.reward-link{display:flex;align-items:center;gap:8px;min-height:70px;border:1px solid #ffffff15;border-radius:8px;background:#202125;color:#eee;text-align:left;padding:9px;font-size:.75rem;font-weight:800}
.reward-link:hover{border-color:#b1ef59}
.reward-link img{height:40px;width:40px;object-fit:contain}
.reward-link b{margin-left:auto;color:#b8f067;font-size:1.2rem}

@media(min-width:1081px){#app.sidebar-collapsed .site-rail .rail-offer,#app.sidebar-collapsed .site-rail .rail-leaderboard{display:none}}
@media(max-width:1080px){#app .site-rail{width:min(264px,calc(100vw - 34px))}#app .site-rail .rail-head{padding:8px 10px}#app .site-rail .rail-primary a{height:42px;padding:8px 7px;justify-content:flex-start}#app .site-rail .rail-rewards{margin:10px 2px 11px}#app .site-rail .rail-rewards a{height:45px;min-height:45px;padding:5px 7px;justify-content:flex-start}#app .site-rail .rail-reward-icon,#app .site-rail .rail-reward-icon img{width:31px;height:31px}#app .site-rail .rail-leaderboard{display:flex}}
@media(max-width:700px){.home-content{--home-tile-width:120px;--home-tile-height:165px}.home-content .win-card img{height:64px}.home-content .case-art{height:105px}.bet-activity-head{display:block}.bet-view-tabs{margin-top:10px;width:max-content;max-width:100%;overflow-x:auto}.bet-view-tabs button{padding:7px 10px}.bet-activity .activity-row{grid-template-columns:minmax(120px,1.5fr) minmax(70px,1fr) minmax(70px,.8fr);gap:7px;font-size:.65rem}.bet-activity .activity-row span:nth-child(4),.bet-activity .activity-row span:nth-child(5),.bet-activity .activity-row span:nth-child(6){display:none}.rewards-page{padding:16px 12px 60px}.rewards-hero{padding:22px;min-height:215px}.rewards-hero h1{font-size:3rem}.rewards-hero>img{width:90px;height:90px;margin-right:0;opacity:.7}.reward-tabs{grid-template-columns:repeat(4,1fr);gap:4px}.reward-tabs button{font-size:.67rem;gap:3px;flex-direction:column}.reward-tabs img{width:24px;height:24px}.reward-feature{grid-template-columns:1fr;gap:13px;padding:16px}.reward-feature-art{height:120px}.reward-feature-art img{width:95px;height:95px}.reward-links{grid-template-columns:repeat(2,1fr)}}

/* Preview fixes: native sidebar banner layout, uninterrupted artwork, one bet table. */
#app:not(.sidebar-collapsed) .site-rail .rail-race-banner{display:flex;position:relative;width:100%;min-width:0;height:72px;flex:none;flex-direction:column;align-items:flex-start;justify-content:flex-end;white-space:normal;line-height:1.05;overflow:hidden}
#app .site-rail .rail-race-banner strong{display:block;max-width:100%;font:700 1rem/1.05 Oswald;white-space:nowrap}
#app .site-rail .rail-race-banner span{display:block;max-width:100%;white-space:nowrap;font-size:.53rem}
#app.sidebar-collapsed .site-rail .rail-race-banner{display:none}
.original-tile{--tile-bottom:#4b3818}
.original-tile.tile-mines{--tile-bottom:#003f28}
.original-tile.tile-roulette{--tile-bottom:#752906}
.original-tile.tile-keno{--tile-bottom:#003b31}
.original-tile.tile-cases{--tile-bottom:#4d0b5c}
.original-tile.tile-dice{--tile-bottom:#173c6d}
.original-tile.tile-packs{--tile-bottom:#08505b}
.original-tile.tile-crash{--tile-bottom:#67202c}
.original-tile.tile-plinko{--tile-bottom:#382718}
.original-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.original-tile .original-cover{position:absolute;inset:auto 0 0;height:44%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:0 4px 17%;border:0;background:linear-gradient(180deg,transparent 0%,var(--tile-bottom) 42%,var(--tile-bottom) 100%);text-align:center}
.original-tile .original-cover strong{font:600 1.35rem/.96 Oswald;text-transform:uppercase;white-space:normal;text-wrap:balance;color:#fff;filter:drop-shadow(0 1px 1px #0005)}
.original-tile.tile-cases .original-cover strong{font-size:1.05rem}
.home-content .case-tile,.case-catalog .case-tile{--case-glow:#352338;background:radial-gradient(circle at 50% 22%,var(--case-glow),#18171c 70%);border-color:#ffffff14}
.case-tile.tone-0{--case-glow:#4f283e}.case-tile.tone-1{--case-glow:#314049}.case-tile.tone-2{--case-glow:#553135}.case-tile.tone-3{--case-glow:#3a3261}.case-tile.tone-4{--case-glow:#3a432b}.case-tile.tone-5{--case-glow:#433538}
.home-content .case-tile .case-art,.case-catalog .case-tile .case-art{background:transparent;overflow:hidden}
.home-content .case-tile .case-art img,.case-catalog .case-tile .case-art img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:screen}
.home-content .case-tile strong{margin-top:5px}
.bet-activity-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.bet-kind-tabs{display:flex;gap:3px;padding:3px;border-radius:8px;background:#1b1c20;border:1px solid #ffffff12}
.bet-kind-tabs button{border:0;border-radius:6px;background:none;color:#aeb0b6;padding:8px 12px;font-size:.73rem;font-weight:800;white-space:nowrap}
.bet-kind-tabs button.active{background:#93e818;color:#fff}
@media(max-width:1080px){#app .site-rail .rail-race-banner{display:flex!important}#app .site-rail .rail-race-banner strong{font-size:1rem}}
@media(max-width:700px){.home-content{--home-tile-width:120px;--home-tile-height:165px}.home-content .case-art{height:108px}.original-tile .original-cover strong{font-size:1.17rem}.original-tile.tile-cases .original-cover strong{font-size:.9rem}.bet-activity-controls{margin-top:10px}.bet-kind-tabs button,.bet-view-tabs button{padding:7px 9px}}

/* The Power tile images already contain the game names. Mask only their source footer. */
.original-tile .original-cover{inset:auto 0 0;height:17%;padding:0;border:0;background:var(--tile-bottom);pointer-events:none}

/* Visual rhythm: clearer navigation, quieter surfaces, and denser game rows. */
#app .site-rail{background:#111214;border-right:1px solid #ffffff12}
#app .site-rail .rail-primary{padding-bottom:7px;border-bottom:0}
#app .site-rail .rail-primary a{height:41px;font-size:.79rem;font-weight:700}
#app .site-rail .rail-primary a.active{box-shadow:inset 3px 0 #b4ef5e;background:#b4ef5e0d}
#app .site-rail .rail-race-banner{border:1px solid #95e91d59;background:radial-gradient(circle at 79% 39%,#a3eb3a3f,transparent 37%),linear-gradient(115deg,#30231a,#181614 72%);margin-bottom:14px}
#app .site-rail .rail-race-banner strong{font-size:1.16rem;z-index:1}
#app .site-rail .rail-race-banner span{font-size:.59rem;z-index:1}
#app .site-rail .rail-race-banner img{position:absolute;right:5px;top:4px;width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 8px 11px #0009)}
#app .site-rail .rail-promo-list{display:grid;gap:2px;margin:3px 0 10px;padding:5px;border:1px solid #ffffff11;border-radius:8px;background:#191a1c}
#app .site-rail .rail-promo-list a{height:48px;display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:5px;color:#e9e8e4;font-size:.78rem;font-weight:750;background:linear-gradient(90deg,#2a2524,#1d1e20 78%)}
#app .site-rail .rail-promo-list a:nth-child(2){background:linear-gradient(90deg,#282329,#1d1e20 78%)}
#app .site-rail .rail-promo-list a:nth-child(3){background:linear-gradient(90deg,#222b24,#1d1e20 78%)}
#app .site-rail .rail-promo-list a:hover{background:#34302b;color:#d3ff94}
#app .site-rail .rail-promo-list img{width:34px;height:34px;object-fit:contain;flex:none}
#app .site-rail .rail-categories{border-top:1px solid #ffffff10;padding-top:6px}
#app .site-rail .rail-categories .rail-group{font-size:.8rem;font-weight:750}
#app .site-rail .rail-categories .rail-group-children a,#app .site-rail .rail-bottom-links a,#app .site-rail .rail-bottom-links button{font-size:.78rem}
#app.sidebar-collapsed .site-rail .rail-promo-list{display:none}

.home-main .home-hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#151217,#241820 57%,#111013)}
.home-main .home-hero:before{content:"";position:absolute;inset:-26px;background:url('./assets/casino.webp') center/cover no-repeat;filter:blur(25px) brightness(.36) saturate(.9);opacity:.9}
.home-main .hero-copy{position:relative;z-index:1}
.home-main .hero-copy h1{font-size:clamp(2.2rem,3.1vw,2.75rem);line-height:1.03;letter-spacing:-.028em}
.home-main .hero-cards{grid-template-columns:repeat(3,152px);height:255px;padding-right:0;margin-right:-28px;flex:none}
.home-main .hero-card{border:1px solid #ffffff21;box-shadow:0 14px 28px #0005}
.home-main .hero-card:nth-child(1){background:linear-gradient(145deg,#631e7b,#2d153e)}
.home-main .hero-card:nth-child(2){background:linear-gradient(145deg,#075a7b,#07354b)}
.home-main .hero-card:nth-child(3){background:linear-gradient(145deg,#823037,#43191f)}
.home-main .hero-card img{mix-blend-mode:screen;opacity:.86;filter:contrast(1.12) brightness(1.22)}
.home-main .hero-card:after{background:linear-gradient(0deg,#09090caa,transparent 53%)}
.home-content{--home-tile-width:clamp(124px,9.1vw,182px);--home-tile-height:calc(var(--home-tile-width)*1.34)}
.home-content .case-art{height:calc(var(--home-tile-height)*.69)}
.home-content .live-wins-title{font-size:.86rem;margin-bottom:9px}
.home-content .power-section-head>a{font-size:1.13rem;letter-spacing:-.02em}
.home-content .power-section{margin-top:26px}
.home-content .win-card strong{font-size:clamp(.94rem,1.05vw,1.1rem)}
.home-content .win-card small,.home-content .win-card em{font-size:.6rem}
.home-content .win-card small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.3em;line-height:1.15;white-space:normal;overflow:hidden}

@media(max-width:1080px){.home-main .hero-cards{grid-template-columns:repeat(3,minmax(0,1fr));width:48%;height:235px;margin-right:0;padding-right:18px}}
@media(max-width:700px){.home-content{--home-tile-width:120px;--home-tile-height:165px}.home-content .case-art{height:108px}.home-main .home-hero{min-height:0;padding-bottom:20px}.home-main .hero-cards{width:100%;height:220px;padding:0 12px}.home-main .hero-copy h1{font-size:2.05rem}.home-content .win-card strong{font-size:.86rem}.home-content .win-card small,.home-content .win-card em{font-size:.52rem}}

/* Three views share one full-height utility sidebar. */
#app{--utility-width:clamp(340px,26vw,440px)}
#app.has-utility-panel>.topbar,#app.has-utility-panel>main,#app.has-utility-panel>.footer{margin-right:var(--utility-width)}
#app .header-chat.active{background:#3b3123;color:#d3ff94;box-shadow:inset 0 0 0 1px #b1ee5866}
#app .sports-layout>.betslip{display:none}
#app .sports-layout{grid-template-columns:205px minmax(0,1fr)}
#app .sports-event-layout{grid-template-columns:205px minmax(0,1fr)}
#app.has-utility-panel .sports-layout{grid-template-columns:minmax(0,1fr)}
#app.has-utility-panel .sports-layout .sports-sidebar{display:none}
.utility-panel{position:fixed;z-index:59;inset:0 0 0 auto;width:var(--utility-width);display:flex;flex-direction:column;background:#111820;color:#f3f4f5;border-left:1px solid #ffffff1b;box-shadow:-12px 0 36px #0007}
.utility-panel-head{height:72px;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#0d141b;border-bottom:1px solid #ffffff15}
.utility-panel-head>button:first-child{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#f3f5f5;font-size:1rem;text-align:left}
.utility-panel-head>button:first-child svg{width:21px;height:21px;color:#a8bac6}
.utility-panel-head>button:first-child span{color:#a8bac6}
.utility-panel-head .utility-close{width:35px;height:35px;border:0;background:transparent;color:#f0f2f4;font-size:1.8rem;line-height:1}
.utility-picker{position:fixed;z-index:62;top:62px;right:calc(var(--utility-width) + 12px);width:168px;padding:7px;background:#1a2934;border:1px solid #ffffff22;border-radius:10px;box-shadow:0 15px 30px #0009}
#app:not(.has-utility-panel) .utility-picker{right:20px}
.utility-picker button{display:flex;align-items:center;gap:10px;width:100%;height:43px;padding:0 10px;color:#e6eef1;border:0;background:transparent;border-radius:6px;text-align:left;font-size:.82rem;font-weight:750}
.utility-picker button:hover,.utility-picker button.active{background:#304555}
.utility-picker svg{width:19px;height:19px;color:#adc4d2;flex:none}
.utility-picker b{margin-left:auto;color:#c8f389}
.utility-chat,.utility-bet-body,.utility-games{flex:1;min-height:0;overflow-y:auto}
.utility-chat-welcome{margin:22px;padding:30px 16px;text-align:center;background:#192632;border:1px solid #ffffff13;border-radius:12px}
.utility-chat-welcome svg{width:30px;height:30px;margin:auto;color:#c0f279}
.utility-chat-welcome h2{margin:16px 0 5px;font-size:1.2rem}
.utility-chat-welcome p{margin:0;color:#aebdc7;font-size:.83rem}
.utility-chat-links{display:grid;gap:9px;margin:0 22px}
.utility-chat-links a{display:flex;align-items:center;gap:12px;padding:15px;background:#1c2a35;border:1px solid #ffffff15;border-radius:8px;font-size:.84rem;font-weight:750}
.utility-chat-links a:hover,.utility-game:hover{background:#2c3b47}
.utility-chat-links a svg{width:19px;height:19px;color:#c5f383}
.utility-chat-links a span{margin-left:auto;font-size:1.2rem}
.utility-chat-bottom{padding:18px 22px;border-top:1px solid #ffffff16;color:#91a5b4;font-size:.75rem}
.utility-bet-empty{min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:30px;text-align:center;color:#a7b9c5}
.utility-bet-empty svg{width:90px;height:90px;color:#365365;stroke-width:1.2}
.utility-bet-empty .nav-icon{display:block;flex:none;width:90px;height:90px}
.utility-bet-empty strong{color:#edf2f3;font-size:1rem}
.utility-bet-empty p{max-width:240px;margin:0 0 7px;font-size:.8rem}
.utility-bet-empty .outline{min-height:38px;padding:7px 14px;font-size:.78rem}
.utility-bet-list{padding:15px;display:grid;gap:9px}
.utility-bet{position:relative;display:grid;gap:8px;padding:15px;background:#1b2a35;border:1px solid #ffffff18;border-radius:9px}
.utility-bet>button{position:absolute;top:8px;right:8px;border:0;background:transparent;color:#b6c2ca;font-size:1.25rem}
.utility-bet small{color:#a5bac7;font-size:.68rem}
.utility-bet strong{padding-right:14px;font-size:.84rem}
.utility-bet span{display:flex;justify-content:space-between;color:#b5c4cd;font-size:.75rem}
.utility-bet span b{color:#cdf494}
.utility-stake-label{display:block;margin:0 15px;color:#acbdc8;font-size:.72rem;font-weight:750}
.utility-stake-label>span{display:flex;align-items:center;gap:8px;height:40px;margin-top:6px;padding:0 11px;background:#081118;border:1px solid #527087;border-radius:6px}
.utility-stake-label b{color:#cbf490}
.utility-stake-label input{min-width:0;width:100%;background:transparent;color:#fff;border:0;outline:0}
.utility-stake-shortcuts{display:flex;gap:6px;margin:9px 15px}
.utility-stake-shortcuts button{flex:1;padding:7px 4px;background:#263945;color:#d9e3e8;border:0;border-radius:5px;font-size:.7rem}
.utility-stake-shortcuts button:hover{background:#405563}
.utility-bet-footer{padding:15px 18px 18px;border-top:1px solid #ffffff15;background:#15232d}
.utility-bet-footer>div:not(.utility-bet-actions){display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:#b5c6d0;font-size:.78rem}
.utility-bet-footer strong{color:#f2f5f6}
.utility-bet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
.utility-bet-actions button{min-height:41px;border:0;border-radius:6px;background:#2d4352;color:#e9edef;font-size:.77rem;font-weight:800}
.utility-bet-actions .primary{background:linear-gradient(135deg,#bcf170,#93e819);color:#17120a}
.utility-bet-actions button:disabled{opacity:.45;cursor:not-allowed}
.utility-games{padding:17px}
.utility-games>p{margin:0 0 14px;color:#aebdc7;font-size:.78rem}
.utility-game{display:flex;align-items:center;gap:12px;padding:8px;border-radius:9px;min-height:90px}
.utility-game img{width:95px;height:70px;object-fit:cover;border-radius:7px}
.utility-game span{display:grid;gap:5px;min-width:0;flex:1}
.utility-game strong{font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.utility-game small{color:#9db1bf;font-size:.74rem}
.utility-game>b{color:#c9f48b}
@media(max-width:1190px){#app .sports-layout,#app .sports-event-layout{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1081px){#app.has-utility-panel .home-main .hero-copy{padding-left:25px}#app.has-utility-panel .home-main .hero-copy h1{font-size:clamp(1.5rem,2.3vw,2rem);white-space:normal}#app.has-utility-panel .home-main .hero-cards{grid-template-columns:repeat(3,minmax(0,1fr));width:53%;height:215px;margin-right:0;padding-right:10px;gap:6px}#app.has-utility-panel .home-main .hero-card strong{font-size:1.1rem;left:7px}}
@media(max-width:1080px){#app.has-utility-panel>.topbar,#app.has-utility-panel>main,#app.has-utility-panel>.footer{margin-right:0}.utility-panel{width:min(400px,100vw)}.utility-picker{right:min(412px,calc(100vw - 180px))}}
@media(max-width:700px){.utility-panel{width:100vw}.utility-panel-head{height:60px;min-height:60px}.utility-picker,#app:not(.has-utility-panel) .utility-picker{top:54px;right:10px}.utility-game img{width:90px}}

/* Keep all three hero cards inside the banner at every desktop width. */
.home-main .hero-cards{width:min(48%,520px);grid-template-columns:repeat(3,minmax(0,1fr));margin-right:0;padding-right:18px;gap:10px}
.home-main .hero-card{min-width:0}
.home-content .win-card{height:58px;gap:5px;padding:4px}
.home-content .win-card img{width:38px;height:48px;flex-basis:38px}
.home-content .win-card>span{gap:1px}
.home-content .win-card strong{font-size:clamp(.82rem,.93vw,1rem)}
.home-content .win-card small,.home-content .win-card em{font-size:.54rem;line-height:1.08}
.home-content .win-card small{max-height:2.15em;line-height:1.08}
@media(max-width:1080px){.home-main .hero-cards{width:48%;padding-right:18px}}
@media(max-width:700px){.home-main .hero-cards{width:100%;padding:0 12px;gap:7px}.home-content .win-card{height:56px}.home-content .win-card img{width:36px;height:46px;flex-basis:36px}.home-content .win-card strong{font-size:.8rem}.home-content .win-card small,.home-content .win-card em{font-size:.5rem}}

.community-chat-note{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid #ffffff14;color:#d9e3e8;font-size:.78rem}
.community-chat-note small{margin-left:auto;color:#a2b4bf;font-size:.67rem}
.community-dot{width:8px;height:8px;border-radius:50%;background:#5ad966;box-shadow:0 0 0 3px #5ad96627}
.community-chat-messages{display:grid;gap:14px;padding:18px 16px 26px}
.community-message{display:flex;align-items:flex-start;gap:10px}
.community-avatar{flex:none;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:#fff;font-size:.8rem;font-weight:800;background:#554061}
.community-avatar.tone-1{background:#47536d}.community-avatar.tone-2{background:#6d4b3a}.community-avatar.tone-3{background:#3c6b5b}.community-avatar.tone-4{background:#68543f}
.community-message>div{min-width:0;flex:1;padding:7px 10px 9px;background:#1d2a34;border-radius:8px}
.community-message-head{display:flex;align-items:center;justify-content:space-between;gap:6px}
.community-message-head strong{font-size:.76rem;color:#d1f59c}
.community-message-head time{font-size:.62rem;color:#8399a8}
.community-message p{margin:3px 0 0;color:#e4e9ed;font-size:.76rem;line-height:1.35;overflow-wrap:anywhere}
.community-chat-composer{display:flex;gap:7px;padding:13px 14px;border-top:1px solid #ffffff17;background:#15232d}
.community-chat-composer input{min-width:0;flex:1;height:40px;padding:0 11px;color:#b9c6ce;background:#0b151d;border:1px solid #405565;border-radius:6px;font-size:.75rem}
.community-chat-composer button{padding:0 14px;border:0;border-radius:6px;color:#191309;background:#b7f064;font-size:.76rem;font-weight:800}

/* The header switcher and each panel title have separate menus. */
#app .header-chat{border:1px solid #83909b66;background:#20262b;border-radius:7px}
#app .header-chat.active{border-color:#bdf171;background:#30291e}
.utility-panel-head .utility-panel-trigger{max-width:calc(100% - 44px);padding:6px 8px;border:1px solid transparent;border-radius:7px}
.utility-panel-head .utility-panel-trigger[aria-expanded="true"]{border-color:#dce6eb;background:#1b2b36}
.utility-panel-head .utility-panel-trigger strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.utility-panel-head .utility-chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;margin-left:1px;transition:transform .15s}
.utility-panel-head .utility-chevron .nav-icon,.utility-panel-head .utility-chevron svg{display:block;width:16px;height:16px}
.utility-panel-head .utility-panel-trigger[aria-expanded="true"] .utility-chevron{transform:rotate(180deg)}
.utility-flag{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;font-size:1.08rem;line-height:1}
.utility-panel .utility-picker.submenu{position:absolute;top:72px;left:18px;right:auto;width:min(220px,calc(100% - 36px));max-height:calc(100vh - 84px);overflow-y:auto;scrollbar-color:#597082 #233644}
.utility-picker.submenu button{height:46px}
.utility-picker.submenu button.active{background:#405d70;color:#fff}
.utility-view-empty{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#aabdc8}
.utility-view-empty .nav-icon,.utility-view-empty svg{display:block;width:72px;height:72px;color:#476477}
.utility-view-empty h2{margin:15px 0 6px;color:#f2f4f5;font-size:1.15rem}
.utility-view-empty p{max-width:250px;margin:0 0 16px;font-size:.8rem}
.utility-view-empty .outline{min-height:37px;padding:7px 16px;font-size:.78rem}
.utility-challenges{flex:1;overflow-y:auto}
.utility-challenges article{margin:15px 16px;padding:16px;background:#1d2b36;border:1px solid #ffffff17;border-radius:9px}
.utility-challenges article>span{display:inline-grid;place-items:center;width:29px;height:29px;margin-right:7px;border-radius:6px;background:#b2ef5b;color:#17120b;font-size:.72rem;font-weight:900}
.utility-challenges article strong{font-size:.9rem}
.utility-challenges article p{margin:10px 0 12px;color:#adbfca;font-size:.78rem}
.utility-challenges article .outline{min-height:35px;padding:6px 11px;font-size:.74rem}
@media(max-width:700px){.utility-panel .utility-picker.submenu{top:60px;left:18px;width:min(220px,calc(100% - 36px));max-height:calc(100vh - 72px)}}

/* Compact home banner with the OG black-and-gold palette and a dotted accent. */
.home-main .home-hero{height:228px;min-height:0;background:radial-gradient(ellipse 65% 115% at 24% 40%,#2a2116 0%,#181510 55%,transparent 95%),radial-gradient(ellipse 45% 90% at 93% 84%,#302113 0%,transparent 80%),#0e0d0c}
.home-main .home-hero:before{inset:0 auto auto 0;width:36%;height:52%;background:radial-gradient(circle,#b3ef5c 1px,transparent 1.25px) 0 0/13px 13px;filter:none;opacity:.22;mask-image:radial-gradient(ellipse at 12% 4%,#000 0%,#000 34%,transparent 88%)}
.home-main .hero-cards{width:min(37%,390px);height:198px}
.home-main .hero-card strong{font-size:1.16rem}
.home-main .hero-copy h1{font-size:clamp(1.9rem,2.65vw,2.4rem)}
@media(min-width:1081px){#app.has-utility-panel .home-main .hero-cards{width:43%;height:182px}}
@media(max-width:1080px){.home-main .home-hero{height:225px}.home-main .hero-cards{width:40%;height:190px}.home-main .hero-copy h1{font-size:1.9rem}}
@media(max-width:700px){.home-main .home-hero{height:auto;min-height:0;padding-bottom:16px}.home-main .hero-cards{width:100%;height:185px;padding:0 12px}.home-main .hero-copy h1{font-size:1.9rem}}

/* Brighter artwork and original athlete photography for the preview lobby. */
.home-main .hero-card img{opacity:1;filter:contrast(1.15) brightness(1.33) saturate(1.18)}
.home-content .original-tile img{filter:contrast(1.08) brightness(1.07) saturate(1.16)}
.home-content .provider-tile img{filter:contrast(1.08) brightness(1.08) saturate(1.16)}
.home-content .case-tile .case-art img{filter:contrast(1.08) brightness(1.08) saturate(1.1)}
.home-content .original-tile,.home-content .provider-tile,.home-content .case-tile{border-color:#ffffff2b;box-shadow:0 4px 18px #0007}
.home-content .sport-photo-tile{display:block;position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff38;background:#121418;box-shadow:0 4px 18px #0008}
.sport-photo-tile .sport-photo{position:absolute;inset:0;display:block;background-repeat:no-repeat;background-size:400% auto;background-position-y:top;filter:contrast(1.08) saturate(1.1);transition:transform .2s ease}
.sport-photo-tile .sport-photo.sheet-primary{background-image:url('./assets/trending-sports-primary.jpg')}
.sport-photo-tile .sport-photo.sheet-secondary{background-image:url('./assets/trending-sports-secondary.jpg')}
.sport-photo-tile .sport-photo.panel-0{background-position-x:0%}
.sport-photo-tile .sport-photo.panel-1{background-position-x:33.333%}
.sport-photo-tile .sport-photo.panel-2{background-position-x:66.667%}
.sport-photo-tile .sport-photo.panel-3{background-position-x:100%}
.sport-photo-tile:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent 0%,#080a0dc9 73%,#080a0df0 100%);pointer-events:none}
.sport-photo-tile strong{position:absolute;z-index:1;left:11px;right:8px;bottom:12px;color:#fff;font:600 clamp(1.05rem,1.22vw,1.45rem)/1.05 Oswald;text-transform:uppercase;text-shadow:0 2px 5px #000b}
.sport-photo-tile:hover,.sport-photo-tile:focus-visible{border-color:#c0f279}
.sport-photo-tile:hover .sport-photo,.sport-photo-tile:focus-visible .sport-photo{transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.sport-photo-tile .sport-photo{transition:none}}

/* Gold preview refinements: clean hero art, more sports, and seamless source footers. */
.home-main .hero-card img{opacity:1;mix-blend-mode:normal;filter:none;object-position:center}
.home-main .hero-card:nth-child(1){background:#5f18b7}
.home-main .hero-card:nth-child(2){background:#007fce}
.home-main .hero-card:nth-child(3){background:#b72435}
.home-main .hero-card:after{background:linear-gradient(0deg,#09090cc4,transparent 42%)}
#app .site-rail .rail-race-banner{background:radial-gradient(circle at 81% 46%,#8e734651,transparent 36%),linear-gradient(105deg,#302218,#151414 82%)}
#app .site-rail .rail-race-banner img{right:2px;top:2px;width:112px;height:68px;object-fit:contain;filter:brightness(1.18) drop-shadow(0 5px 7px #000b)}

/* Give the race prize enough scale and contrast to read in the narrow sidebar. */
#app .site-rail .rail-race-banner{background:radial-gradient(circle at 79% 48%,#a4763b9c,transparent 55%),linear-gradient(105deg,#302218,#151414 82%)}
#app .site-rail .rail-race-banner strong,#app .site-rail .rail-race-banner span{position:relative;z-index:2;text-shadow:0 2px 5px #130d0bcc}
#app .site-rail .rail-race-banner img{right:-14px;top:-6px;width:135px;height:85px;object-fit:contain;filter:brightness(1.22) contrast(1.12);-webkit-mask-image:radial-gradient(ellipse 76% 70% at 50% 54%,#000 65%,transparent 100%);mask-image:radial-gradient(ellipse 76% 70% at 50% 54%,#000 65%,transparent 100%)}
#app .site-rail .rail-race-banner strong{font-size:1rem}
#app .site-rail .rail-race-banner span{font-size:.52rem}
#app .site-rail .rail-race-banner img{right:-10px;top:0;width:132px;height:72px;object-fit:cover;object-position:38% center;filter:brightness(1.1) contrast(1.12);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 92%,transparent)}
.original-tile .original-cover{display:none}
.original-tile img,.home-content .original-tile img{height:118%;object-fit:fill;object-position:top}
.home-content .case-tile{background:#000}
.home-content .case-tile .case-art img{mix-blend-mode:normal;filter:contrast(1.18) saturate(1.1)}
.sport-photo-tile .sport-photo.sheet-tertiary{background-image:url('./assets/trending-sports-tertiary.jpg')}
.sport-photo-tile .sport-photo.sheet-quaternary{background-image:url('./assets/trending-sports-quaternary.jpg')}
.sport-photo-tile .sport-photo.sheet-quaternary.panel-0{background-position-y:20%}
.sport-photo-tile .sport-photo.sheet-quaternary.panel-1{background-position-y:30%}
.sport-photo-tile .sport-photo.sheet-quaternary.panel-2{background-position-y:60%}
.sport-photo-tile .sport-photo.sheet-quaternary.panel-3{background-position-y:30%}

/* Preview concepts for the Cases cards. Keep their footprint aligned with other game rows. */
.case-tile.tone-0{--case-accent:#ac579c;--case-deep:#341a35}
.case-tile.tone-1{--case-accent:#56a8c4;--case-deep:#193949}
.case-tile.tone-2{--case-accent:#da7357;--case-deep:#532b2a}
.case-tile.tone-3{--case-accent:#9273d4;--case-deep:#30234d}
.case-tile.tone-4{--case-accent:#a8bd63;--case-deep:#35402a}
.case-tile.tone-5{--case-accent:#d3a971;--case-deep:#4d322b}
.case-tile[class*="case-style-"]{position:relative;min-width:0;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.case-tile[class*="case-style-"]:hover{transform:translateY(-3px);border-color:var(--case-accent);box-shadow:0 10px 24px #0009}
.case-tile[class*="case-style-"] .case-art{filter:none}
.case-tile[class*="case-style-"] .case-art img{object-position:center;filter:contrast(1.13) saturate(1.15)}

/* Full Art: artwork becomes the whole card; the footer is a soft fade, not a block. */
.case-tile.case-style-full-art{display:block;padding:0;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--case-accent) 32%,#0d0d12),var(--case-deep) 66%,#111114);border:1px solid color-mix(in srgb,var(--case-accent) 55%,#232328);text-align:left}
.case-tile.case-style-full-art .case-art{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:hidden;background:transparent}
.case-tile.case-style-full-art .case-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;filter:contrast(1.34) saturate(1.28)}
.case-tile.case-style-full-art::after{content:"";position:absolute;inset:44% 0 0;z-index:1;background:linear-gradient(0deg,#0d0d12ed 2%,#0d0d12c8 34%,transparent 96%);pointer-events:none}
.case-tile.case-style-full-art strong,.case-tile.case-style-full-art>span{position:absolute;left:10px;right:8px;z-index:2;display:block;margin:0;max-height:none;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-tile.case-style-full-art strong{bottom:27px;font-size:.78rem;line-height:1.1;color:#fff}
.case-tile.case-style-full-art>span{bottom:10px;font-size:.69rem;color:#f7cf80}

/* Collector: a quiet display frame and a compact, clear price label. */
.case-tile.case-style-vault{padding:0 0 9px;background:#1a1b1f;border:1px solid #8d795665;box-shadow:inset 0 2px #d1ab6b80;text-align:center}
.case-tile.case-style-vault .case-art{width:calc(100% - 12px);height:calc(100% - 52px);margin:6px 6px 0;border:1px solid #ffffff17;border-radius:6px;background:radial-gradient(circle at 50% 43%,color-mix(in srgb,var(--case-accent) 36%,#18181d),#111115 72%)}
.case-tile.case-style-vault .case-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
.case-tile.case-style-vault strong{margin:6px 4px 1px;font-size:.7rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 8px)}
.case-tile.case-style-vault>span{font-size:.66rem;color:#e9c58b}

/* Color Pop: each case gets its own hue without changing the artwork. */
.case-tile.case-style-vivid{padding:0 0 8px;background:linear-gradient(155deg,var(--case-accent),var(--case-deep) 71%);border:1px solid color-mix(in srgb,var(--case-accent) 70%,#161519);text-align:left}
.case-tile.case-style-vivid::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(128deg,#fff3 0 12%,transparent 13% 65%,#0004 66%);pointer-events:none}
.case-tile.case-style-vivid .case-art{height:calc(100% - 43px);width:100%;margin:0;background:radial-gradient(circle at 50% 45%,#ffffff54,transparent 60%)}
.case-tile.case-style-vivid .case-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.28) saturate(1.25)}
.case-tile.case-style-vivid strong,.case-tile.case-style-vivid>span{align-self:flex-start;max-width:calc(100% - 16px);margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-tile.case-style-vivid strong{margin-top:3px;margin-bottom:1px;font-size:.72rem;line-height:1.1;color:#fff;text-shadow:0 1px 3px #000a}
.case-tile.case-style-vivid>span{font-size:.66rem;color:#fff3d2;text-shadow:0 1px 3px #000a}

.home-content .case-compare-link{align-self:center;height:30px;display:inline-flex;align-items:center;margin-right:8px;padding:0 9px;border:1px solid #c9a66a72;border-radius:6px;color:#e5c78d;font-size:.67rem;font-weight:800;white-space:nowrap}
.home-content .case-compare-link:hover{background:#b98a4340;color:#fff}
.case-catalog .case-tile{height:210px}
.case-designs-page{max-width:none;padding:30px 30px 80px}
.case-designs-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}
.case-designs-intro h1{font:600 clamp(2rem,3vw,3rem)/1.05 Oswald;margin:8px 0 9px}
.case-designs-intro p{font-size:.82rem;color:#b9b9bd;line-height:1.45;margin:0}
.case-designs-back{color:#e8c689;border:1px solid #b9956177;border-radius:7px;padding:10px 13px;font-size:.72rem;font-weight:800;white-space:nowrap}
.case-designs-back:hover{background:#b98a4333}
.case-designs-option{margin:0 0 31px}
.case-designs-option-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.case-designs-option-head h2{font-size:1rem;margin:0 0 3px}
.case-designs-option-head p{color:#95979f;font-size:.7rem;margin:0}
.case-designs-option-head>span{font-size:.58rem;font-weight:800;letter-spacing:.12em;color:#d4b277}
.case-designs-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#8d754a transparent}
.case-designs-row .case-tile{flex:0 0 135px;width:135px;height:181px}
@media(max-width:700px){.case-designs-page{padding:22px 13px 65px}.case-designs-intro{align-items:start;flex-direction:column;gap:13px}.case-designs-option-head p{max-width:260px}.case-designs-option-head>span{display:none}.home-content .case-compare-link{font-size:.61rem;padding:0 6px;margin-right:2px}}
@media(prefers-reduced-motion:reduce){.case-tile[class*="case-style-"]{transition:none}}

/* Second pass: bring the actual case object forward and strengthen its lighting. */
.case-tile.case-style-full-art{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--case-accent) 42%,#08090c),#111015 74%);border-color:color-mix(in srgb,var(--case-accent) 66%,#2a292b);box-shadow:inset 0 0 0 1px #ffffff0c,0 7px 18px #0008}
.case-tile.case-style-full-art::before{content:"";position:absolute;inset:0 0 31%;z-index:-1;background:radial-gradient(ellipse at 50% 50%,var(--case-accent),transparent 68%);opacity:.33}
.case-tile.case-style-full-art .case-art{inset:2px 1px 37px;width:calc(100% - 2px);height:calc(100% - 39px)}
.case-tile.case-style-full-art .case-art img{object-fit:contain;mix-blend-mode:screen;filter:brightness(1.48) contrast(1.28) saturate(1.5)}
.case-tile.case-style-full-art::after{inset:50% 0 0;background:linear-gradient(0deg,#0e0c13 0%,#0e0c1399 24%,transparent 67%)}
.case-tile.case-style-full-art strong{bottom:25px;font-size:.77rem;font-weight:850}
.case-tile.case-style-full-art>span{bottom:7px;font-size:.78rem;font-weight:900;color:#ffd47d}

.case-tile.case-style-vault{position:relative;background:radial-gradient(ellipse at 50% 44%,#986323,#35200e 59%,#15110d 90%);border:1px solid #e0ad5f;box-shadow:inset 0 0 0 2px #291909,0 5px 16px #0009;text-align:left;padding:0}
.case-tile.case-style-vault::before{content:"";position:absolute;inset:5px;border:1px solid #f4d08c7a;border-radius:4px;pointer-events:none}
.case-tile.case-style-vault .case-art{position:absolute;inset:4px 4px 39px;width:calc(100% - 8px);height:calc(100% - 43px);margin:0;border:0;background:radial-gradient(ellipse,#a96720aa,transparent 67%)}
.case-tile.case-style-vault .case-art img{object-fit:contain;mix-blend-mode:screen;filter:brightness(1.43) contrast(1.25) saturate(1.28)}
.case-tile.case-style-vault strong,.case-tile.case-style-vault>span{position:absolute;left:10px;right:9px;z-index:2;display:block;max-width:none;margin:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #000b}
.case-tile.case-style-vault strong{bottom:25px;font-size:.77rem;color:#fff}
.case-tile.case-style-vault>span{bottom:7px;font-size:.78rem;font-weight:900;color:#ffe0a0}

.case-tile.case-style-vivid{position:relative;background:radial-gradient(ellipse at 50% 38%,var(--case-accent),var(--case-deep) 63%,#0e0d13 100%);border-color:var(--case-accent);padding:0;text-align:left}
.case-tile.case-style-vivid::before{z-index:0;inset:0;background:linear-gradient(126deg,#ffffff45 0 5%,transparent 6% 67%,#0008 68%);opacity:.68}
.case-tile.case-style-vivid .case-art{position:absolute;inset:0 1px 38px;width:calc(100% - 2px);height:calc(100% - 38px);background:transparent}
.case-tile.case-style-vivid .case-art img{object-fit:contain;mix-blend-mode:screen;filter:brightness(1.38) contrast(1.28) saturate(1.55)}
.case-tile.case-style-vivid strong,.case-tile.case-style-vivid>span{position:absolute;left:9px;right:8px;z-index:2;display:block;max-width:none;margin:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-tile.case-style-vivid strong{bottom:25px;font-size:.77rem;font-weight:850}
.case-tile.case-style-vivid>span{bottom:7px;font-size:.78rem;font-weight:900;color:#ffeaba}

/* New preview case art is composed for the full portrait tile. Keep its original
   color and contrast; screen blending made the previous cards look washed out. */
.case-tile.case-art-new .case-art{filter:none;background:none}
.case-tile.case-art-new .case-art img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;filter:none}
.case-tile.case-art-new.case-style-full-art{background:#101014;border-color:#ffffff36;box-shadow:0 8px 20px #0009}
.case-tile.case-art-new.case-style-full-art .case-art{inset:0;width:100%;height:100%}
.case-tile.case-art-new.case-style-full-art::after{inset:49% 0 0;background:linear-gradient(0deg,#08090bef 0%,#08090ba8 21%,transparent 77%)}
.case-tile.case-art-new.case-style-full-art strong{bottom:27px;font-size:.82rem;text-shadow:0 1px 5px #000}
.case-tile.case-art-new.case-style-full-art>span{bottom:8px;font-size:.82rem;color:#ffe0a0;text-shadow:0 1px 4px #000}
.case-tile.case-art-new.case-style-vault{background:#17130d;border:2px solid #f1be68;box-shadow:inset 0 0 0 2px #ffe3ad,0 7px 20px #000a}
.case-tile.case-art-new.case-style-vault::before{inset:4px;z-index:2;border-color:#f6d39580}
.case-tile.case-art-new.case-style-vault .case-art{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);margin:0}
.case-tile.case-art-new.case-style-vault::after{content:"";position:absolute;inset:55% 4px 4px;z-index:1;background:linear-gradient(0deg,#130d09ed,transparent);pointer-events:none}
.case-tile.case-art-new.case-style-vault strong,.case-tile.case-art-new.case-style-vault>span{left:12px;right:10px}
.case-tile.case-art-new.case-style-vault>span{color:#ffe09a}
.case-tile.case-art-new.case-style-vivid{background:#100e18;border:2px solid var(--case-accent);box-shadow:0 0 0 1px #ffffff34,0 0 20px color-mix(in srgb,var(--case-accent) 48%,transparent)}
.case-tile.case-art-new.case-style-vivid::before{z-index:2;inset:0;background:linear-gradient(130deg,#fff4 0 6%,transparent 7% 90%,var(--case-accent) 100%);opacity:.55;pointer-events:none}
.case-tile.case-art-new.case-style-vivid .case-art{inset:0;width:100%;height:100%}
.case-tile.case-art-new.case-style-vivid::after{content:"";position:absolute;inset:52% 0 0;z-index:1;background:linear-gradient(0deg,#090910ef,transparent);pointer-events:none}
.case-tile.case-art-new.case-style-vivid strong,.case-tile.case-art-new.case-style-vivid>span{z-index:3}


/* lime-theme.css */
/* Racer lime concept. This stylesheet belongs to the separate preview only. */
:root{
  --lime:#bdf171;
  --lime-bright:#96e91f;
  --lime-text:#d1f59e;
}

/* Preserve the approved goat/wordmark geometry while shifting its gold ink
   into the softer lime used by the Register button. */
.brand .logo,.footer-brand img,.modal-logo img{
  filter:hue-rotate(43deg) saturate(1.1) brightness(1.15);
}

.home-main .home-hero{
  background:radial-gradient(circle at 43% 24%,#79db1c1d,transparent 44%),
    linear-gradient(100deg,#101611,#18251a 58%,#0d110e);
  border-bottom-color:#adf45c40;
}
.home-main .home-hero:before{
  background-image:radial-gradient(circle,#b3ef5c 1px,transparent 1.25px);
}

#app .site-rail .rail-race-banner{
  border-color:#a8ef5366;
  background:radial-gradient(circle at 78% 48%,#87d92345,transparent 56%),
    linear-gradient(105deg,#192019,#111515 82%);
}
#app .site-rail .rail-race-banner strong,
#app .site-rail .rail-race-banner span{color:var(--lime-text)}

.sidebar-tabs .active,.bet-kind-tabs button.active{
  background:var(--lime-bright);
  color:#142009;
}
.reward-tabs button.active{
  background:#1c2a18;
  border-color:var(--lime);
  color:var(--lime-text);
}
.rewards-hero{
  background:radial-gradient(circle at 77% 38%,#8de01666,transparent 32%),
    linear-gradient(105deg,#17221a,#111715);
}

.case-tile.case-art-new.case-style-full-art>span,
.case-tile.case-art-new.case-style-vivid>span,
.case-designs-back,.case-designs-option-head>span{
  color:var(--lime-text);
}
.case-designs-back{border-color:#b1ef5977}
.case-designs-back:hover{background:#b1ef5933}
.home-content .case-compare-link{border-color:#b1ef5977;color:var(--lime-text)}
.home-content .case-compare-link:hover{background:#b1ef5933}

/* Compact grouped navigation for the Racer Lime preview. */
#app .site-rail .rail-promo-list{gap:2px}
#app .site-rail .rail-promo-list>.rail-promo-heading,
#app .site-rail .rail-promo-list>a{height:48px;min-height:48px;display:flex;align-items:center;gap:10px;padding:5px 8px;border:0;border-radius:5px;color:#e9e8e4;font-size:.78rem;font-weight:750;text-align:left;background:linear-gradient(90deg,#2a2524,#1d1e20 78%)}
#app .site-rail .rail-promo-list>.rail-promo-heading{width:100%;cursor:pointer}
#app .site-rail .rail-promo-list>.rail-promo-heading .nav-icon:first-child{width:34px;display:grid;place-items:center;flex:none;color:#b6df8a}
#app .site-rail .rail-promo-list>.rail-promo-heading .nav-icon:first-child svg{width:20px;height:20px}
#app .site-rail .rail-promo-list>.rail-promo-heading:hover,
#app .site-rail .rail-promo-list>a:hover{background:#34302b;color:#d3ff94}
#app .site-rail .rail-promo-list>.rail-promo-heading .nav-icon:last-child{margin-left:auto;width:18px;color:#aeb5ad;transition:transform .2s}
#app .site-rail .rail-promo-list>.rail-promo-heading[aria-expanded="true"] .nav-icon:last-child{transform:rotate(180deg)}
#app .site-rail .rail-promo-list>.rail-promo-heading .nav-icon:last-child svg{width:15px;height:15px}
#app .site-rail .rail-promo-list>a:nth-last-child(2){background:linear-gradient(90deg,#282329,#1d1e20 78%)}
#app .site-rail .rail-promo-list>a:last-child{background:linear-gradient(90deg,#222b24,#1d1e20 78%)}
#app .site-rail .rail-promo-list>a .nav-icon{width:34px;display:grid;place-items:center;flex:none;color:#b6df8a}
#app .site-rail .rail-promo-list>a .nav-icon svg{width:20px;height:20px}
#app .site-rail .rail-promo-children{display:grid;gap:1px;margin:1px 0 4px 18px;padding-left:9px;border-left:1px solid #b1ef5940}
#app .site-rail .rail-promo-children a{height:39px;min-height:39px;background:#171d19;color:#ced3cb;font-size:.73rem;font-weight:650}
#app .site-rail .rail-promo-children a:hover{background:#243127;color:#d3ff94}
#app .site-rail .rail-promo-children img,
#app .site-rail .rail-promo-children .nav-icon{width:24px;height:24px;display:grid;place-items:center;flex:none}
#app .site-rail .rail-promo-children .nav-icon svg{width:18px;height:18px}


/* preview-rework.css */
/* October preview refinements: clearer casino, cases, and sportsbook. */

/* Homepage cases return to the original OG crate art with a quieter frame. */
#app .case-tile.case-classic{
  display:flex;flex-direction:column;position:relative;isolation:isolate;
  padding:0;background:#15151a;border:1px solid #ffffff29;
  border-radius:9px;overflow:hidden;box-shadow:0 5px 17px #0007;
  text-align:center;transition:transform .18s ease,border-color .18s ease;
}
#app .case-tile.case-classic:hover{transform:translateY(-3px);border-color:#baf06b88}
#app .case-tile.case-classic .case-art{
  width:100%;height:72%;min-height:0;flex:1 1 auto;margin:0;
  display:grid;place-items:center;overflow:hidden;background:#0d0d12;
}
#app .case-tile.case-classic .case-art img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;
  mix-blend-mode:normal;filter:brightness(1.12) contrast(1.16) saturate(1.13);
}
#app .case-tile.case-classic strong{
  display:block;width:100%;max-width:100%;margin:7px 0 0;padding:0 6px;
  color:#f5f3ef;font-size:.74rem;line-height:1.1;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
#app .case-tile.case-classic>span{
  display:block;margin:3px 0 9px;color:#c5f383;font-size:.73rem;
  font-weight:800;line-height:1;
}
#app .case-catalog .case-tile.case-classic .case-art{height:72%}

/* Casino promotions: vivid color and readable, compact artwork. */
#app .casino-page .wide-banners{gap:12px;margin-bottom:18px}
#app .casino-page .wide-banner{
  position:relative;isolation:isolate;overflow:hidden;display:block;
  height:160px;padding:0;border-radius:12px;
  border:1px solid #ffffff3b;
  box-shadow:inset 0 1px #ffffff2b,0 10px 25px #0005;
  transition:filter .18s ease,transform .18s ease;
}
#app .casino-page .wide-banner:hover{filter:brightness(1.1);transform:translateY(-2px)}
#app .casino-page .vip-banner{
  background:radial-gradient(ellipse at 75% 48%,#46fac498 0%,transparent 37%),
    radial-gradient(ellipse at 43% 105%,#5efec878 0%,transparent 45%),
    linear-gradient(115deg,#092d55 0%,#086f99 48%,#079d80 100%);
}
#app .casino-page .promo-banner{
  background:radial-gradient(ellipse at 82% 58%,#f6ba4594 0%,transparent 38%),
    radial-gradient(ellipse at 57% 10%,#9d68f5aa 0%,transparent 42%),
    linear-gradient(112deg,#271454 0%,#6033ad 57%,#8651d2 100%);
}
#app .casino-page .wide-banner:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:repeating-linear-gradient(125deg,transparent 0 40px,#ffffff0b 41px 42px,transparent 43px 82px);
  opacity:.65;
}
#app .casino-page .wide-banner:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,#061e348c 0%,#061e3450 41%,transparent 72%);
}
#app .casino-page .promo-banner:after{background:linear-gradient(90deg,#231044bb 0%,#23104466 43%,transparent 75%)}
#app .casino-page .wide-banner .banner-copy{
  position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;height:100%;padding:15px 23px;
  text-shadow:0 2px 10px #0008;
}
#app .casino-page .wide-banner .banner-copy span{
  font-size:.59rem;letter-spacing:.18em;color:#ecffdc;font-weight:900;
}
#app .casino-page .wide-banner strong{
  margin:5px 0;font:600 clamp(1.7rem,2.5vw,2.35rem)/.98 Oswald;
  color:#fff;letter-spacing:.015em;
}
#app .casino-page .wide-banner small{font-size:.69rem;color:#fff;font-weight:850}
#app .casino-page .vip-banner .banner-copy strong{font-size:clamp(1.85rem,2.8vw,2.55rem)}
#app .casino-page .transfer-mark{
  position:absolute;right:5%;top:50%;z-index:2;transform:translateY(-50%);
  display:flex;align-items:center;gap:10px;width:48%;
}
#app .casino-page .transfer-mark span{
  flex:0 0 auto;color:#efffee;font-size:.55rem;font-weight:900;
  letter-spacing:.12em;white-space:nowrap;text-shadow:0 2px 9px #063b4d;
}
#app .casino-page .transfer-mark i{
  flex:1;height:1px;min-width:10px;background:linear-gradient(90deg,#e3ffad,#c4ffc022);
}
#app .casino-page .transfer-mark .transfer-logo{
  width:min(130px,43%);height:auto;max-height:83px;object-fit:contain;
  filter:drop-shadow(0 5px 10px #002a3faa);
}
#app .casino-page .wide-banner .wide-banner-media{
  position:absolute;z-index:1;right:0;top:0;width:52%;height:100%;object-fit:contain;
  object-position:center;max-width:none;
}
#app .casino-page .promo-banner .wide-banner-media{
  width:59%;right:-2%;mix-blend-mode:screen;
  filter:saturate(1.48) contrast(1.13) brightness(1.2) drop-shadow(0 9px 11px #1a0b55a8);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 16%,#000 88%,transparent);
}

/* Casino art keeps the supplied poster aspect ratio at every grid width. */
#app .casino-page .power-scroll .provider-tile{
  flex:0 0 142px;width:142px;height:auto;aspect-ratio:384/491;
}
#app .casino-page .power-scroll .original-tile{
  flex:0 0 140px;width:140px;height:auto;aspect-ratio:680/912;
}
#app .casino-page .provider-tile img{width:100%;height:100%;object-fit:cover}
#app .casino-page .casino-grid{
  grid-template-columns:repeat(auto-fill,minmax(132px,148px));gap:12px;
}
#app .casino-page .casino-grid .provider-tile{
  width:100%;height:auto;min-width:0;aspect-ratio:384/491;
}

/* Sportsbook: a full-width rhythm like a modern fixture board. */
#app .sports-layout:not(.sports-event-layout){
  display:block;max-width:none;padding:18px 22px 74px;
}
#app .sports-layout:not(.sports-event-layout)>.sports-sidebar{display:none}
#app .sports-layout:not(.sports-event-layout)>.sports-main{min-width:0}
#app .sports-layout:not(.sports-event-layout) .sports-top-tabs{
  display:flex;gap:7px;border:0;margin:0 0 14px;
}
#app .sports-layout:not(.sports-event-layout) .sports-top-tabs a{
  padding:9px 16px;border:1px solid #ffffff16;border-radius:999px;
  background:#1d2023;color:#d1d3d4;font-size:.78rem;font-weight:750;
}
#app .sports-layout:not(.sports-event-layout) .sports-top-tabs a.active{
  border-color:#b4f166;background:#263323;color:#d8ffa8;
}
#app .sports-layout:not(.sports-event-layout) .sports-banner-row{display:block}
#app .sports-layout:not(.sports-event-layout) .sports-feature-card{display:none}
#app .sports-layout:not(.sports-event-layout) .sports-banner-row .sports-hero{
  height:200px;margin:0;padding:28px;border:1px solid #ffffff35;border-radius:12px;
  background:linear-gradient(90deg,#0d0f12 0%,#0d0f12f5 24%,#0d0f12ad 36%,#0d0f123d 49%,transparent 68%) 0 0/100% 100% no-repeat,
    url('./assets/trending-sports-primary.jpg') right center/66% auto no-repeat,#0d0f12;
}
#app .sports-layout:not(.sports-event-layout) .sports-hero span{color:#c9f593}
#app .sports-layout:not(.sports-event-layout) .sports-hero strong{
  font-size:clamp(1.9rem,3vw,2.7rem);line-height:1;
}
#app .sports-layout:not(.sports-event-layout) .sports-hero small{color:#ebf0e6;font-size:.78rem}
#app .sports-layout:not(.sports-event-layout) .sports-chip-row{
  margin:14px 0 24px;gap:7px;padding-bottom:2px;
}
#app .sports-layout:not(.sports-event-layout) .sports-chip-row a{
  padding:9px 12px;background:#202328;border:1px solid #ffffff1c;
  color:#e0e2e1;font-size:.73rem;
}
#app .sports-layout:not(.sports-event-layout) .sports-chip-row a.active,
#app .sports-layout:not(.sports-event-layout) .sports-chip-row a:hover{
  background:#a9ed50;color:#15200d;border-color:#a9ed50;
}
#app .sports-layout:not(.sports-event-layout) .sports-list-head{margin:0 0 13px}
#app .sports-layout:not(.sports-event-layout) .sports-list-head h2{font-size:1.25rem}
#app .sports-layout:not(.sports-event-layout) .match-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
}
#app .sports-layout:not(.sports-event-layout) .match-card{
  min-width:0;min-height:188px;padding:13px 14px;border:1px solid #ffffff18;
  background:#1b1e20;border-radius:10px;
}
#app .sports-layout:not(.sports-event-layout) .match-top{
  padding-bottom:10px;font-size:.7rem;border-color:#ffffff17;
}
#app .sports-layout:not(.sports-event-layout) .match-top small{color:#c9d0c7}
#app .sports-layout:not(.sports-event-layout) .match-body{
  display:block;padding-top:11px;
}
#app .sports-layout:not(.sports-event-layout) .teams{
  display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:10px;
}
#app .sports-layout:not(.sports-event-layout) .teams strong{font-size:.82rem;line-height:1.25}
#app .sports-layout:not(.sports-event-layout) .teams small{
  color:#baf06e;font-size:.65rem;margin:2px 0 0;
}
#app .sports-layout:not(.sports-event-layout) .event-market-grid{display:block}
#app .sports-layout:not(.sports-event-layout) .event-market-grid .sports-market{display:none}
#app .sports-layout:not(.sports-event-layout) .event-market-grid .sports-market:first-child{
  display:block;padding:0;background:none;border:0;
}
#app .sports-layout:not(.sports-event-layout) .sports-market>small{
  font-size:.66rem;color:#aeb5ae;margin:0 0 6px;
}
#app .sports-layout:not(.sports-event-layout) .sports-market>div{gap:6px}
#app .sports-layout:not(.sports-event-layout) .sports-market .odd{
  min-height:39px;padding:7px 9px;background:#2a2d2f;border-color:#ffffff11;
  font-size:.67rem;
}
#app .sports-layout:not(.sports-event-layout) .sports-market .odd:hover,
#app .sports-layout:not(.sports-event-layout) .sports-market .odd.selected{
  background:#304226;border-color:#a8ea58;
}
#app .sports-layout:not(.sports-event-layout) .sports-market .odd strong{font-size:.72rem}
#app .sports-layout:not(.sports-event-layout) .sports-bet-activity{margin-top:33px}

/* Poker artwork and sign-in are one card, with text over its image. */
#app .poker-intro{display:block}
#app .poker-intro .poker-lobby{
  height:450px;isolation:isolate;border-color:#99485288;
  background:url('./assets/poker-banner-wide.png') center center/cover no-repeat,#9b101b;
}
#app .poker-intro .poker-lobby:before{
  content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(90deg,#31081091 0%,#31081055 45%,transparent 75%);
}
#app .poker-intro .poker-frame-bar{position:relative;z-index:1;background:#370b13a8}
#app .poker-intro .poker-lobby-content{
  position:relative;z-index:1;align-items:flex-start;text-align:left;
  width:68%;padding:30px 52px;
}
#app .poker-intro .poker-lobby h1{text-transform:none}

@media(max-width:900px){
  #app .casino-page .wide-banners{grid-template-columns:1fr 1fr}
  #app .sports-layout:not(.sports-event-layout) .match-list{grid-template-columns:1fr}
}
@media(max-width:700px){
  #app .casino-page .wide-banners{grid-template-columns:1fr}
  #app .casino-page .wide-banner{height:136px}
  #app .casino-page .transfer-mark{width:49%;right:4%;gap:7px}
  #app .casino-page .transfer-mark span{display:none}
  #app .casino-page .transfer-mark .transfer-logo{width:92%;max-height:62px}
  #app .casino-page .catalog-controls .select-wrap:last-child span{display:none}
  #app .casino-page .catalog-controls .select-wrap:last-child select{width:100%;max-width:none}
  #app .casino-page .casino-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app .sports-layout:not(.sports-event-layout){padding:12px 12px 65px}
  #app .sports-layout:not(.sports-event-layout) .sports-banner-row .sports-hero{
    height:165px;padding:19px;
    background:linear-gradient(90deg,#0d0f12f2 0%,#0d0f12d8 37%,#0d0f1266 66%,transparent 100%) 0 0/100% 100% no-repeat,
      url('./assets/trending-sports-primary.jpg') right center/78% auto no-repeat,#0d0f12;
  }
  #app .sports-layout:not(.sports-event-layout) .sports-hero strong{font-size:1.9rem}
  #app .sports-layout:not(.sports-event-layout) .sports-chip-row{margin-bottom:17px}
  #app .poker-intro .poker-lobby{height:380px;background-size:auto 100%;background-position:63% center}
  #app .poker-intro .poker-lobby:before{background:linear-gradient(90deg,#310810bd 0%,#31081080 64%,#31081020 100%)}
  #app .poker-intro .poker-lobby-content{width:100%;padding:24px}
}
@media(prefers-reduced-motion:reduce){#app .case-tile.case-classic{transition:none}}


/* preview-color-refresh.css */
/* Preview palette: the blue-gray used by the Chat / Bet Slip / Games panel. */
:root{--preview-canvas:#111820}
html,body,#app,#app .home-main,#app .home-content{background:var(--preview-canvas)}
#app>.topbar,#app .site-rail,#app .footer{background:var(--preview-canvas)}

/* Give the collapsed menu's search control room below the icon above it. */
#app.sidebar-collapsed .site-rail .rail-scroll{padding-top:19px}
#app.sidebar-collapsed .site-rail .rail-search{margin-top:12px;margin-bottom:18px}

/* New promotion imagery with enough space for the copy. */
#app .promo-hub-page .promos-hero{
  display:flex;flex-direction:column;justify-content:center;min-height:270px;
  margin:0 0 22px;padding:34px 40px;border:1px solid #b4ef5c55;
  border-radius:14px;overflow:hidden;
  background:linear-gradient(90deg,#111820 0%,#111820ed 38%,#1118208c 60%,#1118200d 100%),
    url('./assets/preview-2026-10/rewards-hero.png') right center/cover no-repeat,#111820;
}
#app .vip-hub-page .promos-hero{
  background:linear-gradient(90deg,#111820 0%,#111820f2 39%,#11182087 63%,#11182016 100%),
    url('./assets/preview-2026-10/vip-rewards.png') right 43%/cover no-repeat,#111820;
}
#app .promo-hub-page .promos-hero h1{max-width:660px;margin:8px 0 12px;font-size:clamp(2.5rem,4vw,4.6rem)}
#app .promo-hub-page .promos-hero p{max-width:500px;margin-bottom:0;color:#e2e9e5}
#app .promo-hub-page .promo-cards{gap:14px}
#app .promo-hub-page .promo-cards article{background:#1b2630;border-color:#ffffff21}
#app .promo-hub-page .promo-cards img{height:205px;object-fit:cover;object-position:center}
#app .promo-hub-page .promo-cards article>div{padding:18px 19px 20px}
#app .promo-hub-page .promo-cards h2{margin:8px 0}

/* VIP has its own compact hierarchy instead of the general promotions grid. */
#app .vip-page{max-width:1450px;padding-top:28px}
#app .vip-hero{
  min-height:310px;display:flex;align-items:center;overflow:hidden;
  border:1px solid #b4ef5c48;border-radius:14px;
  background:linear-gradient(90deg,#101820 0%,#101820f5 39%,#1018205c 69%,#1018200b 100%),
    url('./assets/preview-2026-10/vip-rewards.png') right 46%/auto 156% no-repeat,#101820;
}
#app .vip-hero-copy{position:relative;z-index:1;max-width:660px;padding:36px 48px}
#app .vip-hero h1{margin:9px 0 13px;font-size:clamp(3.1rem,5vw,5rem);line-height:1.03}
#app .vip-hero h1 em{color:#b6f76a;font-style:normal}
#app .vip-hero p{max-width:470px;margin-bottom:21px;color:#d8e0dc;font-size:.97rem}
#app .vip-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
#app .vip-hero-actions a{min-width:140px}
#app .vip-benefits-section{margin-top:34px}
#app .vip-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}
#app .vip-section-heading h2{margin:5px 0 0;font-size:1.5rem}
#app .vip-section-heading>p{max-width:370px;margin:0;color:#9daeb8;font-size:.78rem}
#app .vip-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#app .vip-benefits article{min-height:155px;padding:20px 22px;background:#1b2630;border:1px solid #ffffff1f;border-radius:11px}
#app .vip-benefits .reward-mark{width:33px;height:33px}
#app .vip-benefits h3{margin:14px 0 6px;font-size:.99rem}
#app .vip-benefits p{margin:0;color:#aebbc2;font-size:.78rem;line-height:1.5}
#app .vip-transfer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:24px 28px;border:1px solid #b4ef5c39;border-radius:11px;background:radial-gradient(circle at 90% 20%,#a9ef3e30,transparent 34%),linear-gradient(110deg,#1b2830,#131d25)}
#app .vip-transfer h2{margin:5px 0;font-size:1.3rem}
#app .vip-transfer p{margin:0;color:#adbbc0;font-size:.79rem}
#app .vip-transfer .primary{flex:none}
#app .races-page .races-hero{
  min-height:265px;padding:34px 38px;border:1px solid #b4ef5c55;border-radius:14px;
  background:linear-gradient(90deg,#111820 0%,#111820ef 37%,#11182085 63%,#11182016 100%),
    url('./assets/preview-2026-10/monthly-race.png') right 48%/cover no-repeat,#111820;
}
#app .races-page .races-hero p{max-width:490px;color:#e1e8e4}

/* Rewards uses a matching image and one outline icon language. */
#app .rewards-page .rewards-hero{
  min-height:270px;padding:32px 38px;border-color:#b4ef5c55;
  background:linear-gradient(90deg,#111820 0%,#111820e8 39%,#11182085 62%,#1118200d 100%),
    url('./assets/preview-2026-10/rewards-hero.png') right center/cover no-repeat,#111820;
}
#app .rewards-page .rewards-hero>div{max-width:520px}
#app .rewards-page .rewards-hero p{color:#e1e7e0}
#app .reward-mark{width:30px;height:30px;flex:none;display:inline-grid;place-items:center;color:#a9ef3e}
#app .reward-mark svg{display:block;width:100%;height:100%}
#app .reward-tabs button{height:62px;gap:10px;background:#1b2630;border-color:#ffffff20}
#app .reward-tabs button.active{background:#243522;border-color:#a9ef3e;color:#d7ffad}
#app .reward-tabs .reward-mark{width:27px;height:27px}
#app .reward-feature{background:#1b2630;border-color:#ffffff20}
#app .reward-feature-art{background:radial-gradient(circle at 50% 50%,#a9ef3e2c 0%,#18242b 67%);border:1px solid #a9ef3e26}
#app .reward-feature-art .reward-mark{width:120px;height:120px;color:#c5ff83;filter:drop-shadow(0 0 16px #a9ef3e42)}
#app .reward-link .reward-mark{width:34px;height:34px}
#app .site-rail .rail-promo-children .reward-mark{width:24px;height:24px;color:#b9ef82}

/* Keep the poker art in the same charcoal / lime world as the site. */
#app .poker-intro .poker-lobby{
  border-color:#b4ef5c55;
  background:url('./assets/preview-2026-10/poker-neon.png') center center/cover no-repeat,#111820;
}
#app .poker-intro .poker-lobby:before{
  background:linear-gradient(90deg,#10171ef0 0%,#10171eb5 33%,#10171e3b 63%,transparent 82%);
}
#app .poker-intro .poker-frame-bar{background:#111820c9}

@media(max-width:700px){
  #app .promo-hub-page .promos-hero{min-height:260px;padding:26px 22px;background-position:70% center}
  #app .vip-hub-page .promos-hero{background-position:66% center}
  #app .promo-hub-page .promo-cards img{height:185px}
  #app .vip-page{padding:15px 12px 65px}
  #app .vip-hero{min-height:315px;background:linear-gradient(90deg,#101820f7 0%,#101820e8 53%,#10182079 100%),url('./assets/preview-2026-10/vip-rewards.png') 68% center/auto 112% no-repeat,#101820}
  #app .vip-hero-copy{padding:25px 21px;max-width:100%}
  #app .vip-hero h1{font-size:3.1rem}
  #app .vip-hero p{max-width:310px;font-size:.84rem}
  #app .vip-hero-actions a{min-width:0;padding:9px 12px;font-size:.75rem}
  #app .vip-section-heading{display:block}
  #app .vip-section-heading>p{margin-top:5px}
  #app .vip-benefits{grid-template-columns:1fr;gap:8px}
  #app .vip-benefits article{min-height:0;padding:16px 18px}
  #app .vip-benefits h3{margin-top:8px}
  #app .vip-transfer{align-items:flex-start;flex-direction:column;padding:20px}
  #app .races-page .races-hero{min-height:230px;padding:24px;background-position:68% center}
  #app .rewards-page .rewards-hero{min-height:230px;padding:22px;background-position:66% center}
  #app .rewards-page .rewards-hero>div{max-width:73%}
  #app .rewards-page .rewards-hero p{font-size:.72rem}
  #app .reward-tabs button{height:66px;gap:3px}
  #app .reward-feature-art .reward-mark{width:92px;height:92px}
  #app .poker-intro .poker-lobby{background-position:66% center}
  #app .poker-intro .poker-lobby:before{background:linear-gradient(90deg,#10171ef5 0%,#10171edb 55%,#10171e55 100%)}
}


/* rewards-redesign.css */
/* Rewards destination pages, preview only. */
#app .rewards-redesign{max-width:1450px;padding-top:24px;color:#f5f7f0}
#app .rewards-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:18px}
#app .rewards-nav a{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border:1px solid #ffffff1c;border-radius:10px;background:#1b2530;color:#b9c7ca;font-size:.79rem;font-weight:800;transition:background .2s,border-color .2s,transform .2s}
#app .rewards-nav a:hover{transform:translateY(-2px);border-color:#a9ef3e88;color:#fff}
#app .rewards-nav a.active{background:#25351f;border-color:#a9ef3e;color:#d9ffaf}
#app .rewards-nav .reward-mark{width:24px;height:24px}
#app .rewards-new-hero{position:relative;min-height:325px;display:flex;align-items:center;overflow:hidden;border:1px solid #ffffff26;border-radius:17px;background-color:#17221e}
#app .rewards-new-hero:after{content:'';position:absolute;right:-90px;bottom:-230px;width:480px;height:480px;border:1px solid #c3ff8a22;border-radius:50%;box-shadow:0 0 0 62px #a9ef3e0a,0 0 0 130px #a9ef3e07;pointer-events:none}
#app .rewards-overview-hero{background:linear-gradient(90deg,#142018 0%,#142018f5 35%,#14201875 67%,#14201824 100%),url('./assets/preview-2026-10/rewards-hero.png') right center/cover no-repeat,#142018}
#app .vip-new-hero{background:linear-gradient(90deg,#122018 0%,#122018ed 37%,#12201852 70%,#1220180c 100%),url('./assets/preview-2026-10/vip-rewards.png') right center/cover no-repeat,#122018}
#app .daily-new-hero{background:radial-gradient(circle at 76% 47%,#a9ef3e35,transparent 36%),linear-gradient(105deg,#153027,#123329 60%,#23391d)}
#app .weekly-new-hero{background:radial-gradient(circle at 76% 46%,#5bdcc527,transparent 34%),linear-gradient(105deg,#14242b,#173139 62%,#1a3329)}
#app .rewards-new-hero-copy{position:relative;z-index:2;max-width:610px;padding:36px 48px}
#app .rewards-new-hero h1{margin:11px 0 15px;font:700 clamp(3.4rem,5.5vw,5.5rem)/.98 Oswald,Impact,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
#app .rewards-new-hero h1 em{font-style:normal;color:#bbfa73}
#app .rewards-new-hero p{max-width:425px;margin:0 0 21px;color:#d8e4dc;font-size:.94rem;line-height:1.5}
#app .rewards-hero-tag{position:absolute;right:25px;bottom:20px;z-index:2;color:#e6f4e099;font-size:.63rem;font-weight:900;letter-spacing:.2em}
#app .reward-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:31px 0 15px}
#app .reward-section-head h2{margin:5px 0 0;font-size:1.55rem}
#app .reward-section-head p{max-width:350px;margin:0;color:#aebdc1;font-size:.79rem}
#app .reward-destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#app .reward-destination{min-height:250px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;padding:20px;border:1px solid #ffffff25;border-radius:13px;transition:transform .22s,border-color .22s,box-shadow .22s}
#app .reward-destination:hover{transform:translateY(-4px);border-color:#bafa78;box-shadow:0 15px 30px #0004}
#app .daily-destination{background:radial-gradient(circle at 85% 28%,#b4ff6959,transparent 34%),linear-gradient(145deg,#28442a,#172821)}
#app .weekly-destination{background:radial-gradient(circle at 83% 23%,#45c7c657,transparent 35%),linear-gradient(145deg,#1a4650,#17252d)}
#app .vip-destination{background:radial-gradient(circle at 86% 25%,#a1bbff52,transparent 35%),linear-gradient(145deg,#303352,#1e2636)}
#app .race-destination{background:radial-gradient(circle at 84% 24%,#f1c85c57,transparent 35%),linear-gradient(145deg,#52432b,#30271d)}
#app .reward-destination-top{display:flex;align-items:start;justify-content:space-between}
#app .reward-destination-top .reward-mark{width:42px;height:42px;color:#e6ffbd}
#app .reward-destination-top b{font-size:.64rem;letter-spacing:.1em;color:#ffffff92}
#app .reward-destination-body{display:grid;gap:8px;margin-top:28px}
#app .reward-destination-body small{font-size:.61rem;letter-spacing:.16em;font-weight:900;color:#c5efaf}
#app .reward-destination-body strong{font-size:1.3rem;line-height:1.1;color:#fff}
#app .reward-destination-body>span{font-size:.77rem;color:#d1dcd4;line-height:1.45}
#app .reward-destination-cta{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:12px;border-top:1px solid #ffffff31;color:#efffdb;font-size:.73rem;font-weight:800}
#app .reward-destination-cta b{font-size:1rem}
#app .reward-overview-access,#app .reward-related{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:23px 27px;background:#1b2630;border:1px solid #ffffff20;border-radius:12px}
#app .reward-overview-access h2,#app .reward-related h2{margin:5px 0 4px;font-size:1.25rem}
#app .reward-overview-access p{margin:0;color:#aebdc1;font-size:.8rem}
#app .reward-overview-access .outline,#app .reward-related .outline{flex:none}
#app .reward-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.8fr);gap:14px;margin-top:18px}
#app .reward-main-panel,#app .reward-account{min-width:0;background:#1b2630;border:1px solid #ffffff20;border-radius:13px;padding:26px}
#app .reward-panel-heading h2{margin:7px 0;font-size:1.6rem}
#app .reward-panel-heading p{margin:0;color:#acbec3;font-size:.82rem}
#app .reward-day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:26px 0}
#app .reward-day-strip>span{height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #ffffff1d;border-radius:10px;background:#121c24;color:#9db0b3}
#app .reward-day-strip>span.featured{border-color:#b6f674;background:#233820;color:#e5ffd0}
#app .reward-day-strip small{font-size:.62rem;font-weight:900;letter-spacing:.08em}
#app .reward-day-strip b{color:#9db0b3;font-size:1.1rem}
#app .reward-day-strip .featured b{color:#b9f67e}
#app .reward-empty-state{display:flex;align-items:center;gap:17px;padding:20px;border:1px dashed #b9f67450;border-radius:11px;background:#a9ef3e0a}
#app .reward-empty-state .reward-mark{width:38px;height:38px}
#app .reward-empty-state strong{font-size:.9rem}
#app .reward-empty-state p{margin:4px 0 0;color:#aebdc1;font-size:.75rem}
#app .reward-account{display:flex;flex-direction:column;background:radial-gradient(circle at 100% 0%,#b3f66a20,transparent 35%),#17232b}
#app .reward-account-top{display:flex;align-items:center;gap:10px}
#app .reward-account-symbol{display:grid;place-items:center;width:34px;height:34px;color:#bafa7a}
#app .reward-account-symbol svg{width:28px;height:28px}
#app .reward-account h2{margin:22px 0 8px;font-size:1.25rem}
#app .reward-account p{color:#b5c3c5;font-size:.78rem;line-height:1.5}
#app .reward-account-rule{display:flex;justify-content:space-between;gap:10px;margin:auto 0 17px;padding-top:17px;border-top:1px solid #ffffff21;font-size:.73rem;color:#9eb3b7}
#app .reward-account-rule strong{color:#d8ffc1}
#app .reward-account .primary{width:100%}
#app .reward-related{margin-top:16px}
#app .reward-related h2{margin-bottom:0}
#app .hero-calendar-art{position:absolute;right:9%;top:45px;width:235px;height:235px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg);border:1px solid #d7ffad9c;border-radius:23px;background:linear-gradient(150deg,#b4f36c,#638f25);box-shadow:24px 27px 0 #0d241bcc,0 25px 55px #0007;color:#183019}
#app .hero-calendar-art span,#app .hero-calendar-art small{font-size:.7rem;font-weight:900;letter-spacing:.2em}
#app .hero-calendar-art strong{font-size:5.6rem;line-height:1.2}
#app .hero-week-art{position:absolute;right:6%;top:50%;z-index:1;transform:translateY(-50%) rotate(-6deg);display:grid;grid-template-columns:repeat(7,24px);gap:8px;align-items:end;padding:30px;border:1px solid #92e9db7c;border-radius:20px;background:#123a3f;box-shadow:20px 24px 0 #0b202ac9,0 22px 55px #0007}
#app .hero-week-art span{grid-column:1/-1;color:#c7fff0;font-size:.72rem;font-weight:900;letter-spacing:.16em}
#app .hero-week-art i{display:block;height:70px;border-radius:6px;background:#3caaa6}
#app .hero-week-art i:nth-of-type(2),#app .hero-week-art i:nth-of-type(5){height:105px;background:#b7f476}
#app .hero-week-art i:nth-of-type(3),#app .hero-week-art i:nth-of-type(7){height:85px}
#app .reward-week-lines{display:grid;gap:0;margin:24px 0;background:#121c24;border:1px solid #ffffff18;border-radius:10px;overflow:hidden}
#app .reward-week-lines>div{display:flex;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid #ffffff16;font-size:.78rem;color:#b1c0c2}
#app .reward-week-lines>div:last-child{border-bottom:0}
#app .reward-week-lines strong{color:#e2f6d6}
#app .vip-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#app .vip-experience-grid article{min-height:185px;position:relative;padding:22px 24px;background:#1b2630;border:1px solid #ffffff20;border-radius:12px}
#app .vip-experience-grid .reward-mark,#app .vip-experience-grid svg{width:37px;height:37px;color:#b9f67e}
#app .vip-number{position:absolute;right:23px;top:21px;color:#6e837f;font:600 1.35rem Oswald}
#app .vip-experience-grid h3{margin:20px 0 7px;font-size:1rem}
#app .vip-experience-grid p{margin:0;color:#aebdc1;font-size:.77rem;line-height:1.5}
#app .vip-bottom-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:16px}
#app .vip-transfer-new{min-height:245px;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:28px 34px;border:1px solid #ffffff20;border-radius:13px;background:linear-gradient(90deg,#1a2b2c 0%,#1a2b2cf0 56%,#1a2b2c3d 100%),url('./assets/preview-2026-10/vip-rewards.png') right center/auto 145% no-repeat,#1a2b2c}
#app .vip-transfer-new h2{margin:10px 0;font-size:1.65rem}
#app .vip-transfer-new p{max-width:390px;color:#bdcdca;font-size:.8rem}
#app .vip-transfer-new .outline{margin-top:8px}
@media(max-width:1050px){#app .reward-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .rewards-new-hero{min-height:300px}#app .reward-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,.85fr)}#app .hero-calendar-art{right:6%;width:180px;height:180px}}
@media(max-width:700px){#app .rewards-redesign{padding:14px 12px 65px}#app .rewards-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#app .rewards-nav a{padding:10px 8px;font-size:.68rem;gap:6px}#app .rewards-nav .reward-mark{width:21px;height:21px}#app .rewards-new-hero{min-height:300px}#app .rewards-new-hero-copy{padding:26px 22px}#app .rewards-new-hero h1{font-size:clamp(2.9rem,13vw,4.5rem)}#app .rewards-new-hero p{max-width:280px;font-size:.8rem}#app .rewards-overview-hero,#app .vip-new-hero{background-position:64% center}#app .rewards-hero-tag{display:none}#app .reward-section-head{display:block;margin-top:25px}#app .reward-section-head p{margin-top:5px}#app .reward-destination-grid{gap:8px}#app .reward-destination{min-height:205px;padding:14px}#app .reward-destination-top .reward-mark{width:32px;height:32px}#app .reward-destination-body{margin-top:14px}#app .reward-destination-body strong{font-size:1.06rem}#app .reward-destination-body>span{font-size:.69rem}#app .reward-destination-cta{font-size:.65rem}#app .reward-overview-access,#app .reward-related{align-items:start;flex-direction:column;padding:18px}#app .reward-detail-grid,#app .vip-bottom-grid{grid-template-columns:1fr}#app .reward-main-panel,#app .reward-account{padding:19px}#app .reward-day-strip{gap:4px;margin:20px 0}#app .reward-day-strip>span{height:70px}#app .reward-day-strip small{font-size:.52rem}#app .reward-week-lines>div{padding:14px 11px;font-size:.7rem}#app .hero-calendar-art{right:-12px;top:95px;width:130px;height:130px;opacity:.65}#app .hero-calendar-art strong{font-size:3rem}#app .hero-week-art{right:-66px;opacity:.42;transform:translateY(-50%) scale(.75) rotate(-6deg)}#app .vip-experience-grid{grid-template-columns:1fr;gap:8px}#app .vip-experience-grid article{min-height:0}#app .vip-transfer-new{min-height:230px;padding:21px}#app .reward-account-rule{margin:18px 0}}
/* New vector led reward artwork replaces the earlier promotion renders. */
#app .rewards-overview-hero{background:radial-gradient(circle at 78% 47%,#a9ef3e48,transparent 27%),linear-gradient(112deg,#13221d 5%,#234337 59%,#182e29 100%)}
#app .vip-new-hero{background:radial-gradient(circle at 78% 48%,#b6f86f40,transparent 27%),linear-gradient(112deg,#131f26 5%,#253c39 59%,#17262e 100%)}
#app .hero-reward-emblem{position:absolute;z-index:1;right:11%;top:50%;width:195px;height:195px;transform:translateY(-50%) rotate(-8deg);display:grid;place-items:center;border:2px solid #d7ffae8c;border-radius:36px;background:linear-gradient(135deg,#baf77b,#639c54);box-shadow:27px 28px 0 #0a2419ab,0 20px 70px #0009,inset 0 0 0 11px #ffffff20}
#app .hero-reward-emblem:before{content:'';position:absolute;inset:-27px;border:1px solid #d7ffae45;border-radius:51px}
#app .hero-reward-emblem .reward-mark{width:115px;height:115px;color:#1c3927}
#app .vip-emblem{transform:translateY(-50%) rotate(7deg);background:linear-gradient(135deg,#caff93,#6eae7d);border-radius:50px}
#app .vip-emblem:before{border-radius:65px}
#app .vip-emblem .reward-mark{width:125px;height:125px}
#app .vip-transfer-new{background:radial-gradient(circle at 92% 50%,#b5f96c3f,transparent 23%),linear-gradient(110deg,#1a2d2d,#203b36 76%,#172d2a)}
@media(max-width:700px){#app .hero-reward-emblem{right:-40px;width:135px;height:135px;opacity:.52}#app .hero-reward-emblem .reward-mark{width:85px;height:85px}#app .vip-emblem .reward-mark{width:90px;height:90px}}
/* Four distinct, transparent campaign creatives sit above their hero gradients. */
#app .rewards-new-hero:after{z-index:0}
#app .reward-hero-creative{position:absolute;z-index:1;right:4%;bottom:-8%;height:116%;width:min(49%,530px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 30px #0008);pointer-events:none}
#app .vip-hero-creative{right:5%;height:111%;bottom:-9%}
#app .weekly-hero-creative{right:2%;width:min(53%,580px);height:120%;bottom:-10%}
#app .daily-hero-creative{right:3%;width:min(52%,570px);height:119%;bottom:-10%}
@media(max-width:700px){#app .reward-hero-creative{right:-18%;bottom:-3%;width:75%;height:96%;opacity:.68}#app .vip-hero-creative{right:-21%;width:79%;opacity:.62}#app .weekly-hero-creative,#app .daily-hero-creative{right:-24%;width:84%;opacity:.58}#app .rewards-new-hero-copy{max-width:75%}}
/* Arrow-free navigation details across the preview. */
#app .rail-expander{margin-left:auto;display:inline-grid;place-items:center;width:20px;height:20px;color:#b8e590;font-size:1.1rem;font-weight:700;line-height:1}
#app .utility-expander{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:4px;color:#b7c8ce;font-size:1.15rem;font-weight:700;line-height:1}
#app .power-section-head .power-section-view-all{font-size:.72rem;font-weight:800;color:#bbf778;white-space:nowrap}
#app .power-section-head .power-section-view-all:hover{text-decoration:underline}
#app .power-scroll{scrollbar-width:thin;scrollbar-color:#a9ef3e6b transparent}
#app .power-scroll::-webkit-scrollbar{height:5px}
#app .power-scroll::-webkit-scrollbar-thumb{background:#a9ef3e6b;border-radius:9px}
#app .poker-frame-bar button[data-action="poker-refresh"]{width:auto;padding:0 9px;font-size:.68rem;font-weight:800}
/* All Rewards: coordinated dark cards with category artwork and sharper accents. */
#app .rewards-overview-hero{background:radial-gradient(circle at 77% 50%,#a9ef3e30,transparent 30%),linear-gradient(112deg,#101b22,#1b2d2d 70%,#111d23)}
#app .rewards-overview .reward-destination{isolation:isolate;background:linear-gradient(135deg,#1b2931,#152129 78%);border:1px solid #ffffff25;border-top:2px solid var(--reward-tone);box-shadow:inset 0 1px 0 #ffffff0d}
#app .rewards-overview .reward-destination:before{content:'';position:absolute;z-index:-1;right:-17%;top:-35%;width:85%;height:90%;border-radius:50%;background:radial-gradient(circle,var(--reward-glow),transparent 66%)}
#app .rewards-overview .daily-destination{--reward-tone:#aff46d;--reward-glow:#83e84d4b}
#app .rewards-overview .weekly-destination{--reward-tone:#5adac8;--reward-glow:#3dc5bc47}
#app .rewards-overview .vip-destination{--reward-tone:#af9af0;--reward-glow:#a381ee40}
#app .rewards-overview .race-destination{--reward-tone:#f4c96c;--reward-glow:#f2b94d3b}
#app .rewards-overview .reward-destination-top,#app .rewards-overview .reward-destination-body,#app .rewards-overview .reward-destination-cta{position:relative;z-index:2}
#app .rewards-overview .reward-destination-top .reward-mark{color:var(--reward-tone);width:35px;height:35px}
#app .rewards-overview .reward-destination-art{position:absolute;z-index:1;top:-10%;right:-7%;width:69%;height:78%;object-fit:contain;object-position:right top;opacity:.85;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 24%)}
#app .rewards-overview .reward-destination-art.race-art{top:8%;right:-15%;width:80%;height:54%;object-fit:contain;opacity:.8;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 30%)}
#app .rewards-overview .reward-destination-body{max-width:93%;margin-top:40px;text-shadow:0 2px 9px #0c171c}
#app .rewards-overview .reward-destination-body small,#app .rewards-overview .reward-destination-cta{color:var(--reward-tone)}
#app .rewards-overview .reward-destination-body>span{color:#d5e2df}
#app .rewards-overview .reward-destination-cta{border-color:#ffffff2a}
@media(max-width:700px){#app .rewards-overview .reward-destination-art{right:-17%;width:90%;height:72%;opacity:.72}#app .rewards-overview .reward-destination-art.race-art{right:-25%;width:100%;opacity:.72}#app .rewards-overview .reward-destination-body{max-width:100%;margin-top:25px}}


/* banner-variations.css */
/* Preview only: text-led reward and partner headers with no generated artwork. */
#app .rewards-new-hero,
#app .growth-hero.referral-hero,
#app .growth-hero.affiliate-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #ffffff24;
  border-radius: 14px;
  background-image: none;
  box-shadow: none;
}
#app .rewards-new-hero { min-height: 245px; }
#app .rewards-new-hero::after,
#app .rewards-new-hero .reward-hero-creative { display: none; }
#app .rewards-new-hero-copy { max-width: none; padding: 32px 42px; }
#app .rewards-new-hero h1 { font-size: clamp(2.8rem, 4.8vw, 4.5rem); color: #f8f8f5; text-shadow: none; }
#app .rewards-new-hero h1 em { color: #f8f8f5; }
#app .rewards-overview-hero { background: linear-gradient(105deg, #121a22, #1a252b); }
#app .vip-new-hero { background: linear-gradient(105deg, #17191e, #242128); }
#app .weekly-new-hero { background: linear-gradient(105deg, #141d2a, #202b36); }
#app .daily-new-hero { background: linear-gradient(105deg, #211b24, #2b2428); }
#app .growth-hero.referral-hero {
  min-height: 250px;
  background: linear-gradient(105deg, #141d29, #212a36);
}
#app .growth-hero.affiliate-hero {
  min-height: 250px;
  background: linear-gradient(105deg, #1b1a25, #29232e);
}
#app .growth-hero.referral-hero .eyebrow,
#app .growth-hero.affiliate-hero .eyebrow { color: #c9d0d8; }
#app .growth-hero.referral-hero h1,
#app .growth-hero.affiliate-hero h1 { color: #f8f8f5; text-shadow: none; }
#app .growth-hero.referral-hero p,
#app .growth-hero.affiliate-hero p { color: #c9cbd0; text-shadow: none; }

/* Rewards destinations rely on typography instead of generated icons or art. */
#app .rewards-overview .reward-destination {
  min-height: 214px;
  padding: 20px;
  justify-content: flex-end;
  background: #1b232a;
  border: 1px solid #ffffff22;
  box-shadow: none;
}
#app .rewards-overview .reward-destination::before { display: none; }
#app .rewards-overview .daily-destination { --reward-tone: #d0d6cf; }
#app .rewards-overview .weekly-destination { --reward-tone: #bacbd9; }
#app .rewards-overview .vip-destination { --reward-tone: #d2c8db; }
#app .rewards-overview .race-destination { --reward-tone: #dbcbb4; }
#app .rewards-overview .reward-index {
  position: absolute;
  z-index: 2;
  top: 19px;
  left: 20px;
  color: var(--reward-tone);
  font: 600 .8rem/1 'DM Sans', Arial, sans-serif;
  letter-spacing: .14em;
}
#app .rewards-overview .reward-destination-body {
  position: relative;
  z-index: 2;
  max-width: 100%;
  margin-top: 0;
  text-shadow: none;
}
#app .rewards-overview .reward-destination-body small,
#app .rewards-overview .reward-destination-cta { color: var(--reward-tone); }
#app .rewards-overview .reward-destination-cta { position: relative; z-index: 2; margin-top: 18px; }
#app .rewards-overview .reward-destination-art { display: none; }
#app .rewards-redesign .reward-empty-state {
  display: block;
  border-color: #ffffff30;
  background: #20262c;
}
#app .rewards-redesign .vip-experience-grid article .reward-mark,
#app .rewards-redesign .vip-experience-grid article .nav-icon { display: none; }

@media (max-width: 700px) {
  #app .rewards-new-hero { min-height: 230px; }
  #app .rewards-new-hero-copy { max-width: 100%; padding: 28px 22px; }
  #app .rewards-new-hero h1 { font-size: clamp(2.6rem, 11vw, 3.8rem); }
  #app .growth-hero.referral-hero,
  #app .growth-hero.affiliate-hero { min-height: 235px; padding: 28px 22px; }
  #app .rewards-overview .reward-destination { min-height: 190px; padding: 16px; }
  #app .rewards-overview .reward-index { top: 16px; left: 16px; }
}


/* hero-rotation.css */
/* Preview carousel. Keep the homepage hero at its original height. */
#app { --og-site-hero-height: 228px; }
#app .home-main .home-hero {
  height: var(--og-site-hero-height);
  min-height: 0;
  isolation: isolate;
  background: #0b1219;
}
#app .home-main .home-hero::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  mask-image: none;
  -webkit-mask-image: none;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(8, 12, 21, .45), rgba(8, 12, 21, .08) 48%, rgba(8, 12, 21, .28)), url('./assets/og-club-hero-bold.webp') right 12%/140% auto no-repeat;
  filter: blur(8px) brightness(.94) saturate(1.2);
  opacity: var(--hero-image-opacity, .45);
}
#app .home-main .home-hero::after { display: none; }
#app .home-main .hero-cards {
  display: flex;
  flex: none;
  width: min(45%, 620px);
  height: 198px;
  min-width: 0;
  margin: 0 clamp(30px, 5vw, 88px) 0 0;
  padding: 0;
  gap: 9px;
}
#app .home-main .hero-card {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .27);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .28);
  transition: flex-grow .7s cubic-bezier(.22, 1, .36, 1), border-color .2s;
  transform: none;
}
#app .home-main .hero-card.is-featured {
  flex-grow: 2.35;
  border-color: rgba(255, 255, 255, .68);
}
#app .home-main .hero-card:hover,
#app .home-main .hero-card:focus-visible { transform: none; border-color: #fff; }
#app .home-main .hero-card img {
  object-position: center 30%;
  mix-blend-mode: normal;
  opacity: 1;
  filter: brightness(1.08) saturate(1.12) contrast(.96);
  transition: filter .35s ease;
}
#app .home-main .hero-card:hover img,
#app .home-main .hero-card:focus-visible img { filter: brightness(1.16) saturate(1.18) contrast(1.01); }
#app .home-main .hero-card:nth-child(1) { background: #74309b; }
#app .home-main .hero-card:nth-child(2) { background: #0877b8; }
#app .home-main .hero-card:nth-child(3) { background: #ae303b; }
#app .home-main .hero-card:nth-child(1)::after {
  background: linear-gradient(145deg, rgba(255, 255, 255, .2), transparent 34%), linear-gradient(180deg, transparent 20%, rgba(141, 25, 191, .42) 61%, #d35be1 100%);
}
#app .home-main .hero-card:nth-child(2)::after {
  background: linear-gradient(145deg, rgba(255, 255, 255, .24), transparent 34%), linear-gradient(180deg, transparent 20%, rgba(22, 135, 207, .42) 60%, #06bdf0 100%);
}
#app .home-main .hero-card:nth-child(3)::after {
  background: linear-gradient(145deg, rgba(255, 255, 255, .18), transparent 34%), linear-gradient(180deg, transparent 20%, rgba(181, 35, 53, .4) 60%, #eb6871 100%);
}
#app .home-main .hero-card strong { font-size: clamp(.95rem, 1.3vw, 1.35rem); text-shadow: 0 2px 5px rgba(0, 0, 0, .7), 0 0 10px rgba(0, 0, 0, .35); }
#app .home-main .hero-card.is-featured strong { font-size: clamp(1.35rem, 1.8vw, 1.9rem); }
@media (min-width: 1081px) {
  #app.has-utility-panel .home-main .hero-cards { width: 43%; height: 182px; margin-right: 22px; }
  #app.has-utility-panel .home-main .hero-card.is-featured { flex-grow: 1.9; }
}
@media (max-width: 1080px) {
  #app { --og-site-hero-height: 225px; }
  #app .home-main .home-hero { height: var(--og-site-hero-height); }
  #app .home-main .hero-cards { width: 44%; height: 190px; margin-right: 25px; }
}
@media (max-width: 700px) {
  #app .home-main .home-hero { height: auto; min-height: 0; }
  #app .home-main .home-hero::before { background-size: cover; background-position: 56% 25%; }
  #app .home-main .hero-cards { width: 100%; height: 185px; margin-right: 0; padding: 0 12px; gap: 7px; }
  #app .home-main .hero-card.is-featured { flex-grow: 1.9; }
  #app .home-main .hero-card strong { left: 8px; font-size: .96rem; }
  #app .home-main .hero-card.is-featured strong { font-size: 1.45rem; }
}
@media (prefers-reduced-motion: reduce) {
  #app .home-main .hero-card,
  #app .home-main .hero-card img { transition: none; }
}


/* rail-spacing.css */
/* Keep all three compact navigation tabs inside the collapsed rail header. */
@media (min-width: 1081px) {
  #app.sidebar-collapsed .site-rail .rail-head {
    height: 218px;
    min-height: 218px;
    gap: 10px;
    padding: 12px 8px 10px;
  }
  #app.sidebar-collapsed .site-rail .rail-mini-tabs {
    width: 100%;
    gap: 5px;
  }
  #app.sidebar-collapsed .site-rail .rail-mini-tabs a {
    width: 100%;
    min-height: 40px;
    display: grid;
    place-items: center;
    padding: 6px;
  }
  #app.sidebar-collapsed .site-rail .rail-scroll { padding-top: 10px; }
  #app.sidebar-collapsed .site-rail .rail-search { margin: 0 0 16px; }
}


/* compact-header.css */
/* Preview: a tighter header, including the expanded navigation rail. */
#app > .topbar { height: 64px; }
#app .brand { width: 139px; }
#app .site-rail .rail-head { height: 64px; }

@media (max-width: 700px) {
  #app > .topbar { height: 54px; }
  #app .brand { width: 117px; }
  #app .site-rail .rail-head { height: 54px; }
}


/* section-navigation.css */
/* Preview-only navigation refinements. Top controls expand in place. */
#app .site-rail .rail-mini-tabs{background:color-mix(in srgb,var(--preview-canvas,#101820) 75%,#000);border-color:#ffffff20;border-radius:9px;padding:3px}
#app .site-rail .rail-mini-tabs button{flex:1;min-width:0;min-height:34px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 3px;border:0;border-radius:6px;background:transparent;color:#aeb8b8;font:800 .68rem 'DM Sans',sans-serif;cursor:pointer}
#app .site-rail .rail-mini-tabs button:hover{color:#f0f4ee;background:#ffffff10}
#app .site-rail .rail-mini-tabs button.active{background:#a9ef3e1d;color:#cfff95;box-shadow:inset 0 0 0 1px #a9ef3e66}
#app .site-rail .rail-mini-tabs button .nav-icon{display:none}
#app .site-rail .rail-mini-tabs button:focus-visible,#app .site-rail .rail-group:focus-visible,#app .site-rail .rail-group-children a:focus-visible{outline:2px solid #b8f16a;outline-offset:2px}
#app .site-rail .rail-sports-children{padding:1px 0 6px 9px;border-left:1px solid #b4ef5e50;margin-left:20px}
#app .site-rail .rail-sports-children a{min-height:40px;height:auto;padding:7px 9px;font-size:.75rem}
#app .site-rail .rail-sports-children .nav-icon{display:grid;place-items:center;width:22px;flex:none;color:#b7c8c4}
#app .site-rail .rail-sports-children .nav-icon svg{width:19px;height:19px}
#app .site-rail .rail-sports-caption{display:block;margin:12px 9px 4px;color:#97a4a1;font-size:.58rem;font-weight:850;letter-spacing:.15em}
#app .site-rail .rail-sports-children a.active{background:#b4ef5e14;color:#d5ffa4;box-shadow:inset 3px 0 #b4ef5e}
@media(min-width:1081px){
  #app.sidebar-collapsed .site-rail .rail-head{height:218px;min-height:218px}
  #app.sidebar-collapsed .site-rail .rail-mini-tabs{background:transparent;border:0;padding:0}
  #app.sidebar-collapsed .site-rail .rail-mini-tabs button{width:100%;min-height:40px;flex:none}
  #app.sidebar-collapsed .site-rail .rail-mini-tabs button .nav-icon{display:grid;place-items:center}
  #app.sidebar-collapsed .site-rail .rail-mini-tabs button .nav-icon svg{width:21px;height:21px}
  #app.sidebar-collapsed .site-rail .rail-sports-children{display:none}
}
@media(max-width:1080px){
  #app .site-rail .rail-mini-tabs button{min-height:36px}
  #app .site-rail .rail-sports-children{display:block}
}
/* Utility dropdown follows the selected preview canvas and panel palette. */
html[data-bg-theme] #app .utility-picker,
html[data-bg-theme] #app .utility-panel,
html[data-bg-theme] #app .utility-panel-head{background:var(--preview-canvas)}
html[data-bg-theme] #app .utility-picker{border-color:#ffffff35;box-shadow:0 18px 38px #0009}
html[data-bg-theme] #app .utility-picker button:hover,
html[data-bg-theme] #app .utility-picker button.active{background:var(--preview-panel);color:#f6fff0}
html[data-bg-theme] #app .utility-panel-head .utility-panel-trigger[aria-expanded="true"]{background:var(--preview-panel)}


/* background-options.css */
/* Local preview only: switch the site canvas without changing brand accents or artwork. */
html[data-bg-theme="slate"]{--preview-canvas:#111820;--preview-panel:#1b2630;--preview-soft:#16212b}
html[data-bg-theme="navy"]{--preview-canvas:#0b1728;--preview-panel:#17263a;--preview-soft:#111f32}
html[data-bg-theme="plum"]{--preview-canvas:#1b1624;--preview-panel:#292135;--preview-soft:#241c2e}
html[data-bg-theme="espresso"]{--preview-canvas:#201a18;--preview-panel:#302722;--preview-soft:#29211e}
html[data-bg-theme="forest"]{--preview-canvas:#15201c;--preview-panel:#20312b;--preview-soft:#1a2924}
html[data-bg-theme="iron"]{--preview-canvas:#29343e;--preview-panel:#36434e;--preview-soft:#303d48}
html[data-bg-theme="teal"]{--preview-canvas:#294044;--preview-panel:#355054;--preview-soft:#30494d}
html[data-bg-theme="mulberry"]{--preview-canvas:#3c2f40;--preview-panel:#4b3c50;--preview-soft:#443647}
html[data-bg-theme="blue-mist"]{--preview-canvas:#405360;--preview-panel:#50636f;--preview-soft:#485b68}
html[data-bg-theme="sage-mist"]{--preview-canvas:#40544b;--preview-panel:#4f655a;--preview-soft:#485d52}
html[data-bg-theme="warm-stone"]{--preview-canvas:#504842;--preview-panel:#60564e;--preview-soft:#574e48}
html[data-bg-theme="silver-slate"]{--preview-canvas:#55616a;--preview-panel:#65717a;--preview-soft:#5d6972}
html[data-bg-theme]{background:var(--preview-canvas)}
html[data-bg-theme] body,html[data-bg-theme] #app,html[data-bg-theme] #app .home-main,html[data-bg-theme] #app .home-content,html[data-bg-theme] #app .page-wrap{background-color:var(--preview-canvas)}
html[data-bg-theme] #app>.topbar,html[data-bg-theme] #app .site-rail,html[data-bg-theme] #app .footer{background:var(--preview-canvas)}
html[data-bg-theme] #app .utility-panel,html[data-bg-theme] #app .utility-panel-head{background-color:var(--preview-soft)}
html[data-bg-theme] #app .rewards-nav a,html[data-bg-theme] #app .reward-overview-access,html[data-bg-theme] #app .reward-related,html[data-bg-theme] #app .reward-main-panel,html[data-bg-theme] #app .reward-account,html[data-bg-theme] #app .vip-experience-grid article,html[data-bg-theme] #app .match-card,html[data-bg-theme] #app .sports-sidebar,html[data-bg-theme] #app .casino-page .catalog-controls,html[data-bg-theme] #app .info-block{background-color:var(--preview-panel)}
html[data-bg-theme] #app .rewards-nav a.active{background-color:#2b4229}
.background-picker{position:fixed;z-index:140;left:50%;bottom:17px;transform:translateX(-50%);display:grid;gap:6px;width:min(770px,calc(100vw - 22px));padding:10px 13px;border:1px solid #ffffff2b;border-radius:15px;background:#0b1015f2;box-shadow:0 10px 36px #000a;backdrop-filter:blur(18px);color:#f6f7f4;font:700 12px 'DM Sans',Arial,sans-serif}
.background-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.background-picker-head strong{white-space:nowrap;font-size:12px}
.background-group{display:flex;align-items:center;gap:8px}
.background-group>span{flex:0 0 42px;color:#9eadae;font-size:10px}
.background-options{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.background-options button{min-width:78px;display:grid;justify-items:center;gap:4px;padding:5px 6px;border:1px solid transparent;border-radius:9px;background:transparent;color:#b9c4c6;font-size:10px;font-weight:700;white-space:nowrap}
.background-options button:hover{background:#ffffff10;color:#fff}
.background-options button[aria-pressed="true"]{border-color:#adf068;color:#d9ffb2;background:#a9ef3e19}
.background-options i{display:block;width:28px;height:21px;border:1px solid #ffffff65;border-radius:6px;background:var(--swatch)}
.background-picker-close{display:grid;place-items:center;flex:none;width:24px;height:24px;border:0;border-radius:6px;background:#ffffff14;color:#d1dbdd;font-size:17px;line-height:1}
.background-opacity-control{display:grid;grid-template-columns:90px minmax(0,1fr) 34px;align-items:center;gap:10px;margin-top:3px;padding-top:9px;border-top:1px solid #ffffff25}
.background-opacity-control label{font-size:11px;color:#dce7df}
.background-opacity-control input{width:100%;accent-color:#a9ef3e;cursor:pointer}
.background-opacity-control output{text-align:right;color:#d9ffb2;font-size:11px}
.background-picker-open{position:fixed;z-index:140;left:50%;bottom:16px;transform:translateX(-50%);padding:9px 14px;border:1px solid #ffffff3b;border-radius:99px;background:#111820f2;color:#dbfcb3;font:800 12px 'DM Sans',Arial,sans-serif;box-shadow:0 8px 26px #0008}
@media(max-width:700px){.background-picker{bottom:8px;gap:7px;max-height:48vh;overflow-y:auto;padding:7px 8px}.background-picker-head strong{font-size:10px}.background-group{align-items:start}.background-group>span{padding-top:10px;flex-basis:36px}.background-options button{min-width:59px;padding:4px 2px;font-size:9px}.background-options i{width:23px;height:18px}.background-picker-close{width:20px;height:20px}}
.background-picker[hidden],.background-picker-open[hidden]{display:none}


/* blackjack-demo.css */
.bj-page { max-width: 1440px; }
.bj-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.bj-heading .back-link { display:block; margin-bottom:17px; }
.bj-heading h1 { margin:7px 0 6px; font-size:clamp(3rem,5vw,4.5rem); }
.bj-heading p { margin:0; color:#abb3bc; font-size:.94rem; }
.bj-demo-pill { padding:9px 12px; border:1px solid #a7ef5b54; background:#a5ed3410; border-radius:6px; color:#c5f383; font-size:.68rem; letter-spacing:.13em; font-weight:800; white-space:nowrap; }
#blackjack-root { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:14px; }
.bj-table { min-height:570px; position:relative; isolation:isolate; overflow:hidden; border-radius:17px; border:1px solid #70bc663b; background:radial-gradient(ellipse at 50% 59%,#214b3d 0,#123127 39%,#0d201c 70%,#0c1516 100%); box-shadow:inset 0 0 0 12px #0a1113,0 22px 55px #0006; padding:26px 34px 18px; display:flex; flex-direction:column; justify-content:space-between; }
.bj-table::before { content:''; position:absolute; inset:14px; border:1px solid #c1e7b830; border-radius:48% 48% 42% 42% / 44% 44% 55% 55%; pointer-events:none; }
.bj-table::after { content:''; position:absolute; inset:0; background:repeating-linear-gradient(106deg,#fff1 0 1px,transparent 1px 5px); opacity:.08; pointer-events:none; }
.bj-table-glow { position:absolute; inset:15% 24%; background:#7fbf6d28; filter:blur(80px); z-index:-1; }
.bj-table-top,.bj-table-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:.66rem; color:#b4ccbf; letter-spacing:.16em; font-weight:700; position:relative; z-index:1; }
.bj-table-mark { font:600 1.45rem Oswald,Impact,sans-serif; color:#bdf27d; letter-spacing:-.03em; line-height:1; }
.bj-table-mark span { color:#fff; }
.bj-dealer-area,.bj-player-area { position:relative; z-index:1; display:flex; justify-content:center; align-items:center; gap:20px; flex-wrap:wrap; }
.bj-dealer-area { min-height:140px; margin-top:12px; }
.bj-player-area { min-height:160px; }
.bj-hand { min-width:180px; text-align:center; padding:9px 12px 11px; border:1px solid transparent; border-radius:13px; }
.bj-hand-current { background:#c5f3830d; border-color:#b5e8858c; box-shadow:0 0 28px #acdf5330; }
.bj-hand-label { display:flex; gap:8px; justify-content:center; align-items:center; margin-bottom:10px; color:#e2eee6; font-size:.7rem; letter-spacing:.11em; font-weight:800; text-transform:uppercase; }
.bj-hand-label b { display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:26px; padding:0 6px; color:#111a12; background:#d3f1b2; border-radius:5px; letter-spacing:0; font-size:.8rem; }
.bj-hand-label em { font-size:.62rem; color:#c5f383; font-style:normal; letter-spacing:0; }
.bj-card-row { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; }
.bj-card { width:69px; height:96px; padding:7px; color:#171d20; background:linear-gradient(145deg,#fff 0,#edece6 100%); border:1px solid #fff; border-radius:7px; box-shadow:0 8px 16px #0008; display:flex; flex-direction:column; justify-content:space-between; text-align:left; font:700 1rem DM Sans,Arial,sans-serif; line-height:1; }
.bj-card-red { color:#b83448; }
.bj-card span { display:flex; flex-direction:column; align-items:flex-start; }
.bj-card span small { font-size:.75rem; margin-top:2px; }
.bj-card strong { align-self:center; font-size:1.8rem; }
.bj-card .bj-card-corner { align-self:end; transform:rotate(180deg); }
.bj-card-back { align-items:center; justify-content:center; text-align:center; border:4px solid #f3f3eb; color:#c5f383; background:repeating-linear-gradient(45deg,#13252a 0 5px,#203e38 5px 10px); }
.bj-card-back span { font:700 1.35rem Oswald,Impact,sans-serif; }
.bj-card-back small { color:#fff; font-size:.52rem; letter-spacing:.2em; margin-top:4px; }
.bj-card-placeholder { width:180px; min-height:96px; display:grid; place-items:center; color:#9fb9ae; font-size:.76rem; border:1px dashed #ccf3c33d; border-radius:8px; }
.bj-table-arc { height:60px; border-bottom:2px solid #d3eeb477; border-radius:0 0 50% 50%; text-align:center; color:#d4eac3; font-size:.66rem; letter-spacing:.17em; padding-top:13px; position:relative; z-index:1; }
.bj-controls { background:#1a2225; border:1px solid #ffffff19; border-radius:14px; padding:20px; display:flex; flex-direction:column; gap:17px; }
.bj-balance { padding:15px 17px; background:#11191a; border:1px solid #d1f0b125; border-radius:9px; }
.bj-balance span,.bj-balance small { display:block; color:#a4b5ad; font-size:.64rem; letter-spacing:.12em; font-weight:800; }
.bj-balance strong { display:block; margin:5px 0; color:#fff; font:600 1.95rem Oswald,Impact,sans-serif; }
.bj-balance small { font-size:.68rem; letter-spacing:0; font-weight:500; }
.bj-bet label { display:block; margin:0 0 8px; color:#d9e2db; font-size:.78rem; font-weight:700; }
.bj-bet-input { display:flex; align-items:center; background:#0d1416; border:1px solid #ffffff38; border-radius:7px; padding:6px 7px 6px 12px; gap:5px; }
.bj-bet-input:focus-within { border-color:#c5f383; box-shadow:0 0 0 2px #c5f38333; }
.bj-bet-input span { color:#c5f383; }
.bj-bet-input input { min-width:0; width:100%; background:none; border:0; color:#fff; outline:none; }
.bj-bet-input button,.bj-chips button { border:1px solid #ffffff20; color:#dbe6db; background:#283235; border-radius:5px; min-height:34px; padding:5px 9px; font-weight:800; }
.bj-chips { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; margin-top:9px; }
.bj-chips button { font-size:.66rem; padding:5px 2px; }
.bj-bet-input button:hover,.bj-chips button:hover,.bj-action-grid button:hover:not(:disabled),.bj-action-row button:hover:not(:disabled) { border-color:#bdf171; background:#33433c; }
.bj-status { min-height:58px; padding:12px; border-left:3px solid #b9ef77; background:#a9ed6611; color:#e3f3d6; font-size:.8rem; line-height:1.4; }
.bj-action-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.bj-action-grid button,.bj-action-row button,.bj-deal-button { min-height:56px; padding:10px 9px; border:1px solid #ffffff32; border-radius:8px; background:#293336; color:#fff; font-weight:800; }
.bj-action-grid button small { display:block; margin-top:3px; color:#aebeb4; font-size:.62rem; font-weight:500; }
.bj-action-grid .bj-action-primary,.bj-action-row .bj-action-primary,.bj-deal-button { background:linear-gradient(135deg,#c5f383,#91e521); color:#132016; border-color:transparent; }
.bj-action-grid .bj-action-primary small { color:#324f27; }
.bj-action-row { display:grid; gap:8px; }
.bj-action-hint { margin:-7px 0 0; color:#afbbb1; font-size:.7rem; }
.bj-deal-button { width:100%; font-size:.95rem; }
.bj-controls button:disabled { opacity:.4; cursor:not-allowed; }
.bj-control-note { margin-top:auto; color:#a3aea5; font-size:.68rem; line-height:1.45; }
.bj-reset { align-self:start; border:0; background:none; color:#c5f383; padding:0; font-weight:800; font-size:.75rem; }
.bj-lower { grid-column:1/-1; margin-top:6px; border:1px solid #ffffff1d; border-radius:12px; overflow:hidden; background:#172024; }
.bj-lower-tabs { display:flex; gap:0; overflow-x:auto; border-bottom:1px solid #ffffff1d; }
.bj-lower-tabs button { min-width:max-content; padding:16px 20px; border:0; border-bottom:2px solid transparent; background:none; color:#afbcb8; font-weight:800; font-size:.8rem; }
.bj-lower-tabs button.active { color:#c5f383; border-bottom-color:#b8ee74; background:#aaf05e0a; }
.bj-fairness,.bj-rules,.bj-history { padding:24px; }
.bj-fairness-intro h2,.bj-rules h2 { margin:0 0 6px; font-size:1.23rem; }
.bj-fairness-intro p,.bj-rules p { margin:0; color:#b6c0bd; font-size:.8rem; line-height:1.5; }
.bj-fairness-grid { display:grid; grid-template-columns:1.5fr 1fr .5fr; gap:9px; margin:19px 0; }
.bj-data { min-width:0; min-height:95px; padding:13px; border:1px solid #ffffff1d; border-radius:7px; background:#0f171a; }
.bj-data span,.bj-data label,.bj-last-round span { display:block; color:#b4bfb9; font-size:.62rem; font-weight:800; letter-spacing:.1em; }
.bj-data code,.bj-data strong { display:block; margin-top:10px; color:#d4edc0; font-size:.73rem; word-break:break-all; }
.bj-data input { width:100%; margin-top:8px; border:1px solid #ffffff38; background:#1a2829; color:#fff; border-radius:5px; padding:7px; font-size:.76rem; }
.bj-data small { display:block; margin-top:5px; color:#aeb7b2; font-size:.62rem; }
.bj-last-round { padding:16px; background:#243138; border:1px solid #d7f4cb21; border-radius:8px; }
.bj-last-round>div:first-child { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.bj-last-round strong { color:#e9f4df; font-size:.84rem; }
.bj-proof-fields { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:15px 0; }
.bj-proof-fields p { min-width:0; margin:0; padding:9px; background:#111d1f; border-radius:5px; }
.bj-proof-fields code { display:block; margin-top:5px; color:#d6ead1; font-size:.69rem; line-height:1.35; word-break:break-all; }
.bj-last-round button { border:1px solid #bce77d; background:#abed3520; color:#d9f3bc; padding:9px 13px; border-radius:6px; font-weight:800; }
.bj-verify-result { display:inline-block; margin-left:11px; color:#dcf4c5; letter-spacing:0; }
.bj-no-rounds,.bj-fair-disclosure { color:#aeb9b2; font-size:.75rem; line-height:1.5; }
.bj-fair-disclosure { margin:16px 0 0; }
.bj-history { display:grid; gap:7px; }
.bj-history button { display:grid; grid-template-columns:1fr 1fr auto; gap:9px; text-align:left; align-items:center; padding:11px 13px; border:1px solid #ffffff1b; background:#111a1d; color:#e8eee7; border-radius:6px; }
.bj-history button:hover { border-color:#b6e777; }
.bj-history em { font-style:normal; color:#f3b8b8; }
.bj-history em.positive { color:#c6f28e; }
.bj-history p { color:#b7c3bc; margin:0; }
.bj-rules { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.bj-rules h3 { font-size:.9rem; margin:0 0 6px; }
@media(max-width:1000px) { #blackjack-root { grid-template-columns:minmax(0,1fr) 270px; } .bj-table { padding:24px 17px 16px; } .bj-fairness-grid { grid-template-columns:1fr 1fr; } .bj-data:last-child { grid-column:1/-1; min-height:70px; } }
@media(max-width:760px) { .bj-page { padding:25px 12px 70px; } .bj-heading { align-items:start; } .bj-heading h1 { font-size:3rem; } .bj-heading p { font-size:.79rem; } .bj-demo-pill { font-size:.58rem; padding:7px; } #blackjack-root { display:block; } .bj-table { min-height:475px; padding:18px 12px 14px; border-radius:12px; } .bj-table::before { inset:10px; } .bj-table-top,.bj-table-bottom { font-size:.54rem; } .bj-card { width:52px; height:74px; padding:5px; } .bj-card strong { font-size:1.25rem; } .bj-card span { font-size:.8rem; } .bj-card span small { font-size:.57rem; } .bj-card-back span { font-size:1.05rem; } .bj-card-back small { font-size:.43rem; } .bj-card-row { gap:3px; } .bj-hand { min-width:125px; padding:5px; } .bj-hand-label { font-size:.58rem; } .bj-hand-label b { min-width:22px; height:22px; font-size:.66rem; } .bj-table-arc { height:42px; padding-top:8px; font-size:.5rem; } .bj-dealer-area { min-height:105px; } .bj-player-area { min-height:115px; gap:0; } .bj-controls { margin-top:10px; gap:12px; } .bj-control-note { margin-top:0; } .bj-lower { margin-top:14px; } .bj-fairness,.bj-rules,.bj-history { padding:15px; } .bj-fairness-grid,.bj-proof-fields,.bj-rules { grid-template-columns:1fr; } .bj-data:last-child { grid-column:auto; } .bj-last-round>div:first-child { align-items:start; flex-direction:column; } .bj-verify-result { display:block; margin:9px 0 0; } }
@media(prefers-reduced-motion:reduce) { .bj-page * { scroll-behavior:auto !important; transition:none !important; } }


/* auth-live.css */
.modal{max-height:calc(100dvh - 30px);overflow-y:auto;padding:22px 30px}
.modal-logo{width:140px;margin-bottom:8px}
.modal .auth-tabs{margin:11px 0}
.modal form{gap:8px}
.modal input:not([type="checkbox"]){padding:10px 12px}
.background-picker{z-index:80!important}
.auth-social{display:grid;gap:7px;margin:0 0 6px}
.auth-social-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:45px;padding:9px 14px;border:1px solid #ffffff36;border-radius:9px;background:#202930;color:#f3f7f4;font-weight:700;transition:background .2s,border-color .2s}
.auth-social-button:hover{background:#2b373d;border-color:#b9ed79a6}
.auth-brand-slot{display:grid;place-items:center;width:58px;height:24px;flex:none}
.auth-brand-icon{display:block;width:22px;height:22px;object-fit:contain}
.auth-brand-kick{width:54px;height:20px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0 2px;color:#9daeb0;font-size:.75rem;font-weight:700}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:#ffffff2c}
#auth-feedback:empty{display:none}
#auth-feedback{min-height:1.4rem;margin:.3rem 0 .8rem;color:#c9ec9d;font-size:.88rem}
.account-tools{display:flex;align-items:center;gap:10px;position:relative}
.account-balance{display:flex;flex-direction:column;justify-content:center;min-height:40px;padding:5px 12px;border:1px solid #ffffff24;border-radius:10px;background:#1c242a;color:#f4f8ee;line-height:1.18;text-align:left}
.account-balance small{font-size:.63rem;color:#b9c5b4;letter-spacing:.06em;text-transform:uppercase}
.account-balance strong{font-size:.88rem;white-space:nowrap}
.account-wallet-btn{min-height:40px;padding:8px 14px;border-radius:10px;font-size:.83rem;font-weight:800}
.account-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #b5e96270;border-radius:10px;background:#273327;color:#c5f383;font-weight:800}
.account-toggle[aria-expanded="true"]{background:#334a29;border-color:#b5e962}
.account-popover{position:absolute;z-index:70;right:0;top:calc(100% + 12px);width:min(280px,calc(100vw - 24px));padding:9px;border:1px solid #ffffff27;border-radius:14px;background:#172127;box-shadow:0 20px 44px #000a}
.account-identity{padding:11px 12px 12px;border-bottom:1px solid #ffffff20;margin-bottom:5px}
.account-identity strong,.account-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-identity strong{color:#f7f8f3;font-size:.95rem}.account-identity small{margin-top:3px;color:#aebbb5;font-size:.76rem}
.account-popover a,.account-popover button{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;color:#e7eee8;text-align:left;font-size:.88rem}
.account-popover a:hover,.account-popover button:hover{background:#2b393c}.account-popover button{border-top:1px solid #ffffff20;border-radius:0;margin-top:5px;color:#d9e7cb}
.pilot-page{max-width:1160px}.pilot-page h1{margin:.35rem 0 1rem;font-family:Oswald,sans-serif;font-size:clamp(2.3rem,5vw,4rem);text-transform:uppercase}
.pilot-eyebrow{color:#c5f383;font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.pilot-lead{max-width:680px;color:#b8c4bd;line-height:1.6}
.pilot-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:18px;margin-top:26px}
.pilot-panel{border:1px solid #ffffff22;border-radius:18px;background:#1b252b;padding:24px}
.pilot-panel h2{margin:0 0 13px;font-size:1.15rem}.pilot-panel p{color:#b8c4bd;line-height:1.55}.pilot-value{display:block;margin:4px 0 10px;color:#c5f383;font-family:Oswald,sans-serif;font-size:clamp(2.8rem,6vw,4.6rem);line-height:1}
.pilot-muted{color:#9ca9a6}.pilot-list{margin:15px 0 0;padding:0;list-style:none}.pilot-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #ffffff1c;font-size:.88rem}.pilot-list li span{color:#bcc9c2}
.pilot-panel .outline{margin-top:14px}.pilot-account-email{overflow-wrap:anywhere;color:#f4f7f2!important}
@media(max-width:760px){.pilot-grid{grid-template-columns:1fr}.pilot-panel{padding:19px}.account-balance{min-height:36px}.account-wallet-btn{display:none}.account-toggle{width:36px;height:36px}}
@media(max-width:520px){.account-balance{padding:4px 7px}.account-balance strong{font-size:.7rem}.account-balance small{font-size:.53rem}.account-tools{gap:6px}#app .top-inner{gap:7px}}
/* OG Betz split authentication dialog. */
#app .auth-modal{display:grid;grid-template-columns:40% 60%;width:min(540px,calc(100vw - 30px));height:min(430px,calc(100dvh - 30px));max-height:calc(100dvh - 30px);padding:0;overflow:hidden;border-color:#ffffff30;border-radius:17px;background:#101315}
#app .auth-modal.referral-expanded{height:min(490px,calc(100dvh - 30px))}
#app .auth-art{position:relative;overflow:hidden;background:linear-gradient(180deg,#06100a50,#07120bd9),url('./assets/hero-casino-roulette.png') center/cover no-repeat}
#app .auth-art::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 52% 43%,#adf27224,transparent 45%);pointer-events:none}
#app .auth-art img{position:absolute;z-index:1;top:19px;left:20px;width:min(78%,180px);filter:hue-rotate(43deg) saturate(1.1) brightness(1.15) drop-shadow(0 12px 25px #000b) drop-shadow(0 0 20px #b1f17145)}
#app .auth-art span{position:absolute;z-index:1;bottom:26px;left:26px;color:#e9f8db;font:700 1.1rem/1.2 Oswald,sans-serif;letter-spacing:.035em}
#app .auth-content{position:relative;min-width:0;min-height:0;overflow-y:auto;padding:20px 25px 20px;background:#101315}
#app .auth-content .modal-close{top:19px;right:20px;width:36px;height:36px;border:1px solid #ffffff24;border-radius:9px;background:#1b2023;color:#f2f4ef;font-size:1.5rem;line-height:1}
#app .auth-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#app .auth-mobile-logo{display:none}
#app .auth-mobile-logo{filter:hue-rotate(43deg) saturate(1.1) brightness(1.15)}
#app .auth-content .auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 45px 13px 0;padding:3px;border:1px solid #ffffff16;border-radius:10px;background:#171a1c}
#app .auth-content .auth-tabs button{min-height:37px;border-radius:7px;color:#c8cfca;font-size:.89rem;font-weight:700}
#app .auth-content .auth-tabs button.active{background:#a9ed51;color:#14200b;box-shadow:0 0 0 1px #d3ffa8;font-weight:800}
#app .auth-content form{gap:6px}
#app .auth-content form>label:not(.check-line){font-size:.82rem;font-weight:800;color:#edf2eb}
#app .auth-content input:not([type="checkbox"]){min-height:40px;padding:8px 12px;border:1px solid #ffffff24;border-radius:8px;background:#1b2023;font-size:.8rem}
#app .auth-content .check-line,#app .auth-content .auth-age-spacer{min-height:26px;margin:0}
#app .auth-content .check-line{color:#bfc9c0;font-size:.76rem}
#app .auth-content .check-line input{accent-color:#aeef5a}
#app .auth-meta-row{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:26px}
#app .auth-meta-row .check-line{font-size:.66rem;white-space:nowrap}
#app .auth-referral-toggle{flex:none;padding:3px 0;border:0;background:none;color:#c9ef9b;font-size:.68rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}
#app .auth-referral-field[hidden]{display:none}
#app .auth-referral-field label{display:grid;gap:5px;color:#edf2eb;font-size:.76rem;font-weight:800}
#app .auth-referral-field input{width:100%}
#app .auth-content .auth-divider{margin:2px 0 0;color:#abb7b0;font-size:.7rem}
#app .auth-content .auth-social{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
#app .auth-content .auth-social-button{min-height:40px;padding:6px;border:1px solid #ffffff1e;border-radius:8px;background:#171a1c}
#app .auth-content .auth-brand-icon{width:19px;height:19px;object-fit:contain}
#app .auth-content .auth-brand-kick{width:38px;height:15px;filter:grayscale(1) brightness(1.7);opacity:.85}
#app .auth-content .auth-submit{min-height:40px;margin-top:1px;font-size:.85rem;flex:none}
#app .auth-content #auth-feedback,#app .auth-content #auth-feedback:empty{display:block;min-height:27px;height:27px;max-height:27px;overflow-y:auto;margin:0;color:#c9ec9d;font-size:.7rem;line-height:1.25}
@media(max-width:720px){#app .auth-modal{display:block;width:min(460px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 24px);overflow-y:auto}#app .auth-art{display:none}#app .auth-content{overflow:visible;padding:22px 24px 24px}#app .auth-mobile-logo{display:block;width:125px;margin:0 48px 18px 0}#app .auth-content .modal-close{top:18px;right:18px}#app .auth-content .auth-tabs{margin:0 0 20px}}


/* auth-clean-preview.css */
/* Review-only auth direction: one clear action, quiet supporting controls. */
#app .auth-modal{
  grid-template-columns:34% 66%;
  width:min(540px,calc(100vw - 30px));
  height:min(420px,calc(100dvh - 30px));
  border:1px solid #d5e5dc30;
  border-radius:14px;
  box-shadow:0 26px 70px #000b;
}
#app .auth-modal.referral-expanded{height:min(482px,calc(100dvh - 30px))}
#app .auth-art{
  background:linear-gradient(180deg,#10171b88,#0b1114e8),url('./assets/hero-casino-roulette.png') 54% center/cover no-repeat;
}
#app .auth-art::after{background:linear-gradient(90deg,transparent 75%,#10151778)}
#app .auth-art img{
  top:22px;
  left:21px;
  width:min(75%,140px);
  filter:hue-rotate(43deg) saturate(1.08) brightness(1.1) drop-shadow(0 5px 12px #0009);
}
#app .auth-art>span{display:none}
#app .auth-content{padding:18px 23px 20px;background:#101517}
#app .auth-content .modal-close{
  top:18px;
  right:18px;
  width:31px;
  height:31px;
  border:1px solid #e8f4e225;
  border-radius:7px;
  background:transparent;
  color:#d6ded9;
  font-size:1.25rem;
}
#app .auth-content .auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  width:calc(100% - 46px);
  margin:0 46px 15px 0;
  padding:3px;
  border:1px solid #e7f1e220;
  border-radius:9px;
  background:#171e20;
}
#app .auth-content .auth-tabs button{
  min-height:34px;
  padding:6px 8px;
  border:1px solid transparent;
  border-radius:6px;
  background:#1b2325;
  color:#adb9b2;
  font-size:.85rem;
  font-weight:700;
}
#app .auth-content .auth-tabs button.active{
  border-color:#9bc38d66;
  background:#34483a;
  box-shadow:none;
  color:#eff8e9;
}
#app .auth-content form{gap:7px}
#app .auth-content form>label:not(.check-line){color:#e8eee9;font-size:.76rem;font-weight:700}
#app .auth-content input:not([type="checkbox"]){
  min-height:39px;
  padding:8px 11px;
  border:1px solid #f2f8f020;
  border-radius:7px;
  background:#1a2123;
  color:#f6faf3;
}
#app .auth-content input:not([type="checkbox"]):focus{
  border-color:#82918a;
  outline:none;
  box-shadow:none;
}
#app .auth-modal button:focus-visible,
#app .auth-modal input:focus-visible{
  outline:none;
  outline-offset:0;
  box-shadow:none;
}
#app .auth-meta-row .check-line{color:#b8c4bd;font-size:.67rem}
#app .auth-referral-toggle{color:#adb9b2;font-size:.67rem;font-weight:600;text-decoration:underline;text-decoration-color:#afc3b280;text-underline-offset:3px}
#app .auth-referral-toggle:hover{color:#c8f198;text-decoration:underline}
#app .auth-content .auth-divider{margin:4px 0 1px;color:#929e98;font-size:.67rem;font-weight:600}
#app .auth-content .auth-divider::before,#app .auth-content .auth-divider::after{background:#ffffff17}
#app .auth-content .auth-social{gap:7px}
#app .auth-content .auth-social-button{
  min-height:39px;
  border:1px solid #e7f1e220;
  border-radius:7px;
  background:#151b1d;
}
#app .auth-content .auth-social-button:hover{border-color:#b9ee7990;background:#1c2928}
#app .auth-content .auth-brand-icon{width:17px;height:17px}
#app .auth-content .auth-brand-kick{width:34px;height:14px}
#app .auth-content .auth-submit{
  min-height:40px;
  border-radius:7px;
  background:#aef04d;
  box-shadow:none;
  font-size:.82rem;
}
#app .auth-content #auth-feedback,#app .auth-content #auth-feedback:empty{min-height:24px;height:24px;max-height:24px}
body:has(.auth-modal) .background-picker,body:has(.auth-modal) .background-picker-open{display:none!important}
@media(max-width:720px){
  #app .auth-modal,#app .auth-modal.referral-expanded{display:block;width:min(390px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 24px)}
  #app .auth-content{padding:22px 21px 24px}
  #app .auth-content .auth-tabs{margin-bottom:16px}
  #app .auth-mobile-logo{width:112px;margin-bottom:18px}
  #app .auth-content .modal-close{top:16px;right:17px}
}


/* member-ui.css */
#app .top-actions{margin-left:auto}
#app .top-inner{position:relative}
#app .member-top-actions{display:contents}
#app .member-wallet-group{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;z-index:2}
#app .member-header-icons{position:relative;display:flex;align-items:center;gap:6px}
#app .member-balance{display:flex;align-items:center;justify-content:center;gap:7px;min-width:93px;height:34px;padding:4px 8px;border:1px solid #ffffff24;border-radius:8px;background:#1a252b;color:#f6f8f4}
#app .member-balance strong{font-size:.73rem;line-height:1;white-space:nowrap}
#app .member-balance-chevron{font-size:.85rem;color:#aebdb7;line-height:1;transform:translateY(-2px)}
#app .member-balance-chevron{display:grid;place-items:center;width:13px;height:13px;flex:none;transform:none}
#app .member-balance-chevron svg{display:block;width:12px;height:12px}
#app .member-wallet-cta{min-height:34px;padding:6px 12px;font-size:.73rem;border-radius:8px}
#app .member-icon-button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #ffffff20;border-radius:8px;background:#1c252a;color:#d3e9d2}
#app .member-icon-button:hover,#app .member-icon-button[aria-expanded=true]{border-color:#b6f36b;background:#2a3c2a}
#app .member-icon-button .nav-icon{display:grid;place-items:center;width:19px;height:19px}
#app .member-icon-button svg{width:19px;height:19px}
#app .member-menu-anchor{position:relative;display:flex;align-items:center}
#app .member-popover,#app .member-menu-anchor .member-account-popover{position:absolute;z-index:90;top:calc(100% + 8px);right:0;width:220px;padding:7px;border:1px solid #ffffff35;border-radius:10px;background:var(--preview-canvas,#111820);box-shadow:0 18px 38px #0009}
#app .member-popover-title{padding:7px 10px 9px;margin-bottom:2px;border-bottom:1px solid #ffffff17;color:#e6eef1;font-size:.78rem;font-weight:800}
#app .member-popover a,#app .member-menu-anchor .member-account-popover a,#app .member-menu-anchor .member-account-popover button{display:flex;align-items:center;gap:10px;width:100%;min-height:43px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#e6eef1;text-align:left;font-size:.8rem;font-weight:750}
#app .member-popover a:hover,#app .member-menu-anchor .member-account-popover a:hover,#app .member-menu-anchor .member-account-popover button:hover{background:var(--preview-panel,#1b2630)}
#app .member-popover a .nav-icon,#app .member-menu-anchor .member-account-popover a .nav-icon{display:grid;place-items:center;flex:none;width:19px;height:19px;color:#adc4d2}
#app .member-popover a svg,#app .member-menu-anchor .member-account-popover a svg{width:19px;height:19px}
#app .member-coin{display:flex;align-items:center;gap:9px;padding:12px 4px;border-block:1px solid #ffffff1d}
#app .member-coin>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#3479bb;font-size:.78rem}
#app .member-coin span{display:grid;flex:1;gap:2px;font-size:.76rem}
#app .member-coin small{color:#9bacaa;font-size:.62rem}
#app .member-coin>strong{font-size:.8rem}
#app .member-notifications-popover{width:230px}
#app .member-notifications-empty{display:flex;align-items:center;gap:10px;min-height:54px;padding:7px 10px;color:#adbfca;font-size:.76rem}
#app .member-notifications-empty .nav-icon{display:grid;place-items:center;flex:none;width:19px;height:19px}
#app .member-notifications-empty svg{width:19px;height:19px}
#app .member-header-icons .account-toggle{width:34px;height:34px;min-width:34px}
#app .member-menu-anchor .member-account-popover{width:235px}
#app .member-menu-anchor .member-account-popover .account-identity{padding:8px 10px 11px;margin-bottom:4px}
#app .member-menu-anchor .member-account-popover .account-identity strong{font-size:.82rem}
#app .member-menu-anchor .member-account-popover .account-identity small{font-size:.68rem}
#app .member-menu-anchor .member-account-popover button[data-action="signout"]{min-height:39px;margin-top:5px;border-top:1px solid #ffffff1a;border-radius:0;color:#d9e7cb}
#app .member-menu-anchor .member-account-popover button[data-action="signout"]{color:#f1e9e9}
#app .member-menu-anchor .member-account-popover button[data-action="signout"] .member-logout-icon{width:19px;height:19px;flex:none;color:#e75959}
#app .member-menu-anchor .member-popover,#app .member-menu-anchor .member-account-popover,#app .utility-picker.global{position:fixed;top:64px;right:20px;left:auto;width:220px;border:1px solid #ffffff35;border-radius:10px;background:var(--preview-canvas,#111820);box-shadow:0 18px 38px #0009}
#app .member-menu-anchor .member-account-popover{width:min(306px,calc(100vw - 20px));padding:8px}
#app .member-profile-rank{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;margin:2px 2px 8px;padding:8px;border:1px solid #a2e35b2c;border-radius:8px;background:linear-gradient(110deg,#21302a,#1a2428 58%)}
#app .member-profile-rank>img{width:48px;height:68px;border:1px solid #97c76475;border-radius:5px;object-fit:cover;object-position:center 12%}
#app .member-profile-rank-body{min-width:0}
#app .member-profile-rank-body>strong{display:block;overflow:hidden;color:#f4f7f2;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}
#app .member-profile-rank-labels,.member-profile-rank-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
#app .member-profile-rank-labels{margin-top:9px;color:#81928e;font-size:.51rem;font-weight:800;letter-spacing:.06em}
#app .member-profile-rank-labels .current{color:#c9ee9c}
#app .member-profile-rank-track{margin-top:5px}
#app .member-profile-rank-track i{height:4px;border-radius:3px;background:#3a4243}
#app .member-profile-rank-track i:first-child{background:linear-gradient(90deg,#b2ff3b 0 5px,#3a4243 5px)}
#app .member-profile-rank-foot{display:flex;justify-content:space-between;gap:4px;margin-top:9px;color:#aabbb2;font-size:.48rem;white-space:nowrap}
#app .member-profile-rank-foot b{color:#e7efe5}
#app .member-menu-anchor .member-account-popover a,#app .member-menu-anchor .member-account-popover button{min-height:40px;padding:7px 11px;font-size:.77rem}
#app .member-menu-anchor .member-account-popover a .nav-icon{color:#a8b9b3}
#app .utility-picker.global{z-index:90}
@media(max-width:700px){#app .member-menu-anchor .member-popover,#app .member-menu-anchor .member-account-popover,#app .utility-picker.global{top:54px;right:10px;width:min(220px,calc(100vw - 20px))}}
@media(max-width:700px){#app .member-menu-anchor .member-account-popover{width:min(306px,calc(100vw - 20px))}}
#app .member-page{max-width:1280px;padding-top:24px}
#app .member-subnav{display:flex;gap:6px;overflow:auto;border-bottom:1px solid #ffffff1f;margin-bottom:30px}
#app .member-subnav a{flex:none;padding:10px 14px;border-bottom:2px solid transparent;color:#a8b5b6;font-size:.79rem;font-weight:800}
#app .member-subnav a.active,#app .member-subnav a:hover{color:#d8ffad;border-color:#b9f276}

/* Account pages share the same restrained tab and settings layout. */
#app .member-page .member-subnav{justify-content:center;gap:4px;width:max-content;max-width:100%;margin:0 auto 28px;padding:5px;overflow-x:auto;border:1px solid #ffffff16;border-radius:12px;background:#0c1116}
#app .member-page .member-subnav a{padding:11px 17px;border:0;border-radius:8px;color:#a7b2b2;white-space:nowrap}
#app .member-page .member-subnav a.active,#app .member-page .member-subnav a:hover{background:#252d30;color:#f3f7f1}
#app .member-settings-page{max-width:1340px;padding-top:28px}
#app .member-settings-layout{display:grid;grid-template-columns:minmax(210px,270px) minmax(0,1fr);align-items:start;gap:14px;margin:0 auto 36px}
#app .member-settings-side,#app .member-settings-panel{border:1px solid #ffffff1c;border-radius:15px;background:#0e1419}
#app .member-settings-side{display:grid;gap:5px;padding:10px}
#app .member-settings-side button{min-height:50px;padding:12px 15px;border:0;border-radius:9px;background:transparent;color:#9aa8a7;text-align:left;font:700 .88rem 'DM Sans',sans-serif}
#app .member-settings-side button.active,#app .member-settings-side button:hover{background:#222a2d;color:#f4f7f1}
#app .member-settings-side button:focus-visible,#app .member-page .member-subnav a:focus-visible{outline:2px solid #b2ff3b;outline-offset:2px}
#app .member-settings-panel{min-height:450px}
#app .member-settings-panel-inner{padding:5px 26px}
#app .member-settings-row{padding:25px 0 28px;border-top:1px solid #ffffff1b}
#app .member-settings-row:first-child{border-top:0}
#app .member-settings-row h2{margin:0;font-size:1.11rem;color:#f2f5f1}
#app .member-settings-row p{max-width:650px;margin:10px 0 15px;color:#9eabaa;font-size:.82rem;line-height:1.55}
#app .member-settings-section-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#app .member-settings-status{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:7px;font-size:.69rem;font-weight:800}
#app .member-settings-status.verified{background:#1a3a2a;color:#8cf0af}
#app .member-settings-status.pending{background:#292a24;color:#d9c88c}
#app .member-settings-value{display:inline-block;min-width:min(100%,400px);padding:11px 13px;border:1px solid #ffffff12;border-radius:9px;background:#171e22;color:#eef2ee;font-size:.84rem;overflow-wrap:anywhere}
#app .member-settings-row .member-profile-form{max-width:520px;margin-top:14px;padding:0}
#app .member-settings-row .member-profile-form label{color:#a5b0ae}
#app .member-settings-row .member-profile-edit input{background:#171e22}
#app .member-settings-muted-action{min-height:37px;padding:9px 12px;border:1px solid #ffffff1b;border-radius:8px;background:#1b2226;color:#929f9e;font-size:.75rem;font-weight:800;cursor:not-allowed}
#app .member-settings-row .member-text-link{margin-top:4px}
#app .member-rewards-popover{width:min(292px,calc(100vw - 20px))!important;max-height:min(590px,calc(100dvh - 82px));overflow-y:auto;padding:5px!important;border-radius:12px!important}
#app .member-rewards-popover .member-reward-inbox-row{display:flex;align-items:center;gap:11px;min-height:53px;padding:8px 10px;border-radius:0;border-bottom:1px solid #ffffff14;color:#f1f5f0;font-size:.78rem;font-weight:750;text-decoration:none}
#app .member-rewards-popover .member-reward-inbox-row:hover{background:var(--preview-panel,#1b2630)}
#app .member-rewards-popover .member-reward-inbox-row.is-locked{cursor:default}
#app .member-reward-menu-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid currentColor;border-radius:9px;background:color-mix(in srgb,currentColor 13%,transparent);color:#b2ff3b}
#app .member-reward-menu-icon svg{width:21px;height:21px}
#app .member-reward-menu-icon-loss_back{color:#e99d70}
#app .member-reward-menu-icon-cash_boost{color:#e9bd73}
#app .member-reward-menu-icon-level_up{color:#c695e8}
#app .member-reward-menu-icon-weekly{color:#7fc8e5}
#app .member-reward-menu-icon-monthly{color:#da9bc7}
#app .member-reward-menu-icon-vip{color:#e6c078}
#app .member-reward-menu-name{flex:1;min-width:0}
#app .member-reward-menu-lock{display:grid;place-items:center;flex:none;width:38px;height:31px;border-radius:8px;background:#060b0e;color:#9daaa5}
#app .member-reward-menu-lock svg{width:17px;height:17px}
#app .member-reward-menu-lock .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#app .member-reward-menu-count{display:grid;place-items:center;flex:none;min-width:23px;height:23px;padding:0 6px;border-radius:7px;background:#b2ff3b;color:#0e1717;font-size:.68rem}
#app .member-rewards-popover .member-rewards-overview-link{display:grid;place-items:center;min-height:39px;margin:7px 5px 2px;padding:7px;border-radius:8px;background:var(--preview-panel,#1b2630);color:#f5f8f2;font-size:.8rem;font-weight:800;text-decoration:none}
#app .member-rewards-popover .member-rewards-overview-link:hover{background:#304035}
@media(max-width:760px){#app .member-settings-layout{grid-template-columns:1fr}#app .member-settings-side{display:flex;overflow-x:auto}#app .member-settings-side button{flex:none;min-height:40px;white-space:nowrap}#app .member-settings-panel-inner{padding:2px 18px}#app .member-page .member-subnav{justify-content:flex-start;width:100%}}
#app .member-kicker{font-size:.65rem;letter-spacing:.16em;font-weight:900;color:#bff17e}
#app .member-page-title{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:24px}
#app .member-page-title h1{font-size:clamp(2.4rem,4.8vw,4.6rem);margin:7px 0 9px}
#app .member-page-title p{margin:0;color:#aabcb8;font-size:.9rem}
#app .member-pill{padding:8px 10px;border:1px solid #b3ed6580;border-radius:30px;color:#cffa97;font-size:.62rem;font-weight:900;letter-spacing:.08em;white-space:nowrap}
#app .member-dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
#app .member-feature-panel{position:relative;min-height:225px;padding:25px;overflow:hidden;border:1px solid #ffffff24;border-radius:15px;background:radial-gradient(circle at 95% 0,#b8ee491c,transparent 38%),#1a252b}
#app .member-feature-panel>strong,#app .member-feature-panel>div>strong{display:block;margin:15px 0 3px;font:700 clamp(2.2rem,4vw,3.5rem)/1 Oswald,sans-serif;color:#f8fcf2}
#app .member-feature-panel strong small{font:700 .35em 'DM Sans',sans-serif;color:#b9f071}
#app .member-feature-panel h2{margin:13px 0 8px}
#app .member-feature-panel p{max-width:460px;color:#aebebb;font-size:.83rem;line-height:1.55}
#app .member-inline-actions{display:flex;gap:9px;margin-top:20px}
#app .member-inline-actions .primary,#app .member-inline-actions .outline{min-height:38px;font-size:.77rem}
#app .member-rank-mini>img{position:absolute;right:7px;top:0;width:160px;height:175px;object-fit:contain;opacity:.4;filter:hue-rotate(43deg)}
#app .member-rank-mini>div{position:relative;z-index:1}
#app .member-text-link{display:inline-flex;padding:0;border:0;background:none;color:#c8fa91;font-size:.8rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
#app .member-section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:32px 0 14px}
#app .member-section-title h2{margin:0;font-size:1.4rem}
#app .member-section-title span,#app .member-section-title a{color:#a8b9b6;font-size:.77rem}
#app .member-quick-grid,#app .member-reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#app .member-quick-grid a,#app .member-reward-grid a{display:grid;align-content:space-between;min-height:145px;padding:20px;border:1px solid #ffffff22;border-radius:13px;background:#1b252b;transition:transform .2s,border-color .2s}
#app .member-quick-grid a:hover,#app .member-reward-grid a:hover{transform:translateY(-3px);border-color:#b6ee6d}
#app .member-quick-grid b,#app .member-reward-grid b{color:#b8f077;font:700 .7rem 'DM Sans',sans-serif}
#app .member-quick-grid strong,#app .member-reward-grid strong{font-size:1rem}
#app .member-quick-grid span,#app .member-reward-grid p{color:#a7b6b4;font-size:.75rem;margin:0}
#app .member-reward-grid span{color:#c9f69a;font-size:.75rem;font-weight:800}
#app .member-activity-list,#app .member-table{border:1px solid #ffffff22;border-radius:14px;background:#1b252b;overflow:hidden}
#app .member-activity-row{display:flex;justify-content:space-between;gap:12px;padding:14px 19px;border-top:1px solid #ffffff18}
#app .member-activity-row:first-child{border-top:0}
#app .member-activity-row>span{display:grid;gap:4px;font-size:.8rem}
#app .member-activity-row>span:last-child{text-align:right}
#app .member-activity-row small{color:#a7b7b3}
#app .member-empty{padding:55px 20px;text-align:center;color:#f3f8f0}
#app .member-empty strong{font-size:1rem}
#app .member-empty p{margin:6px 0 0;color:#9daea9;font-size:.8rem}
#app .member-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
#app .member-settings-card{min-height:190px;padding:23px;border:1px solid #ffffff25;border-radius:14px;background:#1b252b}
#app .member-settings-card h2{margin:0 0 18px;font-size:1.2rem}
#app .member-settings-card p{color:#aabbb7;font-size:.83rem}
#app .member-settings-card .outline{margin-top:15px;font-size:.75rem}
#app .member-detail-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #ffffff1d;font-size:.81rem}
#app .member-detail-row span{color:#a6b7b3}
#app .member-profile-form{padding:0 0 15px}
#app .member-profile-form label{display:block;margin-bottom:8px;color:#a6b7b3;font-size:.81rem}
#app .member-profile-edit{display:flex;align-items:center;gap:9px}
#app .member-profile-edit input{min-width:0;flex:1;height:40px;padding:8px 11px;border:1px solid #ffffff36;border-radius:8px;background:#111b21;color:#f7f7f2}
#app .member-profile-edit .outline{flex:none;min-height:40px;margin:0;padding:8px 15px}
#app #member-profile-feedback{min-height:1em;margin:7px 0 0;color:#bbec83;font-size:.72rem}
#app .member-break{overflow-wrap:anywhere;text-align:right}
#app .member-filter-row{display:flex;gap:7px;margin:0 0 15px}
#app .member-filter-row button{padding:9px 14px;border:1px solid #ffffff28;border-radius:9px;background:#1b252b;color:#d6e1da;font-size:.75rem;font-weight:800}
#app .member-filter-row button.active{border-color:#baf479;background:#baf47921;color:#d8ffb0}
#app .member-table-head,#app .member-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;padding:15px 20px;align-items:center;font-size:.78rem}
#app .member-table-head{background:#263239;color:#aabbb6;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
#app .member-table-row{border-top:1px solid #ffffff17}
#app .member-table-row small{display:block;color:#83958e;margin-top:3px}
#app .member-status{color:#baf17f;text-transform:capitalize}
#app .member-rewards-hero{min-height:275px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;border:1px solid #8790c750;border-radius:17px;background:radial-gradient(circle at 73% 48%,#8869cf61,transparent 34%),linear-gradient(112deg,#192332,#292441 63%,#18202c)}
#app .member-rewards-copy{position:relative;z-index:1;padding:32px 42px}
#app .member-rewards-copy h1{margin:10px 0 5px;font-size:clamp(2.7rem,5vw,5rem)}
#app .member-rewards-copy p{margin:0;color:#c0cec5}
#app .member-rewards-hero>img{align-self:end;width:32%;height:260px;object-fit:contain;object-position:bottom;opacity:.8;filter:hue-rotate(43deg) drop-shadow(0 0 35px #b3eb5b33)}
#app .member-rank-progress{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:.72rem;color:#c9e3c0}
#app .member-rank-progress>div{width:155px;height:5px;border-radius:5px;background:#ffffff35}
#app .member-rank-progress i{display:block;width:0;height:100%;background:#b7f371}
#app .member-rewards-copy .outline{font-size:.78rem}
#app .member-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
#app .member-stat-grid>div{display:grid;gap:13px;padding:20px;border:1px solid #ffffff24;border-radius:12px;background:#1b252b}
#app .member-stat-grid small{color:#aebbb9;font-size:.7rem}
#app .member-stat-grid strong{font:700 1.8rem Oswald,sans-serif}
#app .member-reward-grid a{min-height:190px}
#app .member-reward-detail .rewards-nav{margin-bottom:15px}
#app .member-detail-hero{position:relative;min-height:260px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:30px 42px;border:1px solid #ffffff29;border-radius:16px;background:linear-gradient(110deg,#1a2631,#263555 65%,#1b2739)}
#app .member-detail-hero.vip{background:radial-gradient(circle at 80% 50%,#8c73d54d,transparent 38%),linear-gradient(110deg,#1b2333,#30263d 68%,#1d2532)}
#app .member-detail-hero.weekly{background:radial-gradient(circle at 80% 50%,#4cbabf38,transparent 39%),linear-gradient(110deg,#192a33,#24404a 68%,#192a32)}
#app .member-detail-hero.daily{background:radial-gradient(circle at 80% 50%,#76a6ef3e,transparent 39%),linear-gradient(110deg,#192936,#253a52 68%,#192937)}
#app .member-detail-hero>div{position:relative;z-index:1}
#app .member-detail-hero h1{margin:10px 0 8px;font-size:clamp(3rem,5vw,5.2rem)}
#app .member-detail-hero p{max-width:430px;color:#c0ccd0;font-size:.84rem}
#app .member-detail-hero img{position:absolute;right:8%;width:200px;height:230px;object-fit:contain;opacity:.68;filter:hue-rotate(40deg)}
#app .member-hero-monogram{position:absolute;right:8%;font:800 clamp(9rem,21vw,18rem)/1 Oswald,sans-serif;letter-spacing:-.08em;color:#ffffff0b}
#app .member-detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#app .member-detail-summary>div{display:grid;gap:16px;padding:24px;border:1px solid #ffffff25;border-radius:12px;background:#1b252b}
#app .member-detail-summary span{color:#aabbb8;font-size:.73rem}
#app .member-detail-summary strong{font:700 1.75rem Oswald,sans-serif}
#app .member-detail-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:22px;border:1px solid #ffffff25;border-radius:12px;background:#1b252b}
#app .member-detail-callout p{margin:5px 0 0;color:#a8b9b5;font-size:.78rem}
#app .member-overlay{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px;background:#000b;backdrop-filter:blur(5px)}
#app .member-wallet-modal,#app .member-ranks-modal{width:min(100%,570px);max-height:min(88vh,850px);overflow:auto;border:1px solid #ffffff34;border-radius:18px;background:#182229;box-shadow:0 28px 90px #000b}
#app .member-modal-head{display:flex;justify-content:space-between;align-items:start;padding:22px 25px 15px}
#app .member-modal-head h2{margin:4px 0 0;font:700 2rem Oswald,sans-serif;text-transform:uppercase}
#app .member-modal-head>button{border:0;background:#ffffff10;border-radius:8px;color:#fff;width:34px;height:34px;font-size:1.4rem}
#app .member-wallet-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:0 25px;border-bottom:1px solid #ffffff24}
#app .member-wallet-tabs button{padding:11px;background:none;border:0;border-bottom:2px solid transparent;color:#a9b9b4;font-size:.82rem;font-weight:800}
#app .member-wallet-tabs button.active{border-color:#b6f46a;color:#d2f9ac}
#app .member-modal-body{padding:23px 25px 28px}
#app .member-wallet-intro{display:grid;gap:4px;margin-bottom:20px}
#app .member-wallet-intro strong{font-size:1.1rem}
#app .member-wallet-intro span,#app .member-form-note{color:#9eafa9;font-size:.76rem}
#app .member-step{display:flex;gap:14px;margin:0 0 12px;padding:16px;border:1px solid #ffffff22;border-radius:11px;background:#202d31}
#app .member-step>b{color:#bdf27e;font:700 1.3rem Oswald,sans-serif}
#app .member-step>div{display:grid;gap:3px}
#app .member-step small{color:#a6b8b0;font-size:.68rem}
#app .member-step strong{font-size:.9rem}
#app .member-step p{margin:4px 0 0;color:#a7b9b1;font-size:.75rem}
#app .member-step-last{background:#a9eb3912;border-style:dashed}
#app .member-withdraw-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#app .member-withdraw-grid label,#app .member-field{display:grid;gap:6px;margin-bottom:13px;color:#aebcb9;font-size:.72rem;font-weight:700}
#app .member-withdraw-grid input,#app .member-field input{width:100%;padding:12px;border:1px solid #ffffff2a;border-radius:8px;background:#10191d;color:#e7efe6}
#app .member-wallet-summary{display:flex;justify-content:space-between;margin:14px 0 20px;font-size:.8rem}
#app .member-wallet-summary span{color:#a7b6b0}
#app .member-wallet-modal .primary:disabled,#app .member-settings-card .outline:disabled{opacity:.48;cursor:not-allowed;transform:none}
#app .member-ranks-modal{width:min(100%,660px);padding-bottom:24px}
#app .member-balance-popover{left:50%;right:auto;top:calc(100% + 8px);transform:translateX(-50%);width:min(248px,calc(100vw - 24px));padding:5px;background:var(--preview-canvas,#111820)}
#app .member-popover-title small{display:block;margin-top:4px;color:#9dafaa;font-size:.66rem;font-weight:500}
#app .member-currency-list{max-height:278px;overflow-y:auto;padding:1px;scrollbar-color:#4b5c58 #131b20}
#app .member-currency-row{display:flex;align-items:center;gap:9px;width:100%;min-height:39px;padding:5px 7px;border:0;border-radius:7px;background:transparent;color:#e8f0e8;text-align:left}
#app .member-currency-row:hover,#app .member-currency-row.active{background:var(--preview-panel,#1b2630)}
#app .member-currency-row strong{flex:1;font-size:.72rem}
#app .member-currency-row>span:last-child{color:#aebdb7;font-size:.68rem;font-weight:700}
#app .member-currency-row.active>span:last-child{color:#c8f892}
#app .member-balance-settings{padding:7px 9px 4px;border-top:1px solid #ffffff20}
#app .member-wallet-setting{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;padding:3px 2px;border:0;background:transparent;color:#e9eee9;text-align:left;font-size:.71rem;font-weight:700;cursor:pointer}
#app .member-setting-switch{position:relative;width:29px;height:17px;border:1px solid #687773;border-radius:20px;background:#232b2d;transition:background .18s,border-color .18s}
#app .member-setting-switch:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#8f9c98;transition:transform .18s,background .18s}
#app .member-wallet-setting[aria-checked="true"] .member-setting-switch{border-color:#a9eb39;background:#a9eb39}
#app .member-wallet-setting[aria-checked="true"] .member-setting-switch:after{transform:translateX(12px);background:#111820}
#app .member-display-currency{display:flex;align-items:center;justify-content:space-between;min-height:40px;margin-top:7px;padding:7px 2px 1px;border-top:1px solid #ffffff20;color:#acb9b3;font-size:.71rem;font-weight:700}
#app .member-display-currency button{display:flex;align-items:center;gap:10px;padding:4px 1px 4px 7px;border:0;background:transparent;color:#f0f4ee;font-size:.72rem;font-weight:700;cursor:pointer}
#app .member-display-currency button:disabled{opacity:.45;cursor:default}
#app .member-display-currency button span{font-size:1rem;line-height:.5}
#app .member-fiat-options{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-height:135px;overflow-y:auto;padding:7px 0 3px}
#app .member-fiat-options button{min-height:27px;border:1px solid #ffffff18;border-radius:5px;background:#ffffff08;color:#d6e0d9;font-size:.68rem;font-weight:700;cursor:pointer}
#app .member-fiat-options button:hover,#app .member-fiat-options button.active{border-color:#a9eb39;background:#a9eb3922;color:#d4ff8d}
#app .member-coin-icon{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:var(--coin-bg,#435159);color:#fff}
#app .member-coin-icon svg{width:15px;height:15px}
#app .member-coin-usdt{--coin-bg:#26a17b}#app .member-coin-usdc{--coin-bg:#2775ca}#app .member-coin-btc{--coin-bg:#f7931a}#app .member-coin-eth{--coin-bg:#627eea}#app .member-coin-ltc{--coin-bg:#345d9d}#app .member-coin-sol{--coin-bg:#8162d8}#app .member-coin-bnb{--coin-bg:#e5a900}#app .member-coin-trx{--coin-bg:#db2939}#app .member-coin-doge{--coin-bg:#bb9a2f}#app .member-coin-xrp{--coin-bg:#344a55}#app .member-coin-ton{--coin-bg:#2399d4}#app .member-coin-dai{--coin-bg:#df9e35}
#app .member-wallet-modal{display:flex;flex-direction:column;width:min(100%,610px);height:min(690px,88vh);max-height:none;overflow:hidden}
#app .member-wallet-modal .member-modal-head,#app .member-wallet-modal .member-wallet-tabs{flex:none}
#app .member-wallet-modal .member-modal-body{flex:1;min-height:0;overflow-y:auto;scrollbar-color:#65806a #182229}
#app .member-deposit-flow{display:grid;gap:0}
#app .member-flow-step{display:grid;grid-template-columns:29px minmax(0,1fr);gap:14px;position:relative;padding-bottom:17px}
#app .member-flow-step:not(:last-child):before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:1px;background:#b5ee7970}
#app .member-flow-step>b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #b6f36b80;border-radius:50%;background:#2d4031;color:#d6f9b4;font-size:.73rem}
#app .member-flow-step>div{min-width:0}
#app .member-flow-step label{display:block;margin:3px 0 8px;color:#e9f1e9;font-size:.78rem;font-weight:800}
#app .member-deposit-picker{position:relative}
#app .member-deposit-choice,#app .member-deposit-option{display:flex;align-items:center;gap:10px;width:100%;height:44px;padding:7px 12px;border:1px solid #ffffff2e;border-radius:8px;background:#222c31;color:#eef4ef;text-align:left}
#app .member-deposit-choice:hover,#app .member-deposit-choice[aria-expanded=true]{border-color:#ffffff60;background:#253037}
#app .member-deposit-choice strong,#app .member-deposit-option strong{flex:none;width:44px;font-size:.78rem}
#app .member-deposit-choice>span:not(.member-coin-icon),#app .member-deposit-option>span:not(.member-coin-icon){color:#aebeb9;font-size:.72rem}
#app .member-deposit-choice i{margin-left:auto;color:#d2eeae;font-size:1rem;font-style:normal}
#app .member-deposit-options{position:relative;max-height:216px;overflow-y:auto;margin-top:5px;padding:5px;border:1px solid #ffffff2a;border-radius:8px;background:var(--preview-canvas,#111820);scrollbar-color:#506662 #192329}
#app .member-deposit-option{height:39px;padding:5px 7px;border:0;background:transparent}
#app .member-deposit-option:hover,#app .member-deposit-option.active{background:var(--preview-panel,#1b2630)}
#app .member-flow-step select{width:100%;height:44px;padding:0 13px;border:1px solid #ffffff2e;border-radius:9px;background:#222c31;color:#eef4ef;font-size:.8rem}
#app .member-flow-step select:disabled{opacity:.55}
#app .member-address-panel{display:grid;grid-template-columns:106px 1fr;gap:17px;align-items:center;min-height:138px;padding:16px;border:1px solid #ffffff28;border-radius:9px;background:#202b30}
#app .member-qr-placeholder{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;place-items:center;width:106px;height:106px;padding:19px;border:1px solid #ffffff2a;border-radius:8px;background:#192329}
#app .member-qr-placeholder span{width:23px;height:23px;border:3px solid #8da29a;border-radius:2px;opacity:.7}
#app .member-address-panel strong{font-size:.83rem}
#app .member-address-panel p{margin:5px 0 9px;color:#abbab5;font-size:.72rem;line-height:1.45}
#app .member-address-panel .outline{min-height:32px;padding:6px 10px;font-size:.68rem;opacity:.48;cursor:not-allowed}
#app .member-ranks-modal>p{padding:0 25px;color:#aebdb7;font-size:.8rem}
#app .member-rank-carousel{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 20px}
#app .member-rank-card{width:240px;height:255px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:15px;border:1px solid var(--rank-accent);border-radius:16px;background:radial-gradient(circle at center,#ffffff11,transparent 60%),linear-gradient(145deg,#1d3033,#171e28);box-shadow:0 15px 45px #0006}
#app .member-rank-card>span{align-self:flex-start;color:var(--rank-accent);font-size:.68rem;font-weight:900;letter-spacing:.12em}
#app .member-rank-card img{height:150px;max-width:85%;object-fit:contain;filter:drop-shadow(0 8px 20px var(--rank-accent))}
#app .member-rank-card strong{color:#fff;font:700 1.8rem Oswald,sans-serif;text-transform:uppercase}
#app .member-rank-dots{display:flex;justify-content:center;gap:8px;margin:11px}
#app .member-rank-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#74807d}
#app .member-rank-dots button.active{width:20px;border-radius:9px;background:#b9f17c}
#app .member-rank-benefits{margin:20px 25px 0;border:1px solid #ffffff26;border-radius:12px;overflow:hidden}
#app .member-rank-benefits h3{padding:13px 16px;margin:0;background:#29373b;font-size:1rem}
#app .member-rank-benefits>div{display:flex;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid #ffffff1b;font-size:.78rem}
#app .member-rank-benefits>div span{color:#abbab5}
#app .member-rank-benefits>div strong{color:#d8e7d7}
@media(max-width:850px){#app .member-quick-grid,#app .member-reward-grid{grid-template-columns:repeat(2,1fr)}#app .member-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){#app .member-top-actions{gap:6px}#app .member-header-icons{gap:4px}#app .member-icon-button{display:none}#app .member-balance{min-width:89px;padding:5px 7px}#app .member-balance strong{font-size:.7rem}#app .member-wallet-cta{min-height:34px;padding:6px 8px;font-size:.65rem}#app .member-dashboard-grid,#app .member-settings-grid,#app .member-detail-summary{grid-template-columns:1fr}#app .member-page-title{display:block}#app .member-page-title .member-pill{display:inline-block;margin-top:15px}#app .member-rewards-copy{padding:25px}#app .member-rewards-hero>img{width:34%;height:180px;opacity:.42}#app .member-rank-progress{flex-wrap:wrap}#app .member-detail-hero{padding:25px}#app .member-detail-hero img{right:-6%;opacity:.3}#app .member-detail-callout{display:block}#app .member-detail-callout .outline{margin-top:13px}#app .member-table-head,#app .member-table-row{grid-template-columns:1.5fr 1fr 1fr}#app .member-table-head span:nth-child(3),#app .member-table-row>span:nth-child(3){display:none}}
@media(max-width:430px){#app .member-wallet-cta{display:none}#app .member-quick-grid,#app .member-reward-grid{grid-template-columns:1fr 1fr}#app .member-page{padding-inline:14px}#app .member-rank-card{width:200px}#app .member-rank-carousel{gap:6px}}
@media(max-width:700px){#app .top-inner{gap:8px}#app .brand{width:96px}#app .menu-btn{width:32px;flex:none}#app .member-wallet-cta{display:none}#app .member-balance{min-width:75px;height:32px;padding:5px 7px}#app .member-balance strong{font-size:.67rem}#app .member-header-icons{gap:3px}#app .member-icon-button{display:grid;width:30px;height:30px}#app .member-icon-button svg{width:17px;height:17px}#app .member-header-icons .account-toggle{width:30px;height:30px;min-width:30px}#app .member-balance-popover{width:min(248px,calc(100vw - 24px))}}
@media(max-width:370px){#app .brand{width:78px}#app .member-balance{min-width:65px}#app .member-header-icons .account-toggle,#app .member-icon-button{width:28px;height:28px;min-width:28px}}
@media(max-width:700px){#app .member-wallet-modal{height:min(690px,calc(100dvh - 24px))}#app .member-wallet-modal .member-modal-body{padding:18px}#app .member-address-panel{grid-template-columns:75px 1fr;gap:10px}#app .member-qr-placeholder{width:75px;height:75px;padding:12px;gap:4px}#app .member-qr-placeholder span{width:17px;height:17px;border-width:3px}#app .member-balance-popover{width:min(248px,calc(100vw - 24px))}}
/* Header menus follow the page edge when the right sidebar narrows the canvas. */
@media(min-width:1081px){
  #app.has-utility-panel>.topbar{z-index:64}
  #app.has-utility-panel .member-menu-anchor .member-popover,
  #app.has-utility-panel .member-menu-anchor .member-account-popover,
  #app.has-utility-panel .utility-picker.global{right:calc(var(--utility-width) + 20px)}
}
#app .member-home-hero .hero-copy{padding-top:22px;padding-bottom:20px;max-width:min(58%,760px)}
#app .member-home-hero .member-hero-welcome{min-width:0}
#app .member-hero-welcome>span{display:block;color:#d0f398;font-size:.66rem;font-weight:900;letter-spacing:.19em}
#app .member-hero-welcome h1{overflow:hidden;max-width:100%;margin:3px 0 16px;color:#f8f8f3;font-size:clamp(1.65rem,2.6vw,2.55rem);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
#app .member-hero-welcome h1 b{color:#b1ed62}
#app .member-hero-progress{width:min(100%,590px);padding:12px 14px;border:1px solid #b6ed7752;border-radius:11px;background:#080a0edf;box-shadow:0 12px 26px #0004}
#app .member-hero-progress-top,#app .member-hero-progress-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
#app .member-hero-progress-top{color:#f2f5f0;font-size:.75rem;font-weight:800}
#app .member-hero-progress-top em{color:#a9b2ab;font-style:normal;font-weight:600}
#app .member-hero-progress-top>strong{font-size:.75rem}
#app .member-hero-track{position:relative;height:5px;margin:11px 0 10px;background:#3d4542;border-radius:999px}
#app .member-hero-track:before{content:"";position:absolute;z-index:1;top:50%;left:0;width:10px;height:10px;transform:translateY(-50%);border-radius:50%;background:#b5f46b;box-shadow:0 0 0 2px #080a0e,0 0 10px #b5f46b99}
#app .member-hero-track span{display:block;width:0;height:100%;border-radius:inherit;background:#b5f46b}
#app .member-hero-progress-bottom{color:#e9f0e7;font-size:.65rem;font-weight:800}
#app .member-hero-progress-bottom>span{display:flex;align-items:center;gap:5px;white-space:nowrap}
#app .member-hero-progress-bottom svg{width:14px;height:14px;flex:none;color:#afbab1}
@media(max-width:1080px){#app .member-home-hero .hero-copy{max-width:60%;padding-left:22px}#app .member-hero-progress{padding:10px 12px}#app .member-hero-progress-bottom span{max-width:190px}}
@media(max-width:700px){#app .member-home-hero .hero-copy{max-width:none;padding:20px 17px 13px}#app .member-hero-welcome h1{margin-bottom:12px;font-size:1.8rem}#app .member-hero-progress-bottom span{max-width:none}}
@media(max-width:420px){#app .member-hero-progress-top small{font-size:.59rem}#app .member-hero-progress-bottom{font-size:.59rem}}

#app .member-rewards-trigger{position:relative}
#app .member-rewards-badge{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#b2ff3b;color:#111820;font-size:.57rem;font-weight:900}


/* member-ranks.css */
#app .member-all-benefits{--rank-col:170px;--level-col:64px;--wager-col:136px;margin:30px 0 42px;color:#f2f6ef}
#app .member-ranks-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:17px}
#app .member-ranks-heading h2{margin:5px 0 0;font:700 clamp(1.8rem,3vw,2.6rem) Oswald,sans-serif;text-transform:uppercase}
#app .member-ranks-heading p{max-width:350px;margin:0;color:#aabbb3;font-size:.8rem;line-height:1.5;text-align:right}
#app .member-benefit-chart-wrap{max-width:100%;overflow:auto;border:1px solid #ffffff2b;border-radius:12px;background:#182329;scrollbar-color:#536964 #172127;scrollbar-width:thin}
#app .member-benefit-chart-wrap:focus-visible{outline:2px solid #b6f36b;outline-offset:3px}
#app .member-benefit-chart{width:2990px;border-spacing:0;border-collapse:separate;table-layout:fixed;color:#eaf0e9;font-size:.76rem}
#app .member-benefit-chart caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#app .member-benefit-chart th,#app .member-benefit-chart td{box-sizing:border-box;padding:11px 10px;border-right:1px solid #ffffff12;border-bottom:1px solid #ffffff16;text-align:left;vertical-align:middle;line-height:1.35}
#app .member-benefit-chart th:last-child,#app .member-benefit-chart td:last-child{border-right:0}
#app .member-benefit-chart .member-benefit-rank{width:var(--rank-col)}
#app .member-benefit-chart .member-benefit-level{width:var(--level-col)}
#app .member-benefit-chart .member-benefit-wager{width:var(--wager-col)}
#app .member-benefit-groups th{position:sticky;top:0;z-index:4;height:44px;background:#26333a;color:#d7e9d1;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#app .member-benefit-groups th:nth-last-child(2){color:#c8f592}
#app .member-benefit-labels th{position:sticky;top:44px;z-index:3;height:67px;background:#202d33;color:#c7d5cd;font-size:.69rem;font-weight:800;vertical-align:bottom}
#app .member-benefit-chart thead .member-benefit-rank,#app .member-benefit-chart thead .member-benefit-level,#app .member-benefit-chart thead .member-benefit-wager{z-index:7;vertical-align:middle}
#app .member-benefit-chart thead .member-benefit-rank,#app .member-benefit-chart tbody .member-benefit-rank{position:sticky;left:0}
#app .member-benefit-chart thead .member-benefit-level,#app .member-benefit-chart tbody .member-benefit-level{position:sticky;left:var(--rank-col)}
#app .member-benefit-chart thead .member-benefit-wager,#app .member-benefit-chart tbody .member-benefit-wager{position:sticky;left:calc(var(--rank-col) + var(--level-col))}
#app .member-benefit-chart tbody tr{--row-bg:#182329}
#app .member-benefit-chart tbody tr:nth-child(even){--row-bg:#1d292f}
#app .member-benefit-chart tbody tr:hover{--row-bg:#29383d}
#app .member-benefit-chart tbody td,#app .member-benefit-chart tbody th{height:58px;background:var(--row-bg)}
#app .member-benefit-chart tbody .member-benefit-rank,#app .member-benefit-chart tbody .member-benefit-level,#app .member-benefit-chart tbody .member-benefit-wager{z-index:2}
#app .member-benefit-chart tbody .member-benefit-rank{border-left:3px solid var(--rank-accent)}
#app .member-benefit-chart tbody .member-benefit-rank-inner img{width:36px;height:38px;object-fit:contain;flex:none}
#app .member-benefit-chart tbody .member-benefit-rank-inner>span{display:grid;gap:2px;min-width:0}
#app .member-benefit-chart tbody .member-benefit-rank-inner small{color:var(--rank-accent);font-size:.59rem;font-weight:900;letter-spacing:.09em}
#app .member-benefit-chart tbody .member-benefit-rank-inner strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}
#app .member-benefit-chart tbody .member-benefit-rank-inner{display:flex;align-items:center;gap:9px}
#app .member-benefit-chart tbody .member-benefit-level{color:var(--rank-accent);font:700 1.1rem Oswald,sans-serif}
#app .member-benefit-chart tbody .member-benefit-wager{font-weight:800;white-space:nowrap}
#app .member-benefit-chart tbody .member-benefit-rate{color:#d2f8a9;font-weight:900}
#app .member-benefit-chart tbody .member-benefit-empty{color:#667971}
#app .member-benefit-chart tbody .member-benefit-rank-start>*{border-top:2px solid var(--rank-accent)}
#app .member-chart-hint{margin:10px 2px 0;color:#aabbaf;font-size:.72rem}
#app .member-chart-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px}
#app .member-chart-rules p{margin:0;padding:15px 17px;border:1px solid #ffffff20;border-radius:9px;background:#1b262b;color:#acbcb3;font-size:.72rem;line-height:1.55}
#app .member-chart-rules strong{color:#edf5e9}
#app .member-vip-note{margin:12px 2px 0;color:#91a39a;font-size:.69rem;line-height:1.5}
#app .member-ranks-modal{width:min(100%,1080px);max-height:min(90vh,940px);padding-bottom:0;background:var(--preview-canvas,#111820)}
#app .member-ranks-modal .member-all-benefits{margin:0;padding:8px 25px 26px}
#app .member-ranks-modal .member-benefit-chart-wrap{max-height:min(57vh,620px)}
#app .member-ranks-modal .member-ranks-heading h2,#app .member-ranks-modal .member-ranks-heading .member-kicker{display:none}
#app .member-ranks-modal .member-ranks-heading p{max-width:none;text-align:left}
#app .member-rank-open,#app .member-rank-level-open{appearance:none;border:0;background:none;color:inherit;cursor:pointer;font:inherit;text-align:left}
#app .member-rank-open{width:100%;padding:0}
#app .member-rank-level-open{padding:6px 0;color:var(--rank-accent);font:700 1.1rem Oswald,sans-serif;white-space:nowrap}
#app .member-rank-level-open span{font:700 .72rem Arial,sans-serif;opacity:.65}
#app .member-rank-open:hover strong,#app .member-rank-level-open:hover{text-decoration:underline;text-underline-offset:3px}
#app .member-rank-open:focus-visible,#app .member-rank-level-open:focus-visible{outline:2px solid #b6f36b;outline-offset:3px;border-radius:3px}
#app .member-rank-reveal-overlay{z-index:135;background:#05090ce6;backdrop-filter:blur(11px)}
#app .member-rank-reveal{position:relative;isolation:isolate;overflow:hidden;width:min(1120px,100%);height:min(690px,calc(100vh - 40px));min-height:500px;border:1px solid color-mix(in srgb,var(--rank-accent) 45%,#384448);border-radius:18px;background:radial-gradient(circle at 68% 45%,color-mix(in srgb,var(--rank-accent) 18%,transparent),transparent 42%),#0b1115;box-shadow:0 34px 100px #000b;animation:memberRevealStage .35s ease-out both}
#app .member-rank-reveal::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#0b1115 0%,#0b1115 34%,#0b1115e8 49%,#0b111500 76%);pointer-events:none}
#app .member-rank-reveal::after{content:"";position:absolute;z-index:3;inset:auto 0 0;height:5px;background:linear-gradient(90deg,var(--rank-accent),transparent 75%)}
#app .member-rank-reveal-glow{position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,color-mix(in srgb,var(--rank-accent) 15%,transparent),transparent 47%);animation:memberRevealGlow 1.3s ease-out both}
#app .member-rank-reveal-art{position:absolute;z-index:1;inset:0 0 0 auto;width:64%;overflow:hidden;animation:memberGoatArrival 1.25s cubic-bezier(.2,.7,.2,1) both}
#app .member-rank-reveal-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 31%;filter:saturate(.86) contrast(1.04)}
#app .member-rank-reveal-close{position:absolute;z-index:5;right:22px;top:20px;width:38px;height:38px;border:1px solid #ffffff50;border-radius:9px;background:#10171bd9;color:#fff;font-size:1.45rem;cursor:pointer}
#app .member-rank-reveal-content{position:relative;z-index:4;display:flex;flex-direction:column;width:min(55%,600px);height:100%;box-sizing:border-box;padding:54px 28px 28px 54px;animation:memberBenefitsArrival .7s .65s both}
#app .member-rank-reveal-eyebrow{color:var(--rank-accent);font-size:.72rem;font-weight:900;letter-spacing:.19em}
#app .member-rank-reveal h2{margin:9px 0 4px;color:#f6f8f1;font:700 clamp(2.7rem,5vw,4.8rem)/.98 Oswald,sans-serif;text-transform:uppercase}
#app .member-rank-reveal h2 span{display:block;margin-top:5px;color:var(--rank-accent);font-size:.55em}
#app .member-rank-reveal-threshold{margin:16px 0 24px;color:#b8c8c0;font-size:.82rem}
#app .member-rank-reveal-threshold strong{margin-left:8px;color:#f7faf4}
#app .member-rank-reveal-rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#app .member-rank-reveal-rates>div{min-height:74px;padding:13px 12px;border:1px solid #ffffff27;border-radius:10px;background:#ffffff0b;box-sizing:border-box}
#app .member-rank-reveal-rates strong{display:block;color:var(--rank-accent);font:700 1.65rem Oswald,sans-serif}
#app .member-rank-reveal-rates span{color:#d1ded6;font-size:.67rem;line-height:1.25}
#app .member-rank-reveal-extras{min-height:0;overflow:auto;margin-top:23px;padding-right:4px;scrollbar-color:#60716a transparent;scrollbar-width:thin}
#app .member-rank-reveal-extras>strong{color:#f4f8ef;font-size:.85rem}
#app .member-rank-reveal-extras p{color:#aebfb5;font-size:.78rem;line-height:1.5}
#app .member-rank-reveal-extras ul{display:grid;gap:0;list-style:none;margin:11px 0 0;padding:0}
#app .member-rank-reveal-extras li{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-top:1px solid #ffffff19;font-size:.72rem}
#app .member-rank-reveal-extras li span{color:#b9c9c0}
#app .member-rank-reveal-extras li b{max-width:48%;color:#f0f5ed;text-align:right;font-weight:700}
#app .member-rank-reveal-next{align-self:flex-start;flex:none;display:flex;gap:25px;align-items:center;margin-top:19px;padding:11px 15px;border:1px solid color-mix(in srgb,var(--rank-accent) 62%,transparent);border-radius:8px;background:#ffffff09;color:#eef7e8;font-size:.75rem;font-weight:800;cursor:pointer}
#app .member-rank-reveal-next:hover{background:color-mix(in srgb,var(--rank-accent) 16%,#10171a)}
#app .member-rank-reveal-next span{color:var(--rank-accent);font-size:1.1rem}
@keyframes memberRevealStage{from{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}
@keyframes memberGoatArrival{0%{opacity:0;transform:translate(-30%,75%) scale(1.25)}38%{opacity:1;transform:translate(-27%,0) scale(1.12)}100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes memberBenefitsArrival{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}
@keyframes memberRevealGlow{from{opacity:0}to{opacity:1}}
@media(max-width:700px){#app .member-rank-reveal{height:min(850px,calc(100vh - 24px));min-height:0}#app .member-rank-reveal::before{background:linear-gradient(180deg,#0b111500 0%,#0b1115 43%,#0b1115 64%)}#app .member-rank-reveal-art{inset:0 0 auto;width:100%;height:50%;animation:memberGoatArrivalMobile .9s ease-out both}#app .member-rank-reveal-content{width:100%;height:100%;padding:37vh 22px 22px;animation:memberBenefitsArrival .5s .4s both}#app .member-rank-reveal h2{font-size:2.65rem}#app .member-rank-reveal-threshold{margin:9px 0 13px}#app .member-rank-reveal-rates>div{padding:9px 7px;min-height:62px}#app .member-rank-reveal-rates strong{font-size:1.3rem}#app .member-rank-reveal-rates span{font-size:.6rem}#app .member-rank-reveal-extras{margin-top:14px}#app .member-rank-reveal-next{margin-top:10px}#app .member-rank-reveal-close{top:12px;right:12px}}
@keyframes memberGoatArrivalMobile{from{opacity:0;transform:translateY(35%) scale(1.13)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#app .member-rank-reveal,#app .member-rank-reveal-art,#app .member-rank-reveal-content,#app .member-rank-reveal-glow{animation:none!important}}
@media(max-width:750px){#app .member-ranks-heading{display:block}#app .member-ranks-heading p{margin-top:7px;text-align:left}#app .member-chart-rules{grid-template-columns:1fr}#app .member-all-benefits{--rank-col:118px;--level-col:52px}#app .member-benefit-chart thead .member-benefit-wager,#app .member-benefit-chart tbody .member-benefit-wager{position:static}#app .member-benefit-chart tbody .member-benefit-rank-inner img{width:27px;height:31px}#app .member-benefit-chart tbody .member-benefit-rank-inner{gap:5px}#app .member-benefit-chart tbody .member-benefit-rank-inner strong{font-size:.65rem}#app .member-ranks-modal .member-all-benefits{padding:5px 15px 20px}}

#app .member-benefit-chart tbody .member-benefit-rank-inner strong{overflow:visible;white-space:normal;text-overflow:clip;line-height:1.1}


/* rewards-showcase.css */
/* Preview-only rewards design. Compact hierarchy, slate surfaces and restrained OG lime. */
#app .og-rewards-page{max-width:1380px;padding:27px clamp(18px,3.2vw,48px) 86px;color:#eff3ee}
#app .og-reward-nav{display:flex;gap:25px;overflow-x:auto;margin-bottom:31px;border-bottom:1px solid #ffffff19;scrollbar-width:thin}
#app .og-reward-nav a{flex:none;padding:0 2px 13px;color:#9ba9a5;font-size:.78rem;font-weight:700;white-space:nowrap}
#app .og-reward-nav a:hover{color:#f4f6f1}
#app .og-reward-nav a.active{color:#e9f3df;border-bottom:2px solid #a8e56c}
#app .og-rewards-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px}
#app .og-reward-eyebrow{display:block;color:#a8c0ae;font-size:.63rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
#app .og-rewards-intro h1{margin:7px 0 7px;font:700 clamp(2rem,3vw,2.85rem)/1.05 Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.005em;color:#f5f7f1}
#app .og-rewards-intro p{max-width:570px;margin:0;color:#a8b6b0;font-size:.82rem;line-height:1.55}
#app .og-reward-intro-link{flex:none;display:inline-flex;align-items:center;gap:16px;padding:9px 0;border-bottom:1px solid #9ad65f;color:#d6eabd;font-size:.76rem;font-weight:700}
#app .og-reward-intro-link:hover{color:#fff}
#app .og-rewards-overview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.85fr);gap:15px;align-items:stretch}
#app .og-benefits-list,#app .og-rank-aside,#app .og-vip-detail,#app .og-vip-services,#app .og-full-chart,#app .og-mechanic-steps,#app .og-mechanic-example{border:1px solid #ffffff1c;border-radius:11px;background:#172127}
#app .og-benefits-list{overflow:hidden}
#app .og-section-heading{padding:24px 25px 17px}
#app .og-section-heading h2{margin:0;color:#f2f5ef;font-size:1.08rem;line-height:1.25}
#app .og-section-heading p{margin:5px 0 0;color:#9eaea7;font-size:.73rem;line-height:1.5}
#app .og-benefit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.7fr) 20px;align-items:center;gap:20px;min-height:88px;padding:15px 25px;border-top:1px solid #ffffff14;transition:background .15s}
#app .og-benefit-row:hover{background:#202c30}
#app .og-benefit-copy{display:grid;gap:6px}
#app .og-benefit-copy strong{color:#f1f5ef;font-size:.91rem}
#app .og-benefit-copy small{color:#9daca6;font-size:.72rem}
#app .og-benefit-rate{color:#d0e3c6;font-size:.75rem;text-align:right}
#app .og-benefit-arrow{color:#a6db73;font-size:1.1rem;text-align:right}
#app .og-rank-aside{display:flex;flex-direction:column;padding:24px;background:linear-gradient(135deg,#1e2c2f,#151e23 75%)}
#app .og-rank-aside-head{display:flex;align-items:center;gap:14px;margin:22px 0 12px}
#app .og-rank-aside-head img{width:57px;height:57px;object-fit:contain}
#app .og-rank-aside-head>div{display:grid;gap:4px}
#app .og-rank-aside-head strong{font-size:1.15rem}
#app .og-rank-aside-head span{color:#a7b5ae;font-size:.72rem}
#app .og-rank-aside p{max-width:300px;margin:0;color:#a9b6af;font-size:.76rem;line-height:1.55}
#app .og-rank-aside a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;color:#d3ecb8;font-size:.76rem;font-weight:700}
#app .og-reward-status{display:flex;align-items:center;gap:10px;margin-top:18px;padding:10px 13px;border:1px solid #ffffff11;border-radius:8px;background:#172026}
#app .og-reward-status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#a0c985}
#app .og-reward-status p{display:flex;flex-wrap:wrap;gap:5px 10px;margin:0;color:#91a49b;font-size:.67rem}
#app .og-reward-status strong{color:#b9cbb6}
#app .og-vip-count{flex:none;color:#aebeb4;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
#app .og-rank-selector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:15px}
#app .og-rank-option{display:flex;align-items:center;gap:8px;min-width:0;min-height:66px;padding:7px 9px;border:1px solid #ffffff19;border-radius:8px;background:#172127;color:#e8eee8;text-align:left;transition:background .15s,border-color .15s}
#app .og-rank-option:hover{background:#202b2d}
#app .og-rank-option.selected{border-color:#a5d16e;background:#26332e}
#app .og-rank-option img{width:39px;height:45px;flex:none;object-fit:contain}
#app .og-rank-option span{display:grid;gap:3px;min-width:0}
#app .og-rank-option small{color:#94a69c;font-size:.51rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}
#app .og-rank-option strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}
#app .og-vip-detail{overflow:hidden}
#app .og-vip-rank-intro{display:flex;align-items:center;justify-content:space-between;min-height:157px;gap:20px;padding:17px 31px 8px;background:radial-gradient(circle at 90% 40%,#2d493433,transparent 40%),#1b282d}
#app .og-vip-rank-intro h2{margin:6px 0 4px;font:700 clamp(1.9rem,2.9vw,2.7rem)/1.05 Oswald,Impact,sans-serif;text-transform:uppercase}
#app .og-vip-rank-intro p{margin:0;color:#a9b8af;font-size:.74rem}
#app .og-vip-rank-intro img{width:140px;height:132px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 15px #0006)}
#app .og-vip-levels{padding:20px 25px 25px}
#app .og-vip-levels-head,#app .og-vip-level-row{display:grid;grid-template-columns:1.1fr 1.25fr repeat(3,.8fr) 1fr .85fr .85fr;align-items:center;gap:12px}
#app .og-vip-levels-head{padding:0 15px 10px;color:#8da197;font-size:.64rem;font-weight:700}
#app .og-vip-level-row{width:100%;min-height:54px;margin:5px 0;padding:8px 15px;border:1px solid #ffffff16;border-radius:7px;background:#111a1e;color:#d6e0d8;text-align:left;font-size:.79rem}
#app .og-vip-level-row strong{color:#f0f4ee;font-size:.79rem}
#app .og-vip-level-row span:nth-child(n+3){color:#c8dcb8}
#app .og-vip-level-row:hover{background:#1f2d2b}
#app .og-vip-level-row.selected{border-color:#9ac46c;background:#223027}
#app .og-vip-services{margin-top:15px;overflow:hidden}
#app .og-vip-perk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;padding:0 25px 21px}
#app .og-vip-perk{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #ffffff14;font-size:.72rem}
#app .og-vip-perk span{color:#abb9b0}
#app .og-vip-perk strong{color:#e3ece3;font-size:.71rem;text-align:right}
#app .og-vip-empty{margin:0 25px 22px;padding:13px 16px;border:1px solid #ffffff16;border-radius:6px;background:#1d2829}
#app .og-vip-empty strong{font-size:.75rem}
#app .og-vip-empty p{margin:5px 0 0;color:#9faea5;font-size:.71rem;line-height:1.5}
#app .og-full-chart{margin-top:15px;overflow:hidden}
#app .og-full-chart summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 24px;cursor:pointer;list-style:none}
#app .og-full-chart summary::-webkit-details-marker{display:none}
#app .og-full-chart summary span{display:grid;gap:4px}
#app .og-full-chart summary strong{font-size:.78rem}
#app .og-full-chart summary small{color:#9baca1;font-size:.65rem}
#app .og-full-chart summary b{color:#b9dc91;font-size:1.1rem}
#app .og-full-chart[open] summary b{transform:rotate(45deg)}
#app .og-full-chart-scroll{overflow-x:auto;border-top:1px solid #ffffff16}
#app .og-full-chart table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.66rem}
#app .og-full-chart caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#app .og-full-chart th,#app .og-full-chart td{padding:10px 13px;border-bottom:1px solid #ffffff10;white-space:nowrap;text-align:left}
#app .og-full-chart thead th{position:sticky;top:0;background:#27352f;color:#dcebd3}
#app .og-full-chart tbody th{position:sticky;left:0;background:#172127;font-weight:800}
#app .og-full-chart tbody th span{margin-left:6px;color:#aec59f}
#app .og-full-chart tbody tr:hover td,#app .og-full-chart tbody tr:hover th{background:#27342e}
#app .og-mechanic-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.75fr);gap:15px;align-items:start}
#app .og-mechanic-steps{overflow:hidden}
#app .og-mechanic-step{display:grid;grid-template-columns:35px 1fr;gap:14px;padding:18px 25px;border-top:1px solid #ffffff14}
#app .og-mechanic-step>span{color:#a7c493;font:600 1rem Oswald,sans-serif}
#app .og-mechanic-step strong{font-size:.79rem}
#app .og-mechanic-step p{margin:5px 0 0;color:#a5b3aa;font-size:.72rem;line-height:1.55}
#app .og-mechanic-example{padding:24px;background:#1c292a}
#app .og-mechanic-example>strong{display:block;margin:19px 0 10px;color:#edf2e9;font-size:1.02rem;line-height:1.4}
#app .og-mechanic-example p{margin:0;color:#a1b0a4;font-size:.7rem;line-height:1.5}
@media(max-width:1100px){#app .og-rank-selector{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){#app .og-rewards-page{padding:17px 15px 70px}#app .og-reward-nav{gap:18px;margin-bottom:23px}#app .og-rewards-intro{display:block}#app .og-reward-intro-link{margin-top:15px}#app .og-vip-count{display:block;margin-top:12px}#app .og-rewards-overview-grid,#app .og-mechanic-body{grid-template-columns:1fr}#app .og-rank-aside{min-height:220px}#app .og-rank-aside a{margin-top:18px}#app .og-vip-levels{overflow-x:auto}#app .og-vip-levels-head,#app .og-vip-level-row{min-width:940px}}
@media(max-width:520px){#app .og-rank-selector{grid-template-columns:repeat(2,minmax(0,1fr))}#app .og-benefit-row{grid-template-columns:minmax(0,1fr) 20px;gap:5px 10px;padding:14px 17px}#app .og-benefit-rate{grid-column:1;grid-row:2;text-align:left}#app .og-benefit-arrow{grid-column:2;grid-row:1/3}#app .og-vip-rank-intro{min-height:140px;padding:14px 18px}#app .og-vip-rank-intro img{width:103px;height:110px}#app .og-vip-perk-grid{grid-template-columns:1fr;padding:0 18px 19px}#app .og-section-heading{padding:20px 18px 16px}}
@media(prefers-reduced-motion:reduce){#app .og-rank-option,#app .og-benefit-row{transition:none}}
body:has(.og-rewards-page) .background-picker,body:has(.og-rewards-page) .background-picker-open{display:none!important}

/* Airier review: remove the heavy panel treatment from the rewards pages. */
#app .og-rewards-page{max-width:1260px;padding-top:30px}
#app .og-reward-nav{margin-bottom:32px}
#app .og-rewards-intro{margin-bottom:27px}
#app .og-rewards-intro h1{font-size:clamp(1.8rem,2.45vw,2.35rem)}
#app .og-rewards-intro p{font-size:.78rem}
#app .og-rank-selector{gap:0;margin-bottom:25px;border-bottom:1px solid #ffffff17}
#app .og-rank-option{min-height:70px;padding:8px 7px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent}
#app .og-rank-option:hover{background:#ffffff06}
#app .og-rank-option.selected{border:0;border-bottom:2px solid #b1e27a;background:transparent}
#app .og-rank-option img{width:34px;height:39px}
#app .og-rank-option strong{font-size:.76rem}
#app .og-vip-detail{border:0;border-radius:0;background:transparent}
#app .og-vip-rank-intro{min-height:113px;padding:0 14px 0 2px;border-bottom:1px solid #ffffff1b;background:none}
#app .og-vip-rank-intro h2{font-size:clamp(1.65rem,2.3vw,2.1rem)}
#app .og-vip-rank-intro img{width:92px;height:100px}
#app .og-vip-levels{padding:16px 0 4px}
#app .og-vip-levels-head{padding:0 14px 7px}
#app .og-vip-level-row{min-height:47px;margin:0;padding:7px 14px;border:0;border-bottom:1px solid #ffffff14;border-radius:0;background:transparent}
#app .og-vip-level-row:hover{background:#ffffff06}
#app .og-vip-level-row.selected{border:0;border-bottom:1px solid #ffffff22;background:#26352c7a}
#app .og-vip-services{margin-top:32px;border:0;border-radius:0;background:transparent}
#app .og-vip-services .og-section-heading{padding:0 0 18px}
#app .og-vip-perk-grid{gap:0 36px;padding:0}
#app .og-vip-perk{padding:12px 0}
#app .og-vip-empty{margin:0;padding:12px 0;border:0;border-top:1px solid #ffffff18;border-radius:0;background:transparent}
#app .og-full-chart{margin-top:28px;border:0;border-top:1px solid #ffffff1b;border-bottom:1px solid #ffffff1b;border-radius:0;background:transparent}
#app .og-full-chart summary{padding:16px 0}
#app .og-benefits-list{border:0;border-radius:0;background:transparent}
#app .og-benefits-list .og-section-heading{padding:0 0 13px}
#app .og-benefit-row{min-height:78px;padding:14px 0;border-top:0;border-bottom:1px solid #ffffff17}
#app .og-benefit-row:hover{background:#ffffff04}
#app .og-rank-aside{padding:0 0 0 25px;border:0;border-left:1px solid #ffffff1c;border-radius:0;background:transparent}
#app .og-rank-aside-head{margin:16px 0 10px}
#app .og-reward-status{margin-top:29px;padding:10px 0;border:0;border-top:1px solid #ffffff13;border-radius:0;background:transparent}
@media(max-width:1100px){#app .og-rank-selector{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){#app .og-rank-aside{padding:21px 0 0;border-left:0;border-top:1px solid #ffffff1c}#app .og-vip-services{margin-top:27px}#app .og-vip-levels{padding-bottom:10px}}
@media(max-width:520px){#app .og-rank-option{min-height:57px;padding:7px 4px}#app .og-rank-option img{width:29px;height:35px}#app .og-vip-rank-intro img{width:76px;height:86px}}

/* Rewards dashboard and centered rank details. */
#app .og-rewards-dashboard{max-width:1510px;padding-top:20px}
#app .og-rewards-profile{display:grid;grid-template-columns:106px minmax(0,1fr) 295px;align-items:center;gap:24px;min-height:218px;padding:25px 31px;border:1px solid #ffffff18;border-radius:12px;background:radial-gradient(circle at 86% 30%,#492e6638,transparent 37%),linear-gradient(115deg,#211b2e,#151b24 72%);box-sizing:border-box}
#app .og-profile-avatar{display:grid;place-items:center;width:106px;height:138px;border:1px solid #ffffff25;border-radius:9px;background:#11151bb3}
#app .og-profile-avatar img{width:94px;height:128px;object-fit:contain}
#app .og-profile-main{min-width:0}
#app .og-profile-main h1{overflow:hidden;margin:7px 0 19px;color:#f4f4f1;font-size:clamp(1.25rem,2vw,1.85rem);font-weight:800;text-overflow:ellipsis;white-space:nowrap}
#app .og-profile-levels{display:flex;justify-content:space-between;gap:12px;color:#c0d8b3;font-size:.63rem;font-weight:800;letter-spacing:.08em}
#app .og-profile-track{height:5px;margin:11px 0 12px;border-radius:8px;background:#ffffff22}
#app .og-profile-track i{display:block;width:0;height:100%;border-radius:8px;background:#adf15e}
#app .og-profile-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
#app .og-profile-bottom>span{color:#aeb7af;font-size:.72rem;line-height:1.4}
#app .og-ranks-trigger{display:inline-flex;align-items:center;flex:0 0 auto;width:max-content;max-width:100%;padding:7px 0;border:0;border-bottom:1px solid #a4d678;background:transparent;color:#e2edda;font-size:.72rem;font-weight:800;white-space:nowrap}
#app .og-ranks-trigger span{margin-left:10px}
#app .og-profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#app .og-profile-stats>div{min-height:68px;padding:11px 13px;border:1px solid #ffffff16;border-radius:8px;background:#ffffff08}
#app .og-profile-stats small{display:block;color:#a8afa8;font-size:.63rem}
#app .og-profile-stats strong{display:block;margin-top:6px;color:#f2f4ef;font-size:1.04rem}
#app .og-dashboard-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:31px 0 14px}
#app .og-dashboard-heading h2{display:flex;align-items:center;gap:9px;margin:0;color:#f5f7f2;font-size:1.22rem}
#app .og-dashboard-heading .nav-icon{display:inline-flex;width:21px;height:21px;color:#afdf7d}
#app .og-dashboard-heading p{margin:0;color:#9eaca3;font-size:.7rem}
#app .og-feature-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#app .og-reward-feature{min-width:0;overflow:hidden;border:1px solid #ffffff1c;border-radius:10px;background:#1a2024}
#app .og-feature-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px 0}
#app .og-feature-top h3{margin:0;color:#f1f3ef;font-size:.94rem;text-transform:uppercase}
#app .og-feature-top a{color:#b8d99d;font-size:.68rem;font-weight:700}
#app .og-feature-top a span{margin-left:4px}
#app .og-reward-feature>p{margin:7px 20px 19px;color:#aab3ac;font-size:.73rem;line-height:1.45}
#app .og-boost-stage{min-height:113px;padding:16px 20px;background:linear-gradient(105deg,#121a1d,#1d1a27)}
#app .og-stage-caption{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px}
#app .og-stage-caption small{color:#85958b;font-size:.58rem;font-weight:800;letter-spacing:.08em}
#app .og-stage-caption strong{color:#bfcabd;font-size:.66rem}
#app .og-boost-dots{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:0;margin:0 4px 14px}
#app .og-boost-dots:before{content:'';position:absolute;z-index:-1;left:15px;right:15px;top:50%;height:2px;background:#59605c}
#app .og-boost-dots span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff21;border-radius:50%;background:#1f2629;color:#d5dbd3;font-size:.67rem;font-weight:800}
#app .og-boost-dots span:last-child{border-color:#a2c27f;background:#283529;color:#d7ecbc}
#app .og-boost-stage>small{color:#879a8e;font-size:.64rem}
#app .og-rakeback-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px 20px 17px;background:#151b1e}
#app .og-rakeback-summary>div{border-right:1px solid #ffffff17}
#app .og-rakeback-summary>div:last-child{border:0}
#app .og-rakeback-summary small{display:block;color:#8f9c93;font-size:.61rem;font-weight:700}
#app .og-rakeback-summary strong{display:block;margin-top:7px;font-size:1.38rem;color:#f2f5ee}
#app .og-feature-foot{padding:12px 20px;color:#9fad9f;font-size:.66rem}
#app .og-secondary-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
#app .og-secondary-rewards>a,#app .og-secondary-rewards>button{display:flex;align-items:center;gap:14px;min-height:76px;padding:15px 19px;border:1px solid #ffffff1a;border-radius:9px;background:#171d21;color:#f0f3ed;text-align:left}
#app .og-secondary-rewards>a:hover,#app .og-secondary-rewards>button:hover{background:#20292a}
#app .og-secondary-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:7px;background:#26352b;color:#bfe490}
#app .og-secondary-icon .nav-icon{width:18px;height:18px}
#app .og-secondary-rewards>a>span:nth-child(2),#app .og-secondary-rewards>button>span:nth-child(2){display:grid;gap:4px}
#app .og-secondary-rewards strong{font-size:.8rem}
#app .og-secondary-rewards small{color:#9eaaa0;font-size:.68rem}
#app .og-secondary-rewards b{margin-left:auto;color:#b6d98c;font-weight:400}
#app .og-rewards-dashboard .og-reward-status{margin-top:24px}

#app .og-rank-modal-overlay{z-index:150;background:#020506d8;backdrop-filter:blur(7px)}
#app .og-rank-modal{display:block;width:min(830px,100%);height:auto;max-height:calc(100dvh - 32px);min-height:0;overflow-y:auto;padding:0 24px 22px;border:1px solid #ffffff28;border-radius:15px;background:#101517;box-shadow:0 30px 90px #000b;animation:none;scrollbar-width:thin}
#app .og-rank-modal::before,#app .og-rank-modal::after{display:none}
#app .og-rank-modal-head{position:sticky;z-index:5;top:0;display:flex;align-items:center;justify-content:space-between;min-height:62px;border-bottom:1px solid #ffffff16;background:#101517}
#app .og-rank-modal h2{margin:0;color:#f3f4ef;font:800 1.14rem/1.2 Arial,sans-serif;text-transform:none}
#app .og-rank-modal .member-rank-reveal-close{position:static;width:31px;height:31px;border:0;border-radius:6px;background:#ffffff0c;color:#dfe4dd;font-size:1.25rem}
#app .og-modal-rank-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:18px 0 17px}
#app .og-modal-rank{display:grid;justify-items:center;align-content:end;gap:3px;min-width:0;height:118px;padding:7px 4px 10px;border:1px solid #ffffff1e;border-radius:8px;background:linear-gradient(150deg,#24292b,#171b1d);color:#b7c3b6}
#app .og-modal-rank.selected{border-color:#b5e587;background:#25322a;color:#fff}
#app .og-modal-rank img{width:70px;height:78px;object-fit:contain}
#app .og-modal-rank strong{overflow:hidden;max-width:100%;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}
#app .og-modal-rank-summary{display:flex;align-items:center;justify-content:center;gap:28px;padding:5px 0}
#app .og-modal-rank-summary>div{display:grid;min-width:130px;gap:4px;text-align:center}
#app .og-modal-rank-summary span{color:#91aa91;font-size:.57rem;font-weight:800;letter-spacing:.12em}
#app .og-modal-rank-summary strong{color:#f1f4ee;font-size:1.12rem}
#app .og-modal-rank-summary>button{width:31px;height:31px;border:1px solid #ffffff1e;border-radius:7px;background:#1a2023;color:#fff;font-size:1.45rem}
#app .og-modal-levels{display:flex;justify-content:center;gap:6px;margin:14px 0}
#app .og-modal-levels button{min-width:84px;padding:8px 10px;border:1px solid #ffffff1b;border-radius:6px;background:#181e20;color:#aab8aa;font-size:.68rem;font-weight:800}
#app .og-modal-levels button.selected{border-color:#a9d379;background:#27382a;color:#edf9df}
#app .og-modal-rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}
#app .og-modal-rates>div{padding:12px;border:1px solid #ffffff18;border-radius:7px;background:#1b2123}
#app .og-modal-rates span{display:block;color:#a3b0a2;font-size:.64rem}
#app .og-modal-rates strong{display:block;margin-top:7px;color:#f1f5ee;font-size:1.05rem}
#app .og-modal-perks{margin-top:19px}
#app .og-modal-perks h3{margin:0 0 10px;color:#f0f3ee;font-size:.83rem}
#app .og-modal-perks>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
#app .og-modal-perks p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-top:1px solid #ffffff17;font-size:.67rem}
#app .og-modal-perks p span{color:#aeb9ac}
#app .og-modal-perks p strong{color:#e2eadc;text-align:right;font-size:.66rem}
#app .og-modal-perks-empty{color:#9fae9f!important}
#app .og-modal-chart .og-full-chart{margin-top:18px}
#app .og-modal-disclaimer{margin:14px 0 0;color:#84958a;font-size:.62rem;line-height:1.4}
@media(max-width:1050px){#app .og-rewards-profile{grid-template-columns:82px minmax(0,1fr);gap:18px}#app .og-profile-avatar{width:82px;height:111px}#app .og-profile-avatar img{width:72px;height:105px}#app .og-profile-bottom{display:block}#app .og-ranks-trigger{margin:7px 0 0 10px}#app .og-profile-stats{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}#app .og-profile-stats>div{min-height:49px}}
@media(max-width:700px){#app .og-rewards-profile{grid-template-columns:65px minmax(0,1fr);gap:13px;padding:18px}#app .og-profile-avatar{width:65px;height:85px}#app .og-profile-avatar img{width:57px;height:80px}#app .og-profile-main h1{margin-bottom:12px}#app .og-profile-bottom{display:block}#app .og-ranks-trigger{display:flex;margin:10px 0 0}#app .og-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#app .og-feature-rewards,#app .og-secondary-rewards{grid-template-columns:1fr}#app .og-dashboard-heading{display:block}#app .og-dashboard-heading p{margin-top:5px}#app .og-rank-modal{padding:0 15px 20px}#app .og-modal-rank-rail{display:flex;overflow-x:auto;gap:7px;scrollbar-width:thin}#app .og-modal-rank{min-width:96px;height:104px}#app .og-modal-rank img{width:59px;height:66px}#app .og-modal-rates{grid-template-columns:repeat(2,minmax(0,1fr))}#app .og-modal-perks>div{grid-template-columns:1fr}}

/* Reference-format rewards layout in the OG Betz palette. */
#app .og-rewards-reference{max-width:1510px;padding-top:20px}
#app .og-rewards-reference .og-rewards-profile{grid-template-columns:124px minmax(0,1fr) 290px;gap:24px;min-height:242px;padding:25px 30px;background:radial-gradient(circle at 83% 94%,#47225e55,transparent 34%),radial-gradient(circle at 14% 5%,#63368032,transparent 38%),#16111f}
#app .og-rewards-reference .og-profile-avatar{display:flex;flex-direction:column;justify-content:end;align-items:center;width:124px;height:172px;overflow:hidden;border-radius:8px;background:linear-gradient(160deg,#2b2730,#101519)}
#app .og-rewards-reference .og-profile-avatar img{width:110px;height:112px;object-fit:contain}
#app .og-avatar-name{font-size:.7rem;font-weight:900;letter-spacing:.08em}
#app .og-avatar-level{display:flex;gap:3px;width:70%;margin:6px 0 3px}
#app .og-avatar-level i{height:3px;flex:1;background:#525852}
#app .og-avatar-level i:first-child{background:#b7f168}
#app .og-rewards-reference .og-profile-avatar small{margin-bottom:6px;color:#bce88a;font-size:.54rem;font-weight:800}
#app .og-profile-name-row{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:25px}
#app .og-rewards-reference .og-profile-main h1{margin:0;min-width:0;font:800 clamp(1.2rem,2vw,1.7rem)/1.2 'DM Sans',Arial,sans-serif;text-transform:none}
#app .og-profile-edit{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #ffffff1d;border-radius:6px;background:#ffffff0e;color:#d4e0cf;font-size:1rem}
#app .og-rewards-reference .og-profile-levels{gap:4px;font-size:.61rem}
#app .og-rewards-reference .og-profile-levels span{width:33.333%;color:#899486}
#app .og-rewards-reference .og-profile-levels span.current{color:#c6f28e}
#app .og-rewards-reference .og-profile-segments{display:flex;gap:4px;margin:10px 0 11px}
#app .og-profile-segments>span{height:6px;flex:1;border-radius:5px;background:#ffffff20}
#app .og-profile-segments>span.current{background:#718568}
#app .og-profile-segments i{display:block;width:0;height:100%;background:#b7f168}
#app .og-rewards-reference .og-profile-bottom{display:flex;justify-content:space-between;gap:10px;color:#9da99d;font-size:.66rem;font-weight:700}
#app .og-rewards-reference .og-profile-bottom strong{margin-left:4px;color:#edf2e8;font-size:.75rem}
#app .og-rewards-reference .og-ranks-trigger{margin-top:15px;padding:8px 11px;border:1px solid #ffffff18;border-radius:6px;background:#232628;color:#f2f5ec;font-size:.69rem}
#app .og-rewards-reference .og-profile-stats{gap:8px}
#app .og-rewards-reference .og-profile-stats>div{display:flex;align-items:center;gap:10px;min-height:71px;padding:11px;background:#ffffff08}
#app .og-rewards-reference .og-profile-stats strong{margin:0;font-size:1rem}
#app .og-rewards-reference .og-profile-stats small{margin-top:3px;font-size:.62rem}
#app .og-stat-icon{display:grid;place-items:center;width:27px;height:27px;flex:none;color:#a9e46b}
#app .og-stat-icon .nav-icon{width:20px;height:20px}
#app .og-rewards-reference .og-dashboard-heading{margin:30px 0 14px}
#app .og-rewards-reference .og-feature-rewards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#app .og-rewards-reference .og-reward-feature{background:#181c1e}
#app .og-rewards-reference .og-feature-top{padding:16px 17px 0}
#app .og-rewards-reference .og-feature-top h3{font-size:.86rem}
#app .og-rewards-reference .og-feature-top h3 a{margin-left:5px;color:#94a49a;font-size:.77rem}
#app .og-rewards-reference .og-reward-feature>p{margin:5px 17px 16px;color:#a9b0a8;font-size:.7rem}
#app .og-reward-amounts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 17px 15px;background:linear-gradient(105deg,#111516,#1c1923)}
#app .og-reward-amounts>div{display:grid;gap:6px;min-width:0}
#app .og-reward-amounts strong{color:#f5f6f0;font-size:1.25rem}
#app .og-reward-amounts small{color:#929e94;font-size:.63rem}
#app .og-reward-amounts button,#app .og-reward-amounts span{display:grid;place-items:center;min-height:28px;margin-top:4px;border:0;border-radius:5px;background:#29372a;color:#a9b8a5;font-size:.66rem;font-weight:700}
#app .og-reward-amounts button:disabled{cursor:default;opacity:.72}
#app .og-rewards-reference .og-boost-feature{grid-column:1/-1}
#app .og-rewards-reference .og-boost-stage{min-height:0;padding:13px 17px 12px}
#app .og-rewards-reference .og-boost-dots{margin-bottom:9px}
#app .og-bonus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
#app .og-bonus-card{display:flex;flex-direction:column;min-height:129px;padding:14px;border:1px solid #ffffff19;border-radius:9px;background:#181c1e}
#app .og-bonus-icon{display:grid;place-items:center;width:23px;height:23px;color:#b9e282}
#app .og-bonus-icon .nav-icon{width:22px;height:22px}
#app .og-bonus-card>strong{margin-top:10px;color:#f1f3ee;font-size:.75rem}
#app .og-bonus-rule{margin-top:3px;color:#9aaba0;font-size:.61rem}
#app .og-bonus-state{display:grid;place-items:center;min-height:27px;margin-top:auto;border-radius:5px;background:#232729;color:#a7b1a8;font-size:.63rem;font-weight:700}
#app .og-bonus-state.locked{color:#b8caab}
#app .og-rewards-reference .og-reward-status{margin-top:19px}

/* Rank popup follows the compact carousel and benefit-bar format. */
#app .og-rank-modal{width:min(710px,100%);background:#101415}
#app .og-rank-modal-head{background:#101415}
#app .og-modal-rank-rail{display:flex;gap:8px;overflow-x:auto;justify-content:flex-start;margin:16px -1px 17px;padding:0 1px 4px;scrollbar-width:thin;scroll-snap-type:x mandatory}
#app .og-modal-rank{display:flex;flex:0 0 112px;flex-direction:column;align-items:center;justify-content:flex-end;height:158px;padding:7px 5px;border-radius:9px;background:linear-gradient(165deg,#262a2c,#151819);filter:grayscale(1);opacity:.55;scroll-snap-align:center}
#app .og-modal-rank.selected{background:linear-gradient(160deg,#2c392b,#181d1a);filter:none;opacity:1;box-shadow:0 0 0 2px #aee87545 inset}
#app .og-modal-rank img{width:85px;height:99px}
#app .og-modal-rank span{color:#abb1aa;font-size:.48rem;font-weight:700}
#app .og-modal-rank strong{font-size:.72rem;text-transform:uppercase}
#app .og-modal-rank small{color:#a6d47b;font-size:.48rem;font-weight:800}
#app .og-modal-rank-summary{gap:28px;padding:4px 0}
#app .og-modal-rank-summary>div{min-width:110px}
#app .og-modal-levels{margin:11px 0 19px}
#app .og-modal-levels button{display:flex;align-items:center;gap:6px;min-width:93px;justify-content:center}
#app .og-level-diamond{color:#a7b0a3;font-size:.67rem}
#app .og-modal-levels button.selected .og-level-diamond{color:#bef28c}
#app .og-modal-bars{display:grid;gap:13px;margin:15px 0 18px}
#app .og-modal-bar>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:#d8ded6;font-size:.73rem;font-weight:700}
#app .og-modal-bar strong{color:#f3f5ef}
#app .og-modal-bar>i{display:block;height:7px;overflow:hidden;border-radius:9px;background:#ffffff17}
#app .og-modal-bar b{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#9bda58,#c5f18a)}
#app .og-modal-perks{margin-top:15px}
#app .og-modal-perk-pills{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
#app .og-modal-perk-pills>span{display:flex;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #ffffff14;border-radius:7px;background:#1a1f20}
#app .og-modal-perk-pills strong{font-size:.68rem}
#app .og-modal-perk-pills small{color:#adb8ab;font-size:.64rem;text-align:right}
#app .og-extra-privileges{margin-top:12px;border-top:1px solid #ffffff14}
#app .og-extra-privileges summary{padding:12px 0;color:#c5dfb2;font-size:.67rem;font-weight:800;cursor:pointer}
#app .og-extra-privileges>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
#app .og-extra-privileges p{display:flex;justify-content:space-between;gap:7px;margin:0;padding:8px 0;border-top:1px solid #ffffff11;font-size:.63rem}
#app .og-extra-privileges p strong{color:#e5ede0;text-align:right}
@media(max-width:1120px){#app .og-rewards-reference .og-rewards-profile{grid-template-columns:106px minmax(0,1fr);gap:17px}#app .og-rewards-reference .og-profile-avatar{width:106px;height:150px}#app .og-rewards-reference .og-profile-avatar img{width:94px;height:96px}#app .og-rewards-reference .og-profile-stats{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){#app .og-rewards-reference .og-rewards-profile{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:17px}#app .og-rewards-reference .og-profile-avatar{width:72px;height:106px}#app .og-rewards-reference .og-profile-avatar img{width:67px;height:62px}#app .og-avatar-name{font-size:.54rem}#app .og-rewards-reference .og-profile-avatar small{font-size:.45rem}#app .og-profile-name-row{margin-bottom:16px}#app .og-rewards-reference .og-profile-main h1{font-size:1.08rem}#app .og-rewards-reference .og-profile-bottom{display:block;font-size:.59rem}#app .og-rewards-reference .og-profile-bottom span{display:block;margin:4px 0}#app .og-rewards-reference .og-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#app .og-rewards-reference .og-feature-rewards{grid-template-columns:1fr}#app .og-rewards-reference .og-boost-feature{grid-column:auto}#app .og-bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .og-modal-rank{flex-basis:98px;height:132px}#app .og-modal-rank img{width:70px;height:76px}#app .og-modal-perk-pills{grid-template-columns:1fr}#app .og-extra-privileges>div{grid-template-columns:1fr}}

/* Full-width Rewards banner and site-matched charcoal/lime colors. */
#app>.og-rewards-reference{max-width:none;width:calc(100% - var(--rail-width));min-height:65vh;margin:0 0 0 var(--rail-width);padding:0 0 70px;background:#0d171b}
#app .og-rewards-reference .og-rewards-profile{position:relative;width:100%;min-height:260px;margin:0;padding:28px clamp(28px,6.2vw,120px);overflow:hidden;border:0;border-bottom:1px solid #9ceb2529;border-radius:0;background:radial-gradient(circle at 86% 80%,#314b2033,transparent 35%),radial-gradient(circle at 12% 12%,#24413221,transparent 35%),linear-gradient(110deg,#0c151a,#101b20 65%,#0d161b)}
#app .og-rewards-reference .og-rewards-profile::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.19;background-image:radial-gradient(#9dec2b 1px,transparent 1px);background-size:13px 13px;mask-image:linear-gradient(90deg,#0008,transparent 39%,transparent 62%,#0008)}
#app .og-rewards-reference .og-rewards-profile>*{position:relative;z-index:1}
#app .og-rewards-reference .og-profile-avatar{border-color:#9dec2140;background:linear-gradient(155deg,#263428,#101819)}
#app .og-rewards-reference .og-profile-avatar small{color:#a5ec32}
#app .og-avatar-level i:first-child{background:#9dec21}
#app .og-rewards-reference .og-profile-levels span.current{color:#aff246}
#app .og-rewards-reference .og-profile-segments>span.current{background:#37502c}
#app .og-rewards-reference .og-profile-segments>span.current::before{content:'';display:block;width:8px;height:100%;border-radius:5px;background:#a2ef28}
#app .og-rewards-reference .og-profile-bottom strong{color:#f5f7f1}
#app .og-rewards-reference .og-profile-stats>div{border-color:#ffffff14;background:#172126b8}
#app .og-rewards-reference .og-stat-icon{color:#9eeb28}
#app .og-rewards-reference .og-profile-edit:hover,#app .og-rewards-reference .og-ranks-trigger:hover{border-color:#9dec21a6;color:#d7f5ae}
#app .og-rewards-reference .og-ranks-trigger{border-color:#ffffff23;background:#1d282b}
#app .og-rewards-reference .og-dashboard-heading,#app .og-rewards-reference .og-feature-rewards,#app .og-rewards-reference .og-bonus-grid,#app .og-rewards-reference .og-reward-status{width:min(1450px,calc(100% - clamp(30px,12vw,240px)));margin-left:auto;margin-right:auto}
#app .og-rewards-reference .og-dashboard-heading{margin-top:31px}
#app .og-rewards-reference .og-dashboard-heading .nav-icon{color:#9eeb28}
#app .og-rewards-reference .og-reward-feature,#app .og-rewards-reference .og-bonus-card{border-color:#ffffff15;background:#171d20}
#app .og-rewards-reference .og-feature-top{justify-content:flex-start;gap:10px;min-height:32px}
#app .og-rewards-reference .og-feature-top h3{display:flex;align-items:center;gap:5px}
#app .og-feature-icon{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #9dec2140;border-radius:7px;background:#9dec2114;color:#9dec21}
#app .og-feature-icon svg{width:18px;height:18px}
#app .og-rewards-reference .og-feature-top h3 a{color:#9ba99f}
#app .og-rewards-reference .og-reward-amounts,#app .og-rewards-reference .og-boost-stage{background:#111719}
#app .og-rewards-reference .og-reward-amounts button,#app .og-rewards-reference .og-reward-amounts span{background:#20292a;color:#a6c189}
#app .og-rewards-reference .og-boost-dots span:last-child{border-color:#9dec216a;background:#283423;color:#c9f591}
#app .og-rewards-reference .og-boost-dots:before{background:#485849}
#app .og-rewards-reference .og-bonus-icon{width:29px;height:29px;border:1px solid #9dec2138;border-radius:7px;background:#9dec2110;color:#9dec21}
#app .og-rewards-reference .og-bonus-icon svg{width:19px;height:19px}
#app .og-rewards-reference .og-bonus-state{background:#242a2b;color:#a9b5aa}
#app .og-rewards-reference .og-bonus-state.locked{color:#a6cb83}
#app .og-rewards-reference .og-reward-status{margin-top:20px}
#app .og-rank-modal-overlay{background:#020506db}
#app .og-rank-modal,#app .og-rank-modal-head{background:#101719}
#app .og-modal-rank.selected{border-color:#9dec21;background:linear-gradient(160deg,#2c3b27,#17201b);box-shadow:0 0 0 2px #9dec2140 inset}
#app .og-modal-rank small,#app .og-modal-levels button.selected .og-level-diamond{color:#9dec21}
#app .og-modal-levels button.selected{border-color:#9dec21;background:#293b25;color:#f2f8e9}
#app .og-modal-bar b{background:#9dec21}
@media(max-width:1120px){#app .og-rewards-reference .og-rewards-profile{padding:24px clamp(20px,4vw,48px)}}
@media(max-width:720px){#app .og-rewards-reference .og-rewards-profile{padding:18px 15px}#app .og-rewards-reference .og-dashboard-heading,#app .og-rewards-reference .og-feature-rewards,#app .og-rewards-reference .og-bonus-grid,#app .og-rewards-reference .og-reward-status{width:calc(100% - 30px)}}

/* Compact, account-linked gameplay snapshot for the Rewards overview. */
#app .og-rewards-reference .og-gameplay-panel{width:min(1450px,calc(100% - clamp(30px,12vw,240px)));margin:24px auto 0;overflow:hidden;border:1px solid #ffffff18;border-radius:10px;background:#171d20}
#app .og-gameplay-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #ffffff12}
#app .og-gameplay-eyebrow{display:block;margin-bottom:3px;color:#9dec21;font-size:.57rem;font-weight:800;letter-spacing:.12em}
#app .og-gameplay-head h2{margin:0;color:#f2f4ef;font-size:1rem;line-height:1.2}
#app .og-gameplay-period{display:flex;gap:3px;padding:3px;border:1px solid #ffffff18;border-radius:7px;background:#101719}
#app .og-gameplay-period button{min-width:92px;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:#9ba9a3;font-size:.64rem;font-weight:800;white-space:nowrap}
#app .og-gameplay-period button:hover{color:#e5eee0}
#app .og-gameplay-period button.active{background:#293728;color:#dff7c0}
#app .og-gameplay-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);gap:19px;padding:14px 18px 17px}
#app .og-gameplay-chart{min-width:0}
#app .og-gameplay-chart-top{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:22px}
#app .og-gameplay-chart-top strong{color:#d7e0d7;font-size:.68rem}
#app .og-gameplay-chart-top>span{display:flex;align-items:center;gap:5px;color:#91a199;font-size:.57rem;white-space:nowrap}
#app .og-gameplay-key{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:2px}
#app .og-gameplay-key.wager{background:#9dec21}
#app .og-gameplay-key.payout{height:2px;background:#d9e3d1}
#app .og-gameplay-plot{position:relative;height:133px;margin-top:7px}
#app .og-gameplay-plot svg{display:block;width:100%;height:100%;overflow:visible}
#app .og-gameplay-grid{fill:none;stroke:#ffffff14;stroke-width:1}
#app .og-gameplay-bar{fill:#9dec21;opacity:.82}
#app .og-gameplay-line{fill:none;stroke:#d8e3d1;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
#app .og-gameplay-empty{position:absolute;inset:16px 0 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
#app .og-gameplay-empty strong{color:#dce5da;font-size:.74rem}
#app .og-gameplay-empty span{max-width:290px;color:#8fa096;font-size:.62rem;line-height:1.35}
#app .og-gameplay-labels{display:flex;justify-content:space-around;gap:2px;margin:1px 0 0 5%;color:#788a80;font-size:.55rem}
#app .og-gameplay-labels span{flex:1;text-align:center;white-space:nowrap}
#app .og-gameplay-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;align-self:stretch;overflow:hidden;border:1px solid #ffffff12;border-radius:7px;background:#ffffff12}
#app .og-gameplay-metrics>div{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:10px 9px;background:#131a1c}
#app .og-gameplay-metrics span{overflow:hidden;color:#8f9f96;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}
#app .og-gameplay-metrics strong{overflow:hidden;color:#eef3e9;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1240px){#app .og-gameplay-body{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr)}#app .og-gameplay-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#app .og-rewards-reference .og-gameplay-panel{width:calc(100% - 30px)}#app .og-gameplay-body{grid-template-columns:1fr;gap:12px}#app .og-gameplay-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){#app .og-gameplay-head{align-items:flex-start;flex-direction:column;gap:10px}#app .og-gameplay-period{width:100%}#app .og-gameplay-period button{flex:1}#app .og-gameplay-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* The Rewards banner shares the homepage hero's height and visual rhythm. */
#app .og-rewards-reference .og-rewards-profile{height:var(--og-site-hero-height,228px);min-height:0;isolation:isolate;grid-template-columns:112px minmax(0,1fr) 278px;gap:21px;padding:20px clamp(24px,4.5vw,76px);background:#0b1219}
#app .og-rewards-reference .og-rewards-profile::before{content:'';position:absolute;z-index:0;inset:-9px;opacity:.76;mask-image:none;-webkit-mask-image:none;filter:blur(7px) saturate(1.08);background:linear-gradient(90deg,#081118ed 0%,#081118b5 48%,#081118db 100%),url('./assets/og-club-hero-bold.webp') center 54%/cover no-repeat}
#app .og-rewards-reference .og-rewards-profile::after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.14;background:radial-gradient(#a4ee4e 1px,transparent 1.2px) 0 0/13px 13px;mask-image:linear-gradient(90deg,#0008,transparent 24%,transparent 78%,#0006);-webkit-mask-image:linear-gradient(90deg,#0008,transparent 24%,transparent 78%,#0006)}
#app .og-rewards-reference .og-profile-avatar{width:112px;height:157px;background:#111a1ccc;border-color:#bcf6895c;box-shadow:0 7px 20px #0007}
#app .og-rewards-reference .og-profile-avatar img{width:101px;height:100px}
#app .og-rewards-reference .og-profile-stats{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#app .og-rewards-reference .og-profile-stats>div{min-height:63px;padding:9px 10px;background:#10191dcc;backdrop-filter:blur(3px)}
#app .og-rewards-reference .og-profile-stats strong{font-size:.9rem}
#app .og-rewards-reference .og-profile-stats small{font-size:.59rem}
#app .og-rewards-reference .og-profile-name-row{margin-bottom:15px}
#app .og-rewards-reference .og-ranks-trigger{margin-top:10px}
#app .og-reward-bg-arena .og-rewards-profile::before{opacity:.9;filter:blur(2px) saturate(.9);background:linear-gradient(90deg,#081118eb 0%,#08111899 46%,#081118b5 100%),url('./assets/hero-arena-atmosphere.webp') center 49%/cover no-repeat}
#app .og-reward-bg-graphic .og-rewards-profile::before{inset:0;opacity:1;filter:none;background:radial-gradient(ellipse 38% 90% at 83% 50%,#384c2555,transparent 78%),radial-gradient(ellipse 55% 110% at 21% 50%,#173038b8,transparent 75%),linear-gradient(105deg,#091217,#101c20 60%,#0d1519)}
#app .og-reward-bg-graphic .og-rewards-profile::after{opacity:.23;mask-image:linear-gradient(90deg,#0005,transparent 40%,transparent 60%,#0009);-webkit-mask-image:linear-gradient(90deg,#0005,transparent 40%,transparent 60%,#0009)}
@media(max-width:1080px){#app .og-rewards-reference .og-rewards-profile{grid-template-columns:99px minmax(0,1fr) 248px;gap:17px;padding:16px clamp(18px,3vw,38px)}#app .og-rewards-reference .og-profile-avatar{width:99px;height:147px}#app .og-rewards-reference .og-profile-avatar img{width:90px;height:91px}#app .og-rewards-reference .og-profile-stats{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}#app .og-rewards-reference .og-profile-stats>div{min-height:59px;padding:8px}#app .og-rewards-reference .og-profile-stats small{font-size:.55rem}}
@media(max-width:700px){#app .og-rewards-reference .og-rewards-profile{height:auto;min-height:380px;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:18px 15px}#app .og-rewards-reference .og-profile-avatar{width:72px;height:106px}#app .og-rewards-reference .og-profile-avatar img{width:67px;height:62px}#app .og-rewards-reference .og-profile-stats{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}#app .og-rewards-reference .og-profile-stats>div{min-height:54px}#app .og-rewards-reference .og-profile-name-row{margin-bottom:12px}}

/* Brighter Rewards surfaces with the site's charcoal and neon-lime palette. */
#app>.og-rewards-reference,html[data-bg-theme] #app>.og-rewards-reference{background:#18272e}
#app .og-rewards-reference .og-rewards-profile{background:#14232b;border-bottom-color:#9dec2150}
#app .og-rewards-reference .og-rewards-profile::before{opacity:.94;filter:blur(5px) brightness(1.17) saturate(1.22);background:linear-gradient(90deg,#0a1722b8 0%,#0a172282 49%,#0a1722a8 100%),url('./assets/og-club-hero-ambient.png') center 54%/cover no-repeat}
#app .og-rewards-reference .og-rewards-profile::after{opacity:.28}
#app .og-reward-bg-arena .og-rewards-profile::before{opacity:.95;filter:blur(2px) brightness(1.16) saturate(1.08);background:linear-gradient(90deg,#0a1722c2 0%,#0a172289 49%,#0a1722ab 100%),url('./assets/hero-arena-atmosphere.webp') center 49%/cover no-repeat}
#app .og-reward-bg-graphic .og-rewards-profile::before{opacity:1;filter:none;background:radial-gradient(ellipse 42% 95% at 81% 44%,#6a9c3366,transparent 82%),radial-gradient(ellipse 58% 115% at 19% 51%,#2c6576bf,transparent 79%),linear-gradient(105deg,#11252c,#1d353c 60%,#16292f)}
#app .og-rewards-reference .og-profile-avatar{border-color:#b5ed7688;background:#1b2b2ddb}
#app .og-rewards-reference .og-profile-stats>div{border-color:#c9e8bd38;background:#1b2b32db;box-shadow:0 6px 17px #020b1080}
#app .og-rewards-reference .og-profile-stats small,#app .og-rewards-reference .og-profile-bottom{color:#bfd0c9}
#app .og-rewards-reference .og-profile-levels span{color:#aebeb6}
#app .og-rewards-reference .og-profile-levels span.current{color:#b7f461}
#app .og-rewards-reference .og-profile-segments>span{background:#d8ead334}
#app .og-rewards-reference .og-profile-segments>span.current{background:#799f4d}
#app .og-rewards-reference .og-ranks-trigger{border-color:#c0e49866;background:#263a36;color:#f3f8eb}
#app .og-rewards-reference .og-dashboard-heading h2{color:#f7fbf2}
#app .og-rewards-reference .og-reward-feature,#app .og-rewards-reference .og-bonus-card,#app .og-rewards-reference .og-gameplay-panel{border-color:#c1d9c133;background:#253239;box-shadow:0 8px 22px #06101730}
#app .og-rewards-reference .og-reward-feature>p,#app .og-rewards-reference .og-bonus-rule{color:#c0cfc7}
#app .og-rewards-reference .og-reward-amounts,#app .og-rewards-reference .og-boost-stage{background:#1b292f}
#app .og-rewards-reference .og-reward-amounts small,#app .og-rewards-reference .og-stage-caption small,#app .og-rewards-reference .og-boost-stage>small{color:#b0c4b7}
#app .og-rewards-reference .og-reward-amounts button,#app .og-rewards-reference .og-reward-amounts span{background:#34473d;color:#d2f0b4}
#app .og-rewards-reference .og-feature-icon,#app .og-rewards-reference .og-bonus-icon{border-color:#a7ec4c91;background:#9dec2127;color:#b5f75b}
#app .og-rewards-reference .og-bonus-state{background:#34433c;color:#dae7d5}
#app .og-rewards-reference .og-bonus-state.locked{color:#c8ef9d}
#app .og-rewards-reference .og-boost-dots span{background:#2d3a3d;border-color:#b6cdb033;color:#d4e0d3}
#app .og-rewards-reference .og-boost-dots span:last-child{background:#3c562d;border-color:#9dec21ad;color:#d7ff9b}
#app .og-rewards-reference .og-gameplay-head{border-bottom-color:#d5eac125}
#app .og-rewards-reference .og-gameplay-period{background:#1a282e;border-color:#c6dfb330}
#app .og-rewards-reference .og-gameplay-period button.active{background:#3d5a31;color:#efffd8}
#app .og-rewards-reference .og-gameplay-chart-top strong,#app .og-rewards-reference .og-gameplay-empty strong{color:#e9f3e4}
#app .og-rewards-reference .og-gameplay-chart-top>span,#app .og-rewards-reference .og-gameplay-empty span,#app .og-rewards-reference .og-gameplay-metrics span{color:#baccc1}
#app .og-rewards-reference .og-gameplay-grid{stroke:#e7f1db2e}
#app .og-rewards-reference .og-gameplay-labels{color:#a2b8a8}
#app .og-rewards-reference .og-gameplay-metrics{border-color:#c7dfba32;background:#c7dfba32}
#app .og-rewards-reference .og-gameplay-metrics>div{background:#1d2b31}
#app .og-rewards-reference .og-reward-status{border-color:#b9dab53a;background:#233239}
#app .og-rewards-reference .og-reward-status p{color:#afc5b8}

/* Rewards color studies. Keep the shared layout and OG Betz navigation intact. */
#app .og-reward-palette-cobalt{--rp-canvas:#192538;--rp-card:#293b54;--rp-inset:#1e3047;--rp-hero:#16243a;--rp-stats:#20344bcf;--rp-accent:#78b8ff;--rp-strong:#add4ff;--rp-soft:#355579;--rp-border:#78b8ff42;--rp-hero-wash:#15243fd0;--rp-hero-glow:#438ce965}
#app .og-reward-palette-violet{--rp-canvas:#251f35;--rp-card:#392e4d;--rp-inset:#2d2541;--rp-hero:#251b3d;--rp-stats:#302545d6;--rp-accent:#bd9bfa;--rp-strong:#d4bbff;--rp-soft:#584278;--rp-border:#bd9bfa49;--rp-hero-wash:#261a40d2;--rp-hero-glow:#9361d766}
#app .og-reward-palette-copper{--rp-canvas:#292320;--rp-card:#40332d;--rp-inset:#332923;--rp-hero:#2e211d;--rp-stats:#392921d8;--rp-accent:#eeb47b;--rp-strong:#ffd2aa;--rp-soft:#694b37;--rp-border:#eeb47b45;--rp-hero-wash:#30211ddb;--rp-hero-glow:#c27a3d66}
#app .og-reward-palette-coral{--rp-canvas:#2d222b;--rp-card:#46323d;--rp-inset:#382832;--rp-hero:#301e2c;--rp-stats:#3b2937d8;--rp-accent:#ff91a6;--rp-strong:#ffc0cc;--rp-soft:#704453;--rp-border:#ff91a64a;--rp-hero-wash:#301d2fd3;--rp-hero-glow:#d7689366}
#app .og-reward-palette-cyan{--rp-canvas:#1b3038;--rp-card:#28434c;--rp-inset:#20363e;--rp-hero:#15333e;--rp-stats:#1c3b46d5;--rp-accent:#79d8e8;--rp-strong:#b1eff4;--rp-soft:#34626c;--rp-border:#79d8e849;--rp-hero-wash:#153440d3;--rp-hero-glow:#3aa5b966}
#app .og-reward-palette-sapphire{--rp-canvas:#19223a;--rp-card:#263657;--rp-inset:#1d2b49;--rp-hero:#141e3e;--rp-stats:#1e2d4dd5;--rp-accent:#648cff;--rp-strong:#adc2ff;--rp-soft:#334e8a;--rp-border:#648cff55;--rp-hero-wash:#151f42d9;--rp-hero-glow:#496bed70}
#app .og-reward-palette-indigo{--rp-canvas:#20223b;--rp-card:#303454;--rp-inset:#252a47;--rp-hero:#1d2040;--rp-stats:#252949d5;--rp-accent:#919cff;--rp-strong:#c6cbff;--rp-soft:#454d82;--rp-border:#919cff50;--rp-hero-wash:#1d2144d9;--rp-hero-glow:#6c73d971}
#app .og-reward-palette-lilac{--rp-canvas:#2a2438;--rp-card:#40364f;--rp-inset:#332b43;--rp-hero:#281f3b;--rp-stats:#342a45d6;--rp-accent:#d3b6ff;--rp-strong:#ecd9ff;--rp-soft:#654f7e;--rp-border:#d3b6ff4c;--rp-hero-wash:#2b2140d9;--rp-hero-glow:#a87adb6b}
#app .og-reward-palette-plum{--rp-canvas:#2d2332;--rp-card:#45354a;--rp-inset:#382a3d;--rp-hero:#2d1e35;--rp-stats:#3a2940d6;--rp-accent:#ce8acb;--rp-strong:#f0c4ec;--rp-soft:#68466b;--rp-border:#ce8acb50;--rp-hero-wash:#321e3bd9;--rp-hero-glow:#a35b9e6b}
#app .og-reward-palette-orchid{--rp-canvas:#302335;--rp-card:#4a3450;--rp-inset:#3a2942;--rp-hero:#321d3b;--rp-stats:#402a49d6;--rp-accent:#ec9dda;--rp-strong:#ffd0f1;--rp-soft:#704873;--rp-border:#ec9dda50;--rp-hero-wash:#351e43dc;--rp-hero-glow:#c667ae6b}
#app .og-reward-palette-burgundy{--rp-canvas:#2e2229;--rp-card:#453039;--rp-inset:#38262f;--rp-hero:#301b27;--rp-stats:#3c2531d8;--rp-accent:#dc879c;--rp-strong:#f5b9c6;--rp-soft:#70404f;--rp-border:#dc879c50;--rp-hero-wash:#321d2bdc;--rp-hero-glow:#aa506b6b}
#app .og-reward-palette-ruby{--rp-canvas:#302024;--rp-card:#493037;--rp-inset:#3b242c;--rp-hero:#321b24;--rp-stats:#3f242bd8;--rp-accent:#ff7c89;--rp-strong:#ffb6bc;--rp-soft:#783e4c;--rp-border:#ff7c8952;--rp-hero-wash:#351d29dc;--rp-hero-glow:#d554656b}
#app .og-reward-palette-terracotta{--rp-canvas:#302724;--rp-card:#493830;--rp-inset:#3a2c28;--rp-hero:#35251f;--rp-stats:#3e2d28d8;--rp-accent:#e79680;--rp-strong:#ffd1bd;--rp-soft:#755143;--rp-border:#e7968050;--rp-hero-wash:#36251fdc;--rp-hero-glow:#b96a4f6b}
#app .og-reward-palette-amber{--rp-canvas:#302923;--rp-card:#473c2f;--rp-inset:#3a3026;--rp-hero:#33291c;--rp-stats:#3c3023d8;--rp-accent:#efc06f;--rp-strong:#ffe1a9;--rp-soft:#705b3a;--rp-border:#efc06f50;--rp-hero-wash:#352a1fdc;--rp-hero-glow:#c58e396b}
#app .og-reward-palette-champagne{--rp-canvas:#302d2a;--rp-card:#474039;--rp-inset:#3a342f;--rp-hero:#322b28;--rp-stats:#3d352fd8;--rp-accent:#e8ccaa;--rp-strong:#fff0d9;--rp-soft:#68594c;--rp-border:#e8ccaa50;--rp-hero-wash:#322b29dc;--rp-hero-glow:#bb9c776b}
#app .og-reward-palette-graphite{--rp-canvas:#222a31;--rp-card:#303c45;--rp-inset:#26323a;--rp-hero:#1d2933;--rp-stats:#27353fd8;--rp-accent:#a5b4c1;--rp-strong:#dbe5ec;--rp-soft:#455965;--rp-border:#a5b4c151;--rp-hero-wash:#1f2c37dc;--rp-hero-glow:#738d9e6b}
#app .og-reward-palette-silver{--rp-canvas:#2a3035;--rp-card:#3a444c;--rp-inset:#303941;--rp-hero:#242e36;--rp-stats:#303d47d8;--rp-accent:#c9d5df;--rp-strong:#f3f6f8;--rp-soft:#536571;--rp-border:#c9d5df4d;--rp-hero-wash:#293640db;--rp-hero-glow:#9fb5c46b}
#app .og-reward-palette-arctic{--rp-canvas:#22303d;--rp-card:#304355;--rp-inset:#283849;--rp-hero:#1d3143;--rp-stats:#283e50d8;--rp-accent:#a7d5f2;--rp-strong:#d6eeff;--rp-soft:#46677c;--rp-border:#a7d5f24d;--rp-hero-wash:#20374add;--rp-hero-glow:#67aed66b}
#app .og-reward-palette-teal{--rp-canvas:#1e3133;--rp-card:#2b4547;--rp-inset:#23393b;--rp-hero:#193538;--rp-stats:#244044d8;--rp-accent:#65c3c2;--rp-strong:#a7e9e5;--rp-soft:#376665;--rp-border:#65c3c250;--rp-hero-wash:#1a3a3cdb;--rp-hero-glow:#3ba19d6b}
#app .og-reward-palette-dusk{--rp-canvas:#272638;--rp-card:#39384f;--rp-inset:#2e2e43;--rp-hero:#25233b;--rp-stats:#313048d8;--rp-accent:#a8a0db;--rp-strong:#d8d1fb;--rp-soft:#555176;--rp-border:#a8a0db50;--rp-hero-wash:#252641da;--rp-hero-glow:#8078bc6b}
html[data-bg-theme] #app>.og-rewards-reference[class*="og-reward-palette-"],#app>.og-rewards-reference[class*="og-reward-palette-"]{background:var(--rp-canvas)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-rewards-profile{background:var(--rp-hero);border-bottom-color:var(--rp-border)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-rewards-profile::before{background:linear-gradient(90deg,var(--rp-hero-wash) 0%,#12162278 49%,var(--rp-hero-wash) 100%),radial-gradient(circle at 75% 45%,var(--rp-hero-glow),transparent 54%),url('./assets/og-club-hero-ambient.png') center 54%/cover no-repeat}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-rewards-profile::after{background:radial-gradient(var(--rp-accent) 1px,transparent 1.2px) 0 0/13px 13px;opacity:.2}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-avatar{background:var(--rp-inset);border-color:var(--rp-border)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-avatar small,#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-levels span.current{color:var(--rp-strong)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-avatar-level i:first-child,#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-segments>span.current::before,#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-segments i{background:var(--rp-accent)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-segments>span.current{background:var(--rp-soft)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div{background:var(--rp-stats);border-color:var(--rp-border)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-stat-icon,#app .og-rewards-reference[class*="og-reward-palette-"] .og-dashboard-heading .nav-icon,#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-eyebrow{color:var(--rp-accent)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-ranks-trigger{background:var(--rp-soft);border-color:var(--rp-border);color:#f7f8fb}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-edit:hover,#app .og-rewards-reference[class*="og-reward-palette-"] .og-ranks-trigger:hover{border-color:var(--rp-accent);color:var(--rp-strong)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-feature,#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card,#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-panel{background:var(--rp-card);border-color:var(--rp-border)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts,#app .og-rewards-reference[class*="og-reward-palette-"] .og-boost-stage{background:var(--rp-inset)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts button,#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts span,#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-state{background:var(--rp-soft);color:#f4f1f4}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-state.locked{color:var(--rp-strong)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-feature-icon,#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-icon{background:var(--rp-soft);border-color:var(--rp-border);color:var(--rp-strong)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-boost-dots span{background:var(--rp-card);border-color:var(--rp-border);color:#e4e9eb}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-boost-dots span:last-child{background:var(--rp-soft);border-color:var(--rp-accent);color:var(--rp-strong)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-boost-dots::before{background:var(--rp-border)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-head{border-bottom-color:var(--rp-border)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-period,#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-metrics>div{background:var(--rp-inset);border-color:var(--rp-border)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-period button.active{background:var(--rp-soft);color:#fff}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-key.wager{background:var(--rp-accent)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-bar{fill:var(--rp-accent)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-line{stroke:var(--rp-strong)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-metrics{border-color:var(--rp-border);background:var(--rp-border)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-status{background:var(--rp-card);border-color:var(--rp-border)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-status-dot{background:var(--rp-accent)}

/* Preview control stays compact until opened; palette changes do not reload the page. */
#app .og-palette-picker{position:fixed;z-index:260;left:calc(var(--rail-width,0px) + 18px);bottom:18px;width:420px;max-width:calc(100vw - var(--rail-width,0px) - 36px);color:#f3f5f7;font:700 12px 'DM Sans',Arial,sans-serif}
#app .og-palette-picker>summary{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:10px 13px;border:1px solid #ffffff44;border-radius:99px;background:#101921ed;box-shadow:0 8px 28px #0008;backdrop-filter:blur(15px);cursor:pointer;list-style:none}
#app .og-palette-picker>summary::-webkit-details-marker{display:none}
#app .og-palette-picker>summary small{color:#aebac3;font-size:10px;font-weight:600}
#app .og-palette-summary-swatch{width:14px;height:14px;flex:none;border:1px solid #ffffff77;border-radius:50%;background:var(--swatch)}
#app .og-palette-picker-panel{position:absolute;bottom:calc(100% + 9px);left:0;display:grid;gap:11px;width:100%;padding:14px;border:1px solid #ffffff3b;border-radius:13px;background:#101921f5;box-shadow:0 13px 38px #000a;backdrop-filter:blur(18px);box-sizing:border-box}
#app .og-palette-picker-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
#app .og-palette-picker-title strong{font-size:13px}
#app .og-palette-picker-title small{color:#aebac3;font-size:10px;font-weight:500}
#app .og-palette-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:min(50vh,330px);overflow-y:auto}
#app .og-palette-options button{display:flex;align-items:center;gap:5px;min-width:0;padding:7px 5px;border:1px solid #ffffff24;border-radius:7px;background:#ffffff0b;color:#e3e9ee;font:700 9px 'DM Sans',Arial,sans-serif;cursor:pointer;text-align:left}
#app .og-palette-options button:hover,#app .og-palette-options button[aria-pressed="true"]{border-color:#ffffffa3;background:#ffffff20;color:#fff}
#app .og-palette-options button[aria-pressed="true"]{box-shadow:0 0 0 1px #ffffff3b inset}
#app .og-palette-options i{width:15px;height:15px;flex:none;border:1px solid #ffffff6b;border-radius:5px;background:var(--swatch)}
#app .og-palette-options span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:650px){#app .og-palette-picker{left:15px;bottom:14px;width:calc(100vw - 30px);max-width:none}#app .og-palette-options{grid-template-columns:repeat(3,minmax(0,1fr));max-height:45vh}}

/* Multicolor Rewards study: quiet surfaces, clear color roles by reward type. */
html[data-bg-theme] #app>.og-rewards-reference[class*="og-reward-palette-"],#app>.og-rewards-reference[class*="og-reward-palette-"]{background:radial-gradient(circle at 87% 31%,#8c5a8112,transparent 28%),radial-gradient(circle at 13% 67%,#398fbc12,transparent 31%),var(--rp-canvas)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-rewards-profile{border-bottom-color:#91a9bf43}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-rewards-profile::before{opacity:1;filter:blur(5px) brightness(1.2) saturate(1.3);background:linear-gradient(90deg,#0b1724ae 0%,#10162570 50%,#0b1724bb 100%),radial-gradient(circle at 84% 35%,#ba77b444,transparent 42%),url('./assets/og-club-hero-ambient.png') center 54%/cover no-repeat}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-rewards-profile::after{background:radial-gradient(#a9b9dc 1px,transparent 1.2px) 0 0/13px 13px;opacity:.18}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-segments>span.current{background:linear-gradient(90deg,#63bafb,#b99bfa)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-segments>span.current::before{background:#81c7fb}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-avatar{background:#16242ac9;border-color:#b997dc71}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-avatar small{color:#d1b3ef}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-avatar-level i:first-child{background:#ae9cf1}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-levels span.current{color:#a8d4fb}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div{background:#182430ce;border-color:#b8c4d333}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(1) .og-stat-icon{color:#7fc0ff}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(2) .og-stat-icon{color:#e7a1bd}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(3) .og-stat-icon{color:#86d6dc}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(4) .og-stat-icon{color:#eac080}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-ranks-trigger{background:#293548cf;border-color:#9bafd54d}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-dashboard-heading .nav-icon{color:#f2c87c}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-feature,#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card,#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-panel{background:color-mix(in srgb,var(--rp-card) 25%,#1b2630);border-color:#b2c2d233}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-feature{position:relative;box-shadow:inset 0 2px 0 var(--card-accent),0 8px 22px #06101730}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-feature:nth-child(1){--card-accent:#78bbf5;--card-glow:#68b6f7}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-feature:nth-child(2){--card-accent:#eb99ad;--card-glow:#e47f9d}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-feature:nth-child(3){--card-accent:#efbc78;--card-glow:#edab61}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-feature-top{background:linear-gradient(90deg,color-mix(in srgb,var(--card-glow) 10%,transparent),transparent 54%)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-feature-icon{color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 14%,#18242d);border-color:color-mix(in srgb,var(--card-accent) 40%,#27323b)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts,#app .og-rewards-reference[class*="og-reward-palette-"] .og-boost-stage{background:color-mix(in srgb,var(--rp-inset) 28%,#121d26)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts>div:last-child strong{color:var(--card-accent)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts button,#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts span{background:color-mix(in srgb,var(--card-accent) 17%,#26343e);color:#eaf0f5}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-boost-dots span{background:#23313a;border-color:#a9bec338}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-boost-dots span:last-child{background:#624c37;border-color:#efbc78;color:#ffe0b0}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-boost-dots::before{background:#c0c9c842}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card{--bonus-accent:#bca0ec;box-shadow:inset 0 2px 0 var(--bonus-accent)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card:nth-child(2){--bonus-accent:#80c9d8}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card:nth-child(3){--bonus-accent:#eeae8d}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card:nth-child(4){--bonus-accent:#e4a0c9}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-icon{color:var(--bonus-accent);background:color-mix(in srgb,var(--bonus-accent) 14%,#1b2931);border-color:color-mix(in srgb,var(--bonus-accent) 40%,#27323b)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-state{background:#2b3941;color:#d9e2e7}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-state.locked{color:#e9b5d3}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-panel{box-shadow:inset 0 2px 0 #8acbd6,0 8px 22px #06101730}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-eyebrow{color:#9fc5e9}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-key.wager{background:#75ced3}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-key.payout{background:#e8a4c2}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-bar{fill:#75ced3}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-line{stroke:#e8a4c2}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-period button.active{background:#38576d;color:#e7f6ff}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-status-dot{background:#c4a4e8}

/* Keep the Rewards canvas and panels aligned with the rest of OG Betz. */
html[data-bg-theme] #app>.og-rewards-reference[class*="og-reward-palette-"],#app>.og-rewards-reference[class*="og-reward-palette-"]{background:var(--preview-canvas,#111820)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-feature,#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card,#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-panel{background:#1b2630}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts,#app .og-rewards-reference[class*="og-reward-palette-"] .og-boost-stage{background:#15202a}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-rewards-profile{border-bottom-color:color-mix(in srgb,var(--rp-accent) 34%,#ffffff18)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-ranks-trigger{border-color:color-mix(in srgb,var(--rp-accent) 45%,#ffffff20)}

/* The supplied portraits are shown as compact rank cards, with the entire goat visible. */
#app .og-rewards-reference .og-profile-avatar{position:relative;isolation:isolate;justify-content:end;box-shadow:0 8px 24px #0008}
#app .og-rewards-reference .og-profile-avatar::after{content:'';position:absolute;z-index:0;inset:40% 0 0;background:linear-gradient(0deg,#071016e8 0%,#07101672 53%,transparent 100%);pointer-events:none}
#app .og-rewards-reference .og-profile-avatar img{position:absolute;top:0;left:0;width:100%;height:calc(100% - 17px);object-fit:cover;object-position:center top}
#app .og-rewards-reference .og-avatar-name,#app .og-rewards-reference .og-avatar-level,#app .og-rewards-reference .og-profile-avatar small{position:relative;z-index:1;text-shadow:0 1px 5px #000}

/* Five line treatments for the reward cards, available in the preview control. */
#app .og-rewards-reference.og-reward-lines-frame .og-reward-feature{border-color:color-mix(in srgb,var(--card-accent) 72%,#fff2);box-shadow:0 8px 22px #06101730}
#app .og-rewards-reference.og-reward-lines-frame .og-bonus-card{border-color:color-mix(in srgb,var(--bonus-accent) 66%,#fff2);box-shadow:none}
#app .og-rewards-reference.og-reward-lines-frame .og-gameplay-panel{border-color:#8acbd6a8;box-shadow:none}
#app .og-rewards-reference.og-reward-lines-rail .og-reward-feature{box-shadow:inset 3px 0 0 var(--card-accent),0 8px 22px #06101730}
#app .og-rewards-reference.og-reward-lines-rail .og-bonus-card{box-shadow:inset 3px 0 0 var(--bonus-accent)}
#app .og-rewards-reference.og-reward-lines-rail .og-gameplay-panel{box-shadow:inset 3px 0 0 #8acbd6}
#app .og-rewards-reference.og-reward-lines-glow .og-reward-feature{box-shadow:inset 0 1px 0 var(--card-accent),0 0 17px color-mix(in srgb,var(--card-accent) 25%,transparent)}
#app .og-rewards-reference.og-reward-lines-glow .og-bonus-card{box-shadow:inset 0 1px 0 var(--bonus-accent),0 0 12px color-mix(in srgb,var(--bonus-accent) 22%,transparent)}
#app .og-rewards-reference.og-reward-lines-glow .og-gameplay-panel{box-shadow:inset 0 1px 0 #8acbd6,0 0 17px #8acbd638}
#app .og-rewards-reference.og-reward-lines-double .og-reward-feature{box-shadow:inset 0 2px 0 var(--card-accent),inset 0 -2px 0 color-mix(in srgb,var(--card-accent) 70%,transparent)}
#app .og-rewards-reference.og-reward-lines-double .og-bonus-card{box-shadow:inset 0 2px 0 var(--bonus-accent),inset 0 -2px 0 color-mix(in srgb,var(--bonus-accent) 70%,transparent)}
#app .og-rewards-reference.og-reward-lines-double .og-gameplay-panel{box-shadow:inset 0 2px 0 #8acbd6,inset 0 -2px 0 #8acbd6a8}

/* Preview controls for outline and supplied avatar comparisons. */
#app .og-palette-picker-panel{max-height:min(76vh,600px);overflow-y:auto}
#app .og-palette-options{max-height:190px}
#app .og-preview-control-label{color:#9eaeb9;font-size:9px;font-weight:800;letter-spacing:.11em}
#app .og-line-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
#app .og-line-options button{min-height:32px;padding:5px 3px;border:1px solid #ffffff27;border-radius:6px;background:#ffffff0b;color:#cbd6dd;font:700 9px 'DM Sans',Arial,sans-serif;cursor:pointer}
#app .og-line-options button:hover,#app .og-line-options button[aria-pressed="true"]{border-color:#b7c8dc9c;background:#ffffff1c;color:#fff}
#app .og-avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#app .og-avatar-options button{display:flex;align-items:center;gap:7px;min-width:0;padding:5px;border:1px solid #ffffff2c;border-radius:7px;background:#ffffff0a;color:#dce4ea;font:700 9px 'DM Sans',Arial,sans-serif;cursor:pointer;text-align:left}
#app .og-avatar-options button:hover,#app .og-avatar-options button[aria-pressed="true"]{border-color:#d3bb9dbd;background:#ffffff1a;color:#fff}
#app .og-avatar-options img{width:36px;height:42px;flex:none;border-radius:4px;object-fit:cover;object-position:center 14%}
#app .og-avatar-options span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:650px){#app .og-palette-picker-panel{max-height:67vh}#app .og-palette-options{max-height:166px}#app .og-line-options{grid-template-columns:repeat(3,minmax(0,1fr))}#app .og-avatar-options button{flex-direction:column;align-items:center;text-align:center}#app .og-avatar-options img{width:48px;height:49px}#app .og-avatar-options span{width:100%;text-align:center}}

/* Local-only illustrative data mode. It never reads or writes a player ledger. */
#app .og-rewards-reference .og-demo-toggle{padding:7px 11px;border:1px solid #9dcbd461;border-radius:6px;background:#1b2b33;color:#d8eef1;font:700 .65rem 'DM Sans',Arial,sans-serif;cursor:pointer}
#app .og-rewards-reference .og-demo-toggle:hover,#app .og-rewards-reference .og-demo-toggle[aria-pressed="true"]{border-color:#8acbd6;background:#294554;color:#f1fcff}
#app .og-rewards-reference .og-demo-badge{padding:5px 7px;border:1px solid #91cbd788;border-radius:4px;background:#17303bbf;color:#b9e8ec;font-size:.51rem;font-weight:900;letter-spacing:.09em;white-space:nowrap}
#app .og-rewards-reference.og-demo-view .og-profile-segments>span.current{background:#d8ead334}
#app .og-rewards-reference.og-demo-view .og-profile-segments>span.current::before{display:none}
#app .og-rewards-reference.og-demo-view .og-profile-segments>span.current i{background:#81c7fb}
#app .og-rewards-reference.og-demo-view .og-boost-dots span.done{border-color:#7fc5ac;background:#254c43;color:#d2ffec}
#app .og-rewards-reference.og-demo-view .og-reward-status{border-color:#8acbd659;background:#1a2a33}
#app .og-rewards-reference.og-demo-view .og-reward-status strong{color:#c4edf4}
@media(max-width:700px){#app .og-rewards-reference .og-dashboard-heading{display:flex;align-items:center}#app .og-rewards-reference .og-demo-toggle{font-size:.58rem}#app .og-rewards-reference .og-demo-badge{font-size:.44rem}}

/* Bright, mixed accents over the existing OG Betz dark canvas. */
#app .og-rewards-reference{--neon-lime:#b2ff3b;--neon-pink:#ff4aa5;--neon-yellow:#ffd45e;--neon-cyan:#42dcee;--neon-violet:#c486ff}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-rewards-profile::before{background:linear-gradient(90deg,#0b1724c2 0%,#10162569 48%,#0b1724b7 100%),radial-gradient(circle at 71% 21%,#ff4aa54a,transparent 39%),radial-gradient(circle at 30% 78%,#a5f33233,transparent 34%),url('./assets/og-club-hero-ambient.png') center 54%/cover no-repeat;filter:blur(4px) brightness(1.31) saturate(1.38)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-rewards-profile::after{opacity:.27;background:radial-gradient(var(--neon-pink) 1px,transparent 1.2px) 0 0/13px 13px}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-avatar{border-color:#ff4aa589;box-shadow:0 0 0 1px #ff4aa525,0 8px 24px #0008}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-avatar small,#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-levels span.current{color:var(--neon-yellow)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-avatar-level i:first-child{background:var(--neon-pink)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-segments>span.current{background:#415253}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-segments>span.current::before{background:var(--neon-lime)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-segments i,#app .og-rewards-reference.og-demo-view .og-profile-segments>span.current i{background:linear-gradient(90deg,var(--neon-lime),var(--neon-cyan))}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div{background:#182630dc}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(1){border-color:#b2ff3b80;background:linear-gradient(115deg,#b2ff3b1a,#182630d8 68%)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(2){border-color:#ff4aa57a;background:linear-gradient(115deg,#ff4aa51b,#182630d8 68%)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(3){border-color:#42dcee82;background:linear-gradient(115deg,#42dcee1b,#182630d8 68%)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(4){border-color:#ffd45e82;background:linear-gradient(115deg,#ffd45e1b,#182630d8 68%)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(1) .og-stat-icon{color:var(--neon-lime)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(2) .og-stat-icon{color:var(--neon-pink)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(3) .og-stat-icon{color:var(--neon-cyan)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-profile-stats>div:nth-child(4) .og-stat-icon{color:var(--neon-yellow)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-ranks-trigger{border-color:#b2ff3b9a;background:#b2ff3b1d;color:#eaffd2}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-dashboard-heading .nav-icon{color:var(--neon-yellow)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-feature:nth-child(1){--card-accent:var(--neon-lime);--card-glow:#b2ff3b}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-feature:nth-child(2){--card-accent:var(--neon-pink);--card-glow:#ff4aa5}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-feature:nth-child(3){--card-accent:var(--neon-yellow);--card-glow:#ffd45e}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-feature{border-color:color-mix(in srgb,var(--card-accent) 35%,#ffffff20)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-feature-top{background:linear-gradient(90deg,color-mix(in srgb,var(--card-accent) 18%,transparent),transparent 72%)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-feature-icon{background:color-mix(in srgb,var(--card-accent) 21%,#18242d);border-color:color-mix(in srgb,var(--card-accent) 57%,#27323b)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts>div:first-child strong{color:#f8fff0}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts>div:last-child strong{color:var(--card-accent)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts button,#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-amounts span{background:color-mix(in srgb,var(--card-accent) 23%,#26343e);color:#f3f7f3}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-boost-dots span:last-child{background:#6c5628;border-color:var(--neon-yellow);color:#fff0bf}
#app .og-rewards-reference.og-demo-view .og-boost-dots span.done{border-color:var(--neon-lime);background:#315a21;color:#e9ffd3}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card:nth-child(1){--bonus-accent:var(--neon-violet)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card:nth-child(2){--bonus-accent:var(--neon-cyan)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card:nth-child(3){--bonus-accent:var(--neon-yellow)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card:nth-child(4){--bonus-accent:var(--neon-pink)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-card{border-color:color-mix(in srgb,var(--bonus-accent) 38%,#ffffff20);background:linear-gradient(145deg,color-mix(in srgb,var(--bonus-accent) 11%,#1b2630),#1b2630 63%)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-icon{background:color-mix(in srgb,var(--bonus-accent) 24%,#1b2931);border-color:color-mix(in srgb,var(--bonus-accent) 58%,#27323b)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-bonus-state{background:color-mix(in srgb,var(--bonus-accent) 24%,#2b3941);color:#f4f6f3}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-panel{border-color:#42dcee73;box-shadow:inset 0 2px 0 var(--neon-cyan),0 8px 22px #06101730}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-eyebrow{color:var(--neon-yellow)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-period button.active{background:#ff4aa53d;color:#ffe3f1}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-key.wager{background:var(--neon-lime)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-key.payout{background:var(--neon-pink)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-bar{fill:var(--neon-lime);filter:drop-shadow(0 0 2px #b2ff3b66)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-line{stroke:var(--neon-pink);filter:drop-shadow(0 0 2px #ff4aa566)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-metrics{border-color:#42dcee57}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-metrics>div:nth-child(4n+1) strong{color:var(--neon-lime)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-metrics>div:nth-child(4n+2) strong{color:var(--neon-cyan)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-metrics>div:nth-child(4n+3) strong{color:var(--neon-pink)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-gameplay-metrics>div:nth-child(4n+4) strong{color:var(--neon-yellow)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-reward-status-dot{background:var(--neon-violet)}
#app .og-rewards-reference.og-reward-lines-rail .og-gameplay-panel{box-shadow:inset 3px 0 0 var(--neon-cyan),0 8px 22px #06101730}

/* Reward detail pages share the overview's full-width hero and colored side rails. */
#app .og-mechanic-page{--mechanic-accent:#b2ff3b;--mechanic-glow:#b2ff3b38;--mechanic-ink:#e6ffc7;max-width:none;min-width:0;padding:0 0 72px;background:#111820;color:#f3f7f8;box-sizing:border-box}
#app .og-mechanic-boost{--mechanic-accent:#ffd45e;--mechanic-glow:#ffd45e36;--mechanic-ink:#fff0b8}
#app .og-mechanic-loss-back{--mechanic-accent:#ff4aa5;--mechanic-glow:#ff4aa53d;--mechanic-ink:#ffe0ef}
#app .og-mechanic-nav-wrap,#app .og-mechanic-content{width:min(1450px,calc(100% - clamp(30px,10vw,200px)));margin-right:auto;margin-left:auto}
#app .og-mechanic-nav-wrap .og-reward-nav{gap:26px;margin:0;padding-top:27px;border-bottom-color:#ffffff20}
#app .og-mechanic-nav-wrap .og-reward-nav a{padding-bottom:15px;color:#b4c1c5;font-size:.75rem}
#app .og-mechanic-nav-wrap .og-reward-nav a.active{border-bottom:2px solid var(--mechanic-accent);color:#fff}
#app .og-mechanic-hero{position:relative;isolation:isolate;min-height:236px;overflow:hidden;border-bottom:1px solid #8ba5bb42;background:#142035}
#app .og-mechanic-hero::before{content:'';position:absolute;z-index:-1;inset:-12px;background:linear-gradient(90deg,#101d2bef 0%,#101d2bc9 44%,#151c2f98 100%),radial-gradient(circle at 72% 50%,var(--mechanic-glow),transparent 39%),url('./assets/og-club-hero-ambient.png') center 53%/cover no-repeat;filter:blur(4px) brightness(1.18) saturate(1.25)}
#app .og-mechanic-hero::after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(#b6c8df64 1px,transparent 1.25px) 0 0/14px 14px;mask-image:linear-gradient(90deg,#0009,transparent 55%,#0005);pointer-events:none}
#app .og-mechanic-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;width:min(1450px,calc(100% - clamp(30px,10vw,200px)));min-height:236px;margin:auto;padding:26px 0;box-sizing:border-box}
#app .og-mechanic-hero-copy{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:13px;align-content:center;max-width:690px}
#app .og-mechanic-hero-icon{grid-row:1/5;display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--mechanic-accent) 56%,transparent);border-radius:9px;background:color-mix(in srgb,var(--mechanic-accent) 17%,#14202b);color:var(--mechanic-accent)}
#app .og-mechanic-hero-icon svg,#app .og-mechanic-card-icon svg,#app .og-mechanic-deposit-track svg{width:23px;height:23px}
#app .og-mechanic-hero .og-reward-eyebrow{align-self:center;color:var(--mechanic-ink);font-size:.64rem}
#app .og-mechanic-hero h1{grid-column:2;margin:12px 0 5px;color:#fff;font:750 clamp(2.15rem,4vw,3.35rem)/1.02 Oswald,Impact,sans-serif;text-transform:uppercase}
#app .og-mechanic-hero p{grid-column:2;max-width:520px;margin:0;color:#d3dfe2;font-size:.83rem;line-height:1.5}
#app .og-mechanic-rates-link{grid-column:2;justify-self:start;margin-top:16px;border-bottom:1px solid var(--mechanic-accent);color:var(--mechanic-ink);font-size:.72rem;font-weight:800;text-decoration:none}
#app .og-mechanic-rates-link span{padding-left:8px}
#app .og-mechanic-hero-rate{display:grid;align-content:center;justify-items:end;gap:4px;min-width:198px;min-height:148px;padding:18px 22px;border:1px solid color-mix(in srgb,var(--mechanic-accent) 42%,#cfe4f421);border-radius:10px;background:linear-gradient(132deg,color-mix(in srgb,var(--mechanic-accent) 13%,#192739),#172536cb 60%);box-shadow:inset 3px 0 0 var(--mechanic-accent);text-align:right;box-sizing:border-box}
#app .og-mechanic-hero-rate span{color:#c4d4d8;font-size:.61rem;font-weight:800;letter-spacing:.1em}
#app .og-mechanic-hero-rate strong{color:var(--mechanic-accent);font:800 3.6rem/1 Oswald,Impact,sans-serif}
#app .og-mechanic-hero-rate small{color:#d4e0e3;font-size:.67rem}
#app .og-mechanic-content{padding-top:27px}
#app .og-mechanic-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:15px}
#app .og-mechanic-formula,#app .og-mechanic-guide{min-width:0;overflow:hidden;border:1px solid #aabed333;border-radius:10px;background:#1b2630;box-shadow:inset 3px 0 0 var(--mechanic-accent)}
#app .og-mechanic-formula{padding:23px 25px 18px;background:linear-gradient(145deg,var(--mechanic-glow),transparent 43%),#1b2630}
#app .og-mechanic-card-heading{display:flex;align-items:center;gap:11px}
#app .og-mechanic-card-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid color-mix(in srgb,var(--mechanic-accent) 48%,transparent);border-radius:8px;background:color-mix(in srgb,var(--mechanic-accent) 16%,#192633);color:var(--mechanic-accent)}
#app .og-mechanic-card-heading span:not(.og-mechanic-card-icon),#app .og-mechanic-guide-head>span{color:var(--mechanic-ink);font-size:.61rem;font-weight:800;letter-spacing:.11em}
#app .og-mechanic-card-heading h2,#app .og-mechanic-guide-head h2{margin:4px 0 0;color:#f7fafb;font-size:1.12rem;line-height:1.2}
#app .og-mechanic-equation{display:flex;align-items:stretch;gap:5px;min-width:0;margin:27px 0 19px;overflow-x:auto;scrollbar-width:thin}
#app .og-mechanic-equation>div{display:grid;align-content:center;justify-items:center;gap:7px;flex:1 0 76px;min-width:76px;min-height:96px;padding:9px 5px;border:1px solid #b3c6d333;border-radius:8px;background:#14212e;text-align:center;box-sizing:border-box}
#app .og-mechanic-equation>div.result{border-color:color-mix(in srgb,var(--mechanic-accent) 68%,transparent);background:color-mix(in srgb,var(--mechanic-accent) 18%,#152330)}
#app .og-mechanic-equation strong{color:#f3f8fa;font-size:clamp(1rem,1.5vw,1.45rem);white-space:nowrap}
#app .og-mechanic-equation .result strong{color:var(--mechanic-accent)}
#app .og-mechanic-equation small{max-width:100%;color:#9fb4bd;font-size:.52rem;font-weight:800;letter-spacing:.04em;line-height:1.25}
#app .og-mechanic-equation>b{align-self:center;flex:none;color:var(--mechanic-ink);font-size:1.05rem}
#app .og-mechanic-formula>p{margin:0;color:#aebdc3;font-size:.68rem;line-height:1.5}
#app .og-mechanic-deposit-track{display:flex;align-items:center;justify-content:space-between;gap:9px;position:relative;z-index:0;margin:23px 0 -9px}
#app .og-mechanic-deposit-track::before{content:'';position:absolute;z-index:-1;left:20px;right:20px;top:50%;height:2px;background:linear-gradient(90deg,var(--mechanic-accent),#ffffff3f)}
#app .og-mechanic-deposit-track span{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--mechanic-accent);border-radius:50%;background:#57492d;color:#fff3cc;font-size:.72rem;font-weight:900}
#app .og-mechanic-deposit-track span.fifth{width:37px;height:37px;background:var(--mechanic-accent);color:#192127}
#app .og-mechanic-deposit-track svg{width:19px;height:19px}
#app .og-mechanic-guide{padding-bottom:5px}
#app .og-mechanic-guide-head{padding:24px 25px 14px}
#app .og-mechanic-steps{border:0;border-radius:0;background:transparent}
#app .og-mechanic-step{grid-template-columns:35px minmax(0,1fr);gap:13px;padding:14px 25px;border-top:1px solid #dce8f017}
#app .og-mechanic-step>span{color:var(--mechanic-accent);font:700 1rem Oswald,Impact,sans-serif}
#app .og-mechanic-step strong{color:#f2f7f9;font-size:.78rem}
#app .og-mechanic-step p{margin:4px 0 0;color:#b3c0c4;font-size:.7rem;line-height:1.47}
#app .og-mechanic-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}
#app .og-mechanic-facts>div{display:grid;gap:5px;min-width:0;padding:14px 18px;border:1px solid #aec2d02e;border-radius:8px;background:#1b2630;box-shadow:inset 3px 0 0 var(--mechanic-accent)}
#app .og-mechanic-facts span{color:#a9babe;font-size:.59rem;font-weight:800;letter-spacing:.1em}
#app .og-mechanic-facts strong{color:#f4f8f9;font-size:.78rem}
#app .og-mechanic-footnote{margin:17px 0 0;color:#aebcc1;font-size:.69rem;line-height:1.55}
#app .og-mechanic-content .og-reward-status{margin-top:23px;border-color:#9cb4c72b;background:#1b2630}
#app .og-mechanic-content .og-reward-status-dot{background:var(--mechanic-accent)}
@media(max-width:900px){#app .og-mechanic-layout{grid-template-columns:1fr}#app .og-mechanic-hero-rate{min-width:170px}}
@media(max-width:650px){#app .og-mechanic-nav-wrap,#app .og-mechanic-content,#app .og-mechanic-hero-inner{width:calc(100% - 30px)}#app .og-mechanic-nav-wrap .og-reward-nav{gap:18px;padding-top:18px}#app .og-mechanic-hero-inner{align-items:flex-start;gap:16px;min-height:0;padding:26px 0}#app .og-mechanic-hero-copy{grid-template-columns:34px minmax(0,1fr);column-gap:9px}#app .og-mechanic-hero-icon{width:34px;height:34px}#app .og-mechanic-hero-icon svg{width:20px;height:20px}#app .og-mechanic-hero h1{font-size:2rem}#app .og-mechanic-hero p{font-size:.75rem}#app .og-mechanic-hero-rate{min-width:98px;min-height:115px;padding:11px 9px}#app .og-mechanic-hero-rate span{font-size:.47rem}#app .og-mechanic-hero-rate strong{font-size:2.45rem}#app .og-mechanic-hero-rate small{font-size:.51rem}#app .og-mechanic-formula{padding:18px 15px}#app .og-mechanic-guide-head{padding:19px 18px 13px}#app .og-mechanic-step{padding:14px 18px}#app .og-mechanic-facts{gap:7px}#app .og-mechanic-facts>div{padding:11px 9px}#app .og-mechanic-facts strong{font-size:.66rem}}
@media(max-width:420px){#app .og-mechanic-hero-inner{display:block}#app .og-mechanic-hero-rate{justify-items:start;width:max-content;min-height:0;margin:18px 0 0 43px;text-align:left}#app .og-mechanic-hero-rate strong{font-size:2rem}#app .og-mechanic-facts{grid-template-columns:1fr}#app .og-mechanic-facts>div{grid-template-columns:90px 1fr;align-items:center}}

/* Rewards overview preview: three paired rows followed by a full-width VIP card. */
#app .og-rewards-reference .og-feature-rewards{align-items:stretch}
#app .og-rewards-reference .og-feature-rewards>.og-reward-feature{display:flex;flex-direction:column}
#app .og-rewards-reference .og-boost-feature{grid-column:auto}
#app .og-rewards-reference .og-reward-amounts,#app .og-rewards-reference .og-boost-stage{margin-top:auto}
#app .og-rewards-reference .og-boost-dots>span{position:relative}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-boost-dots>span.done{border-color:var(--neon-lime);background:#315a21;color:#f1ffe3}
#app .og-rewards-reference .og-boost-number{font:inherit;color:inherit}
#app .og-rewards-reference .og-boost-tick{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--neon-lime);color:#17220e;font-size:10px;font-weight:900;font-style:normal;line-height:1;box-shadow:0 0 0 2px #172420}
#app .og-rewards-reference .og-upcoming-feature .og-upcoming-detail{display:flex;align-items:end;justify-content:space-between;gap:12px;min-height:90px;margin-top:auto;padding:18px 17px;background:#172129}
#app .og-rewards-reference .og-upcoming-detail span{color:#93a9b4;font-size:.58rem;font-weight:800;letter-spacing:.1em}
#app .og-rewards-reference .og-upcoming-detail strong{max-width:62%;color:var(--card-accent);font-size:.79rem;text-align:right}
#app .og-rewards-reference .og-vip-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;align-items:center;gap:26px;width:min(1450px,calc(100% - clamp(30px,12vw,240px)));min-height:148px;margin:13px auto 0;padding:20px 24px;border:1px solid #c486ff75;border-radius:10px;background:linear-gradient(105deg,#222437,#1b2630 58%,#19222d);box-shadow:inset 3px 0 0 var(--neon-violet),0 8px 22px #06101730}
#app .og-vip-feature-main{display:flex;align-items:flex-start;gap:15px;min-width:0}
#app .og-vip-feature-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #c486ff80;border-radius:9px;background:#c486ff27;color:var(--neon-violet)}
#app .og-vip-feature-icon svg{width:24px;height:24px}
#app .og-vip-feature-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#app .og-vip-feature-heading h3{margin:0;color:#f9f5ff;font-size:.98rem}
#app .og-vip-unlock{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #c486ff66;border-radius:5px;background:#c486ff1c;color:#e7ceff;font-size:.63rem;font-weight:800;white-space:nowrap}
#app .og-vip-unlock svg{width:13px;height:13px}
#app .og-vip-feature-main p{max-width:390px;margin:9px 0 0;color:#c0bdcf;font-size:.72rem;line-height:1.45}
#app .og-vip-feature-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#app .og-vip-feature-perks span{padding:7px 9px;border:1px solid #c486ff26;border-radius:5px;background:#c486ff0e;color:#ebe5f1;font-size:.65rem}
#app .og-vip-feature>a{color:#e9d4ff;font-size:.69rem;font-weight:800;text-decoration:none;white-space:nowrap}
#app .og-vip-feature>a:hover{text-decoration:underline}
@media(max-width:1050px){#app .og-rewards-reference .og-vip-feature{grid-template-columns:1fr auto}#app .og-vip-feature-perks{grid-column:1/-1;grid-row:2}}
@media(max-width:720px){#app .og-rewards-reference .og-vip-feature{grid-template-columns:1fr;width:calc(100% - 30px);gap:15px;padding:17px}#app .og-vip-feature-perks{grid-column:auto;grid-row:auto}#app .og-vip-feature>a{justify-self:start}#app .og-rewards-reference .og-upcoming-feature .og-upcoming-detail{min-height:72px}}

/* Keep the overview cards equal in height; explanations live behind the info controls. */
#app .og-rewards-reference .og-feature-rewards{grid-auto-rows:174px}
#app .og-rewards-reference .og-feature-rewards>.og-reward-feature{position:relative;min-height:0;overflow:visible}
#app .og-rewards-reference .og-reward-feature:has(.og-reward-info[open]),#app .og-rewards-reference .og-vip-feature:has(.og-reward-info[open]){z-index:20}
#app .og-rewards-reference .og-feature-top{align-items:center;padding:14px 16px 0}
#app .og-rewards-reference .og-feature-top h3{flex:1;min-width:0}
#app .og-rewards-reference .og-reward-amounts,#app .og-rewards-reference .og-boost-stage,#app .og-rewards-reference .og-upcoming-feature .og-upcoming-detail{flex:1;box-sizing:border-box;border-radius:0 0 9px 9px}
#app .og-rewards-reference .og-boost-stage{display:flex;flex-direction:column;justify-content:center;padding:13px 17px}
#app .og-rewards-reference .og-stage-caption{margin-bottom:13px}
#app .og-rewards-reference .og-boost-dots{margin-bottom:0}
#app .og-rewards-reference .og-upcoming-feature .og-upcoming-detail{align-items:flex-end;justify-content:flex-end;min-height:0;padding:16px}
#app .og-rewards-reference .og-upcoming-detail strong{max-width:100%;text-align:right}
#app .og-rewards-reference .og-vip-feature{min-height:124px;padding:17px 22px}
#app .og-reward-info{position:relative;flex:none;margin-left:auto}
#app .og-reward-info summary{display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff3d;border-radius:50%;background:#ffffff0b;color:#dce4e6;cursor:pointer;font-size:.84rem;font-weight:700;line-height:1;list-style:none}
#app .og-reward-info summary::-webkit-details-marker{display:none}
#app .og-reward-info summary:hover,#app .og-reward-info[open] summary{border-color:var(--card-accent,var(--neon-violet));color:#fff}
#app .og-reward-info summary:focus-visible{outline:2px solid var(--card-accent,var(--neon-violet));outline-offset:3px}
#app .og-reward-info-popover{position:absolute;top:29px;right:0;z-index:30;width:min(268px,80vw);padding:13px 14px;border:1px solid #acc1c575;border-radius:8px;background:#111b24;color:#d5e0e2;box-shadow:0 12px 30px #0009}
#app .og-reward-info-popover strong{display:block;color:#f5f9f6;font-size:.75rem}
#app .og-reward-info-popover p{margin:6px 0 0;color:#c6d1d4;font-size:.7rem;line-height:1.45}
#app .og-vip-feature .og-reward-info{margin-left:0}
#app .og-vip-feature .og-reward-info-popover{right:auto;left:0}
@media(max-width:720px){#app .og-rewards-reference .og-feature-rewards{grid-auto-rows:minmax(162px,auto)}#app .og-rewards-reference .og-feature-rewards>.og-reward-feature{min-height:162px}#app .og-rewards-reference .og-vip-feature{min-height:0}}

/* Calmer cobalt preview: one restrained lime accent and a softer hero image. */
#app .og-rewards-reference[class*="og-reward-palette-"] .og-feature-rewards>.og-reward-feature:nth-child(4){--card-accent:var(--neon-violet);--card-glow:var(--neon-violet)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-feature-rewards>.og-reward-feature:nth-child(5){--card-accent:var(--neon-cyan);--card-glow:var(--neon-cyan)}
#app .og-rewards-reference[class*="og-reward-palette-"] .og-feature-rewards>.og-reward-feature:nth-child(6){--card-accent:var(--neon-yellow);--card-glow:var(--neon-yellow)}
#app .og-rewards-reference.og-reward-palette-cobalt .og-feature-rewards>.og-reward-feature:nth-child(n){--card-accent:#a8ed4d;--card-glow:#a8ed4d;background:#17222b;border-color:#88a9638c}
#app .og-rewards-reference.og-reward-palette-cobalt .og-feature-top{background:linear-gradient(90deg,#2b4135,#21312f 57%,#1c292d);color:#f3f7f0}
#app .og-rewards-reference.og-reward-palette-cobalt .og-feature-top h3{color:#f5f8f3}
#app .og-rewards-reference.og-reward-palette-cobalt .og-feature-icon{background:#29432c;border-color:#86ad52;color:#b2ff3b}
#app .og-rewards-reference.og-reward-palette-cobalt .og-reward-amounts,#app .og-rewards-reference.og-reward-palette-cobalt .og-boost-stage,#app .og-rewards-reference.og-reward-palette-cobalt .og-upcoming-feature .og-upcoming-detail{background:#17222b}
#app .og-rewards-reference.og-reward-palette-cobalt .og-reward-amounts strong,#app .og-rewards-reference.og-reward-palette-cobalt .og-upcoming-detail strong{color:#f4f7f1}
#app .og-rewards-reference.og-reward-palette-cobalt .og-reward-amounts>div:last-child strong{color:#b2ff3b}
#app .og-rewards-reference.og-reward-palette-cobalt .og-reward-amounts button,#app .og-rewards-reference.og-reward-palette-cobalt .og-reward-amounts span{background:#415e3f;color:#f3f8ef}
#app .og-rewards-reference.og-reward-palette-cobalt .og-boost-dots>span:last-child{background:#2e402e;border-color:#86a85c;color:#e4efdc}
#app .og-rewards-reference.og-reward-palette-cobalt .og-upcoming-detail span{color:#aebdb7}
#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-feature{border-color:#88a9638c;background:#17222b;box-shadow:inset 3px 0 0 #a8ed4d,0 8px 22px #06101730}
#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-feature-icon{border-color:#86ad52;background:#29432c;color:#b2ff3b}
#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-feature-heading h3{color:#f4f7f1}
#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-unlock{border-color:#78975f;background:#2b3c31;color:#e5f1dc}
#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-feature-main p{color:#b8c6be}
#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-feature-perks span{border-color:#6d856b66;background:#22312e;color:#e2eae2}
#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-feature>a{color:#d6e9c9}
#app .og-rewards-reference.og-reward-palette-cobalt .og-rewards-profile::before{opacity:.94;background:linear-gradient(90deg,#0b1724eb 0%,#101b27c9 47%,#0b1724e9 100%),radial-gradient(circle at 72% 25%,#9a718322,transparent 40%),url('./assets/og-club-hero-ambient.png') center 54%/cover no-repeat;filter:blur(12px) brightness(.82) saturate(.6)}
#app .og-rewards-reference.og-reward-palette-cobalt .og-rewards-profile::after{opacity:.11;background:radial-gradient(#c8dbb7 1px,transparent 1.2px) 0 0/13px 13px}
#app .og-rewards-reference.og-reward-palette-cobalt .og-profile-avatar{border-color:#98bc7880;box-shadow:0 8px 24px #0008}
#app .og-rewards-reference.og-reward-palette-cobalt .og-profile-avatar small,#app .og-rewards-reference.og-reward-palette-cobalt .og-profile-levels span.current{color:#d5e7c7}
#app .og-rewards-reference.og-reward-palette-cobalt .og-avatar-level i:first-child{background:#a8ed4d}
#app .og-rewards-reference.og-reward-palette-cobalt .og-profile-segments i,#app .og-rewards-reference.og-reward-palette-cobalt.og-demo-view .og-profile-segments>span.current i{background:#a8ed4d}
#app .og-rewards-reference.og-reward-palette-cobalt .og-profile-stats>div:nth-child(n){border-color:#86a27366;background:#1a2930d9}
#app .og-rewards-reference.og-reward-palette-cobalt .og-profile-stats>div:nth-child(n) .og-stat-icon{color:#c2dcab}
#app .og-rewards-reference.og-reward-palette-cobalt .og-dashboard-heading .nav-icon{color:#b2ff3b}
#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-panel{border-color:#88a9638c;background:#17222b;box-shadow:inset 3px 0 0 #a8ed4d,0 8px 22px #06101730}
#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-eyebrow{color:#c4d9b4}
#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-period button.active{background:#3d593c;color:#f3f8f0}
#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-key.wager{background:#a8ed4d}
#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-key.payout{background:#9bad9e}
#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-bar{fill:#a8ed4d;filter:none}
#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-line{stroke:#a4b7a6;filter:none}
#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-metrics{border-color:#88a96355}
#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-metrics>div:nth-child(n) strong{color:#f0f5ee}
#app .og-rewards-reference.og-reward-palette-cobalt .og-reward-status-dot{background:#a8ed4d}

/* Blend tile bodies into the page and finish the exposed upper corners. */
#app .og-rewards-reference.og-reward-palette-cobalt .og-feature-rewards>.og-reward-feature:nth-child(n){background:#111820;border-radius:10px}
#app .og-rewards-reference.og-reward-palette-cobalt .og-feature-rewards>.og-reward-feature::before{content:'';position:absolute;top:-1px;left:-1px;z-index:2;width:5px;height:51px;border-radius:10px 0 0 0;background:#b2ff3b;pointer-events:none}
#app .og-rewards-reference.og-reward-palette-cobalt .og-feature-top{border-radius:9px 9px 0 0}
#app .og-rewards-reference.og-reward-palette-cobalt .og-reward-amounts,#app .og-rewards-reference.og-reward-palette-cobalt .og-boost-stage,#app .og-rewards-reference.og-reward-palette-cobalt .og-upcoming-feature .og-upcoming-detail{background:#111820}
#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-feature,#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-panel{background:#111820}

/* Keep the longer OG rank names visible on compact rank cards. */
#app .og-modal-rank strong,#app .og-rank-option strong{overflow:visible;max-width:100%;white-space:normal;text-overflow:clip;line-height:1.08;overflow-wrap:normal;text-align:center}
#app .og-modal-rank strong{min-height:1.5em;font-size:.67rem}
#app .og-rank-option strong{text-align:left}
#app .og-modal-levels button{min-width:98px}
@media(max-width:720px){#app .og-modal-rank strong{font-size:.61rem}#app .og-modal-levels button{min-width:90px}}

/* Keep the rank details in a centered, compact dialog with the page visible behind it. */
#app .og-rank-modal-overlay{z-index:300;background:rgba(0,0,0,.64);backdrop-filter:none;-webkit-backdrop-filter:none}
#app .og-rank-modal{width:min(650px,100%);max-height:min(730px,calc(100dvh - 88px));overscroll-behavior:contain}
@media(max-width:700px){#app .og-rank-modal-overlay{padding:16px}#app .og-rank-modal{max-height:calc(100dvh - 32px)}}

/* Rewards layout preview: two full cards, then cash boost and three compact rewards. */
#app .og-rewards-reference .og-feature-rewards{grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:174px 126px;grid-auto-rows:126px}
#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(1),
#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(2){grid-column:span 9}
#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(3){grid-column:span 6}
#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(n+4){grid-column:span 4}
#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(n+3) .og-feature-top{gap:4px;min-height:28px;padding:7px 8px 0}
#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(n+3) .og-feature-top h3{font-size:.66rem;line-height:1.05;white-space:nowrap}
#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(n+3) .og-feature-icon{width:24px;height:24px;flex:none}
#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(n+3) .og-feature-icon svg{width:16px;height:16px}
#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(n+3) .og-reward-info summary{width:19px;height:19px;font-size:.72rem}
#app .og-rewards-reference .og-boost-feature .og-boost-stage{justify-content:center;padding:7px 11px 10px}
#app .og-rewards-reference .og-boost-feature .og-stage-caption{margin-bottom:8px}
#app .og-rewards-reference .og-boost-feature .og-stage-caption small{font-size:.53rem}
#app .og-rewards-reference .og-boost-feature .og-boost-dots{gap:4px}
#app .og-rewards-reference .og-boost-feature .og-boost-dots>span{width:25px;height:25px;font-size:.61rem}
#app .og-rewards-reference .og-level-bonus .og-upcoming-detail,
#app .og-rewards-reference .og-period-bonus .og-upcoming-detail{display:flex;align-items:center;justify-content:center;min-height:0;padding:10px 13px;box-sizing:border-box;text-align:center}
#app .og-rewards-reference .og-level-bonus .og-upcoming-detail{flex-direction:column;gap:6px}
#app .og-rewards-reference .og-level-bonus-amount{max-width:none;color:#f5f8f1;font-size:2.25rem;font-weight:900;line-height:1}
#app .og-rewards-reference .og-period-flow{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0}
#app .og-rewards-reference .og-period-flow>strong{max-width:none;color:#f4f8f1;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-align:left}
#app .og-rewards-reference .og-period-flow-line{color:var(--neon-lime);font-size:1.5rem;line-height:1}
#app .og-rewards-reference .og-period-cash{display:flex;align-items:center;gap:5px;min-width:0}
#app .og-rewards-reference .og-period-cash i{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #a8ed4d99;border-radius:50%;background:#a8ed4d1c;color:var(--neon-lime);font-size:1rem;font-style:normal;font-weight:800}
#app .og-rewards-reference .og-period-cash b{color:#f4f8f1;font-size:.66rem;line-height:1.04;text-align:left;letter-spacing:.02em;white-space:nowrap}
@media(max-width:850px){#app .og-rewards-reference .og-feature-rewards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(126px,auto)}#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(n){grid-column:span 1}#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(-n+2){min-height:174px}}
@media(max-width:700px){#app .og-rewards-reference .og-feature-rewards{grid-template-columns:1fr;grid-auto-rows:minmax(126px,auto)}#app .og-rewards-reference .og-feature-rewards>.og-reward-feature:nth-child(n){grid-column:1}#app .og-rewards-reference .og-level-bonus-amount{font-size:2.25rem}}