/* DGN Rewards v2 layout overrides. Core design tokens and component styles live in league.css + rewards.css. */

.rw-subnav{display:flex;gap:.55rem;align-items:center;margin:0 0 1.1rem;padding:.35rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface);width:max-content;max-width:100%}
.rw-subnav a{display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem;padding:.55rem .9rem;border-radius:.55rem;color:var(--muted);font:800 .7rem var(--font-display);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.rw-subnav a:hover{color:var(--ink);background:rgba(255,255,255,.04)}
.rw-subnav a.active{color:var(--accent-ink);background:linear-gradient(var(--accent-bright),var(--accent))}

.rw-hero{grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);gap:clamp(1rem,4vw,2rem);padding-bottom:1.8rem}
.rw-coin{max-width:15.5rem}
.rw-panel{margin-top:1.25rem}

.rw-weekly-panel{padding:1.15rem 1.35rem}
.rw-weekly-panel .rw-cap{margin-bottom:.7rem}
.rw-weekly{width:100%;border-collapse:collapse;table-layout:fixed}
.rw-weekly th{padding:.35rem .55rem;border-bottom:1px solid var(--line);color:var(--subtle);font:800 .52rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;text-align:left}
.rw-weekly td{padding:.48rem .55rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.86rem}
.rw-weekly tbody tr:last-child td{border-bottom:0}
.rw-weekly .rank{width:3.4rem;text-align:center;color:var(--subtle);font:900 .82rem var(--font-display)}
.rw-weekly .player{font-weight:700;color:var(--ink)}
.rw-weekly .points{width:8.5rem;text-align:right;color:var(--accent);font:900 .95rem var(--font-display)}
.rw-weekly tr.top .rank{color:var(--orange)}
.rw-weekly-empty{text-align:center;color:var(--muted);padding:.8rem!important}

/* Weekly giveaway ticket purchasing now lives inside the Rewards Shop. */
.rw-shop-featured{grid-template-columns:1fr;margin-bottom:.9rem}
.rw-ticket-shop{display:block;padding:1.2rem 1.3rem;border-color:rgba(180,247,36,.26);background:radial-gradient(90% 130% at 100% 0,rgba(180,247,36,.07),transparent 68%),var(--inset)}
.rw-ticket-shop:hover{border-color:rgba(180,247,36,.42)}
.rw-ticket-shop .rw-shop-desc{max-width:75ch;margin-top:.45rem}
.rw-ticket-shop .rw-shop-desc b{color:var(--ink)}
.rw-ticket-shop .rw-dp-cost{color:var(--accent);font-size:.95rem;letter-spacing:.03em}
.rw-ticket-shop .rw-ticket-wallet{margin:.9rem 0 0}
.rw-ticket-shop .rw-ticket-wallet .v{font-size:1.05rem}
.rw-ticket-shop .rw-ticket-draw{font-size:.78rem!important;line-height:1.25;color:var(--muted)!important}
.rw-ticket-shop .rw-ticket-buy{align-items:stretch;margin-top:.8rem}
.rw-ticket-shop .rw-select{flex:1 1 13rem;min-width:0}
.rw-ticket-shop .rw-btn{width:auto;min-width:9rem}
.rw-ticket-shop .rw-msg{margin:.65rem 0 0;min-height:1rem}

.rw-blackjack-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}
.rw-blackjack-head h1{margin:0;font:900 clamp(2rem,5vw,3.3rem)/1 var(--font-display);text-transform:uppercase;letter-spacing:-.03em}
.rw-blackjack-head p{margin:.45rem 0 0;color:var(--muted);max-width:54ch}
.rw-blackjack-head .rw-balance-pill{display:flex;align-items:center;gap:.55rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface);white-space:nowrap}
.rw-balance-pill img{width:1.8rem;height:1.8rem;object-fit:contain}
.rw-balance-pill span{display:block;color:var(--subtle);font:800 .5rem var(--font-display);letter-spacing:.12em;text-transform:uppercase}
.rw-balance-pill b{display:block;color:var(--orange);font:900 1.1rem var(--font-display)}

@media(max-width:760px){
  .rw-hero{grid-template-columns:1fr;text-align:left}
  .rw-coin-wrap{position:absolute;right:-2.5rem;top:1rem;opacity:.22;pointer-events:none}
  .rw-coin{width:12rem}
  .rw-hero-copy{position:relative;z-index:1}
  .rw-blackjack-head{align-items:flex-start;flex-direction:column}
}

@media(max-width:560px){
  section[aria-labelledby="rwStreakTitle"]{padding:.85rem 1rem;margin-top:.85rem}
  section[aria-labelledby="rwStreakTitle"] .rw-cap{align-items:center;margin-bottom:.45rem;gap:.35rem}
  section[aria-labelledby="rwStreakTitle"] .rw-cap h2{font-size:1rem}
  section[aria-labelledby="rwStreakTitle"] .rw-cap span{font-size:.52rem;letter-spacing:.09em}
  .rw-days{display:flex;grid-template-columns:none;gap:.45rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -.1rem;padding:.12rem .1rem .35rem}
  .rw-days::-webkit-scrollbar{display:none}
  .rw-day{flex:0 0 calc((100% - .9rem)/3);min-width:0;scroll-snap-align:center;scroll-snap-stop:always;padding:.5rem .25rem;gap:.22rem;border-radius:.55rem}
  .rw-day.current{transform:none}
  .rw-day img{width:1.45rem;height:1.45rem}
  .rw-day .p{font-size:.74rem;white-space:nowrap}
  .rw-day .d{font-size:.44rem;white-space:nowrap}
  section[aria-labelledby="rwStreakTitle"] .rw-claim-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;margin-top:.55rem}
  section[aria-labelledby="rwStreakTitle"] .rw-claim-row .rw-btn{padding:.58rem .8rem;font-size:.66rem;white-space:nowrap}
  section[aria-labelledby="rwStreakTitle"] .rw-note{font-size:.72rem;line-height:1.25;margin:0}
}

@media(max-width:520px){
  .rw-subnav{width:100%}
  .rw-subnav a{flex:1}
  .rw-weekly .points{width:6.7rem}
  .rw-weekly-panel{padding:1rem}
  .rw-ticket-shop{padding:1rem}
  .rw-ticket-shop .rw-shop-head{align-items:flex-start;flex-direction:column}
  .rw-ticket-shop .rw-ticket-wallet{grid-template-columns:1fr 1fr}
  .rw-ticket-shop .rw-ticket-wallet>div:last-child{grid-column:1/-1}
  .rw-ticket-shop .rw-ticket-buy .rw-select,.rw-ticket-shop .rw-ticket-buy .rw-btn{flex:1 1 100%;width:100%}
}

@media(max-width:370px){
  section[aria-labelledby="rwStreakTitle"] .rw-claim-row{grid-template-columns:1fr}
  section[aria-labelledby="rwStreakTitle"] .rw-claim-row .rw-btn{width:100%}
}