/* Prudent Deals v5c "Bright & Bold" layer. Loads after v5.css. White base, vivid blue-violet-pink hero,
   orange = buy, green = play. All motion is disabled under prefers-reduced-motion. */
:root{
  --bg:#ffffff;--bg2:#f5f6fb;--card:#ffffff;--card2:#f5f6fb;--ink:#14142b;--muted:#4a4f63;--line:#e3e5ef;
  --teal:#4338ca;--link:#4338ca;--cta:#ff6b1a;--ctaS:#c2410c;--hot:#db2777;--hotS:#9d174d;
  --play:#22c55e;--playS:#15803d;--blue:#2563eb;--vio:#7c3aed;--pink:#db2777;
  --tint-y:#eef2ff;--tint-p:#fdf2f8;--tint-g:#ecfdf5;--tint-b:#eff6ff;--tint-o:#f5f3ff;
  --h1:#be185d;--s1:#c2410c;--s2:#6d28d9;--s3:#057a3a;
  --rainbow:linear-gradient(90deg,#2563eb,#7c3aed 35%,#db2777 70%,#ff6b1a);
  --heroG:linear-gradient(125deg,#2563eb 0%,#7c3aed 48%,#db2777 100%);
  --spring:cubic-bezier(.34,1.56,.64,1);
  --stk:#ede9fe;
}
[data-theme=dark]{
  --bg:#12121f;--bg2:#17172a;--card:#1c1c2e;--card2:#262640;--ink:#f4f4f7;--muted:#c5c5d2;--line:#34344d;
  --teal:#a5b4fc;--link:#a5b4fc;--h1:#f9a8d4;--s1:#fdba74;--s2:#c4b5fd;--s3:#86efac;
  --tint-y:#1e1f3d;--tint-p:#2a1830;--tint-g:#132a22;--tint-b:#16223d;--tint-o:#221a3d;
  --heroG:linear-gradient(125deg,#1e3a8a 0%,#4c1d95 50%,#831843 100%);
  --stk:#3b2a6b;
}
body{background:var(--bg)}
.pv-ribbon{background:#14142b;color:#fff}.pv-ribbon a{color:#c4b5fd}

/* header chips: no yellow */
.cats .c-home{--c:#e5e7eb}.cats .c-arcade{--c:#86efac}.cats .c-shop{--c:#fdba74}.cats .c-deals{--c:#93c5fd}.cats .c-guides{--c:#c4b5fd}.cats .c-tommy{--c:#f9a8d4}
.brand .logo circle,.site-foot .logo circle{fill:#fff}
.qres .k{background:var(--stk);color:var(--ink)}.qres .k.k-Deal{background:#bbf7d0;color:#14142b}
.qres .k.k-Guide,.qres .k.k-Game,.qres .k.k-Apparel,.qres .k.k-Tommy{color:#14142b}

/* buttons: lift + springy bounce, squish on tap */
.btn,.hero .btn{transition:transform .28s var(--spring),box-shadow .2s,filter .2s;font-weight:700}
.btn:hover,.hero .btn:hover{transform:translateY(-3px) scale(1.03)}
.btn:active,.hero .btn:active{transform:translateY(2px) scale(.96);transition-duration:.08s}
.btn.hot,.hero .btn.hot{background:var(--hot);color:#fff;box-shadow:0 4px 0 var(--hotS)}
a.btn.hot,a.btn.hot:hover{color:#fff}
.btn.hot:hover{background:var(--hot)}
.btn.play,.hero .btn.play{background:linear-gradient(135deg,#4ade80,#22c55e);color:#14142b;box-shadow:0 5px 0 var(--playS),0 10px 24px rgba(21,128,61,.35)}
.btn.play:hover,.hero .btn.play:hover{background:linear-gradient(135deg,#4ade80,#22c55e);color:#14142b;box-shadow:0 7px 0 var(--playS),0 14px 28px rgba(21,128,61,.4)}
.joy{display:inline-flex;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#14142b;align-items:center;justify-content:center;flex:none}
.joy svg{width:20px;height:20px}
/* stickers & labels: violet, not yellow */
.dcat,.bt-label,.gtag{background:var(--stk);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.btile .bt-label{color:var(--ink)}
.bt-arcade .bt-label,.bt-today .bt-label{background:#bbf7d0;color:#14142b}
.pick-price{background:var(--tint-o);color:var(--ink)}
.ftc{background:var(--tint-b);border:2px solid #93c5fd;color:var(--ink)}
.bt-ico{background:var(--tint-y)!important;color:#4338ca!important}
[data-theme=dark] .bt-ico{color:#c4b5fd!important}
.bt-chips a:hover{background:var(--tint-y);border-color:var(--vio)}
.bt-finder{--acc:#2563eb}
.grid>:nth-child(4n+2){--acc:#7c3aed}
.tb-cycle button{background:#c4b5fd;box-shadow:0 3px 0 #7c3aed}
.tb-filters button[aria-pressed=true]{background:#c4b5fd;border-color:#7c3aed;color:#14142b}
.go{color:var(--link)!important}
[data-theme=dark] .go{color:#a5b4fc!important}

/* cards: hard offset shadow (sticker feel) + slight tilt on hover */
.deal,.product,.gcard,.game,.btile,.tdeal{transition:transform .3s var(--spring),box-shadow .2s}
.deal:hover,.product:hover,.gcard:hover,a.game:hover,a.btile:hover,.btile:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:6px 8px 0 rgba(124,58,237,.22)}
.grid>:nth-child(even):hover,.gcards>:nth-child(even):hover,.big-tiles>:nth-child(even):hover{transform:translateY(-5px) rotate(.6deg)}

/* page heads: vivid gradients, white text */
.page-head{background:linear-gradient(120deg,#2563eb,#7c3aed);color:#fff}
.page-head h1,.page-head p,.page-head .byline,.page-head .fine,.page-head b{color:#fff}
.page-head a,.guide-head .crumbs a{color:#fff}
.arcade-head{background:linear-gradient(120deg,#6d28d9,#be185d)}
.arcade-head h1{color:#fff}
.guide-head{background:linear-gradient(120deg,#be185d,#6d28d9)}
[data-theme=dark] .page-head{background:linear-gradient(120deg,#1e3a8a,#4c1d95)}
[data-theme=dark] .arcade-head,[data-theme=dark] .guide-head{background:linear-gradient(120deg,#4c1d95,#831843)}
.page-head::after,.hero::after{background:radial-gradient(circle at 8% 22%,rgba(255,255,255,.7) 0 4px,transparent 5px),radial-gradient(circle at 92% 18%,#ffd400 0 5px,transparent 6px),radial-gradient(circle at 60% 12%,rgba(255,255,255,.6) 0 3px,transparent 4px),radial-gradient(circle at 96% 70%,#86efac 0 4px,transparent 5px)}

/* ---------- homepage hero ---------- */
.hero{background:var(--heroG);color:#fff;isolation:isolate}
[data-theme=dark] .hero{background:var(--heroG)}
.hero::before{display:none}
.hero-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;pointer-events:none;z-index:0;will-change:transform}
.hero-blob.b1{width:460px;height:460px;left:-140px;top:-160px;background:#4338ca;animation:blobA 22s ease-in-out infinite alternate}
.hero-blob.b2{width:420px;height:420px;right:-120px;bottom:-180px;background:#be185d;animation:blobB 18s ease-in-out infinite alternate}
.hero-blob.b3{width:300px;height:300px;left:45%;top:30%;background:#6d28d9;opacity:.5;animation:blobC 24s ease-in-out infinite alternate}
@keyframes blobA{to{transform:translate(160px,90px) scale(1.15)}}
@keyframes blobB{to{transform:translate(-180px,-60px) scale(1.2)}}
@keyframes blobC{to{transform:translate(-120px,60px) scale(.85)}}
.hero h1.welcome,.hero h1.welcome span{color:#fff}
.hero h1.welcome span{text-decoration:underline;text-decoration-color:#ff6b1a;text-decoration-thickness:.12em;text-underline-offset:.12em;text-decoration-skip-ink:none}
.hero .slogan span{color:#fff}
.hero .slogan .s1{text-decoration:underline 4px #ff6b1a;text-underline-offset:5px}
.hero .slogan .s2{text-decoration:underline 4px #4ade80;text-underline-offset:5px}
.hero .slogan .s3{text-decoration:underline 4px #f9a8d4;text-underline-offset:5px}
.hero .lead{color:#fff}
.hero-copy{position:relative;min-width:0}
.hero .cta{gap:12px;margin-top:6px}
.hero .btn.play{min-height:58px;font-size:1.2rem;padding:0 26px 0 14px;border:3px solid #fff}
.hero .btn.ghost{background:#fff;color:#14142b;border:0;box-shadow:0 4px 0 rgba(20,20,43,.55)}
.hero a.btn.ghost,.hero a.btn.ghost:hover{color:#14142b;background:#fff}
.hero .btn.play.nudge{animation:nudge .9s var(--spring) 2}
@keyframes nudge{0%,100%{transform:none}30%{transform:translateY(-6px) rotate(-2deg) scale(1.04)}60%{transform:translateY(0) rotate(1.5deg)}}
.honest li{background:rgba(255,255,255,.95);color:#14142b;border-color:#fff}
.hero-art img{transform:rotate(3deg);border-radius:24px;box-shadow:10px 12px 0 rgba(20,20,43,.35);transition:transform .4s var(--spring)}
.hero-art:hover img{transform:rotate(0) scale(1.02)}

/* Tommy stands right above the arcade button; his bubble points down at it */
.hero .tb-spot{position:relative;left:auto;bottom:auto;width:auto;display:grid;grid-template-columns:96px minmax(0,360px);gap:10px;align-items:end;margin:6px 0 14px}
.hero .tb-actor{grid-column:1;grid-row:1;align-self:end;margin-bottom:-14px}
.hero .tb-bubble{position:relative;left:auto;bottom:auto;grid-column:2;grid-row:1;width:auto;min-height:150px;box-sizing:border-box;align-self:end;margin-bottom:14px;box-shadow:5px 5px 0 #14142b;border-color:#14142b;color:#14142b;background:#fff;transform-origin:0 100%}
.hero .tb-bubble::after{left:26px;background:#fff;border-color:#14142b}
.hero .tb-bubble .tb-note{color:#4a4f63}
.hero .tb-bubble.arc .tb-arrow{display:block}
.tb-arrow{display:none;font-size:1.5rem;line-height:1;margin-top:6px}
.hero .tb-hearts{left:48px;top:30%}
.hero .tb-spot.hidden{display:none}
.hero .tb-ctrl{position:static;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hero .tb-ctrl button,.hero .tb-back{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.85);min-height:40px}
.hero .tb-ctrl button:hover,.hero .tb-back:hover{background:rgba(255,255,255,.15)}
.hero .tb-back{position:static;display:none;margin-top:12px}
.hero-copy.tb-off .tb-back{display:inline-flex;align-items:center}
.hero-copy.tb-off .tb-ctrl{display:none}
[data-theme=dark] .hero .tb-bubble{background:#1c1c2e;color:#f4f4f7;border-color:#f4f4f7;box-shadow:5px 5px 0 #db2777}
[data-theme=dark] .hero .tb-bubble::after{background:#1c1c2e;border-color:#f4f4f7}
[data-theme=dark] .hero .tb-bubble .tb-note{color:#c5c5d2}
/* Tommy: idle bob + an occasional wave */
.idle .tb-armR{animation:idleWave 7s ease-in-out infinite}
@keyframes idleWave{0%,80%,100%{transform:rotate(0)}84%,92%{transform:rotate(110deg)}88%,96%{transform:rotate(132deg)}}

/* confetti burst (arcade tap) */
.pd-confetti{position:fixed;left:0;top:0;width:0;height:0;z-index:100;pointer-events:none}
.pd-confetti i{position:absolute;width:10px;height:14px;border-radius:2px}

/* sovrn walmart card (root markup, nicer in v5c) */
.aff-walmart{--acc:#2563eb;border-top:6px solid #2563eb}
.aff-walmart .btn{background:var(--cta)}

/* footer */
.site-foot{background:var(--bg2)}

@media (max-width:760px){
  .hero-copy{display:flex;flex-direction:column}
  .hero-copy>h1{order:1}.hero-copy>.slogan{order:2}.hero-copy>.tb-spot{order:3}.hero-copy>.cta{order:4}
  .hero-copy>.tb-ctrl,.hero-copy>.tb-back{order:5;align-self:flex-start}.hero-copy>.lead{order:6;margin-top:16px}.hero-copy>.honest{order:7}
  .hero{padding-top:18px}
  .hero h1.welcome{font-size:clamp(2rem,9vw,2.6rem);margin-bottom:.15em}
  .hero .slogan{margin-bottom:6px}
}
@media (max-width:520px){
  .hero .tb-spot{grid-template-columns:84px minmax(0,1fr);gap:8px;margin:2px 0 12px}
  .hero .tb-bubble{width:auto;font-size:.96rem;padding:10px 12px;min-height:0}
  .hero .tb-bubble .btn{min-height:44px;margin-top:8px}
  .hero .cta .btn.play{flex:1 1 100%}
  .hero .cta .btn{flex:1 1 auto;padding:0 14px}
  .hero-blob.b3{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hero-blob{animation:none!important}
  .btn:hover,.hero .btn:hover,.deal:hover,.product:hover,.gcard:hover,a.game:hover,a.btile:hover,.btile:hover,.hero-art:hover img{transform:none!important}
}
/* remaining cream/yellow surfaces -> cool tints */
.pill{background:var(--stk);color:var(--ink)}
.pill.live{background:#0b7a3b;color:#fff}
.easy-art span:nth-child(1){background:#4ade80}
.notice{background:var(--tint-b);border-color:#93c5fd;color:var(--ink)}
.tile-ico{background:var(--tint-y);color:#4338ca}
[data-theme=dark] .tile-ico{color:#c4b5fd}
.soon{background:var(--stk);color:var(--ink)}
.tb-tabs button[aria-pressed=true]{background:var(--hot);border-color:var(--hot);color:#fff}
.tb-card{border-color:var(--vio)}
.a2hs{box-shadow:6px 6px 0 var(--vio)}
.nf-code{color:#7c3aed!important;-webkit-text-fill-color:#7c3aed}
[data-theme=dark] .nf-code{color:#c4b5fd!important;-webkit-text-fill-color:#c4b5fd}