/* 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}