/* LuckyBharat11 — Visual Match Pass v1, UI-only.
 * Loaded after premium-pass.css. No scoring, wallet, auth or checkout changes.
 * All images referenced here ship in this patch. */

html.lp-pick3 {
  --vm-gold:#e5bd70;
  --vm-glow:#60a6ff;
  --vm-frost:rgba(7,14,27,.88);
}

/* Cinematic cricket ground stays visible behind the arena, without washing
   out the player statistics or the action buttons. */
html.lp-pick3 body {
  background:linear-gradient(180deg,rgba(4,9,19,.83),rgba(4,10,21,.66) 50%,rgba(4,9,19,.91));
}
html.lp-pick3 .lp-main {background:transparent!important}
html.lp-pick3 .lp-hero {
  position:relative; overflow:hidden;
  border:1px solid rgba(229,189,112,.27);
  box-shadow:0 24px 70px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.04);
}
html.lp-pick3 .lp-hero::after {
  content:"";position:absolute;inset:auto 14% 0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(229,189,112,.72),transparent);
}
html.lp-pick3 .lp-hero h1 {text-shadow:0 6px 22px rgba(0,0,0,.4)}
html.lp-pick3 .lp-players {
  border:1px solid rgba(120,166,228,.19);
  background:var(--vm-frost);
  box-shadow:0 25px 64px rgba(0,0,0,.3);
}
html.lp-pick3 .lp-player.pp {transition:background .2s ease,border-color .2s ease}
html.lp-pick3 .lp-player.pp:hover {background:rgba(61,107,176,.095)!important}
html.lp-pick3 .lp-player.pp.picked {
  background:linear-gradient(90deg,rgba(64,213,174,.095),rgba(20,38,66,.1))!important;
  box-shadow:inset 3px 0 #40d5ae!important;
}
html.lp-pick3 .lp-player.pp .pp-form .bars i {border-radius:2px}
html.lp-pick3 .lp-slip {
  background:linear-gradient(160deg,rgba(12,23,43,.96),rgba(5,12,26,.94));
  border:1px solid rgba(229,189,112,.22);
  box-shadow:0 20px 50px rgba(0,0,0,.28);
}
html.lp-pick3 .lb-xi {
  background:linear-gradient(160deg,rgba(12,26,42,.96),rgba(6,14,26,.95));
  border:1px solid rgba(83,162,134,.25);
}
html.lp-pick3 .lb-xi-pitch {
  position:relative; overflow:hidden;
  background:
    linear-gradient(90deg,transparent calc(50% - 1px),rgba(222,255,237,.095) 50%,transparent calc(50% + 1px)),
    radial-gradient(ellipse at 50% 42%,rgba(59,139,105,.29),transparent 76%),
    repeating-linear-gradient(0deg,rgba(60,116,80,.075) 0 24px,rgba(5,44,30,.075) 24px 48px),
    #09251b;
  border:1px solid rgba(115,199,159,.24);
  box-shadow:inset 0 0 32px rgba(0,0,0,.36);
}
html.lp-pick3 .lb-xi-slot i {
  background:radial-gradient(circle at 35% 25%,rgba(215,248,223,.22),rgba(11,33,27,.62));
  border-color:rgba(201,239,209,.34);
}
html.lp-pick3 .lb-xi-cta {border-color:rgba(229,189,112,.55);color:var(--vm-gold)}
html.lp-pick3 .lb-matchstrip {border-top:1px solid rgba(229,189,112,.26)}

/* Reward case: the previous 34% brightness plus opaque veil hid the actual
   supplied chest asset before opening. Keep the mysterious seal, reveal its
   silhouette and gold craftsmanship so the player knows what will open. */
html.lb-mystery .mb-stage.is-ready .mb-art {
  filter:brightness(.73) saturate(.82) contrast(1.04);
}
html.lb-mystery .mb-stage.is-ready .mb-veil {
  background:radial-gradient(70% 60% at 52% 49%,rgba(4,8,18,0) 0%,rgba(4,8,18,.13) 57%,rgba(3,6,14,.55) 100%);
}
html.lb-mystery .mb-stage {
  border:1px solid rgba(229,189,112,.24);
  box-shadow:0 28px 64px rgba(0,0,0,.36),0 0 36px rgba(221,157,64,.06);
}
html.lb-mystery .mb-open {
  border-top:1px solid rgba(229,189,112,.23);
  box-shadow:0 14px 46px rgba(0,0,0,.17);
}
html.lb-mystery .mb-go:not(:disabled) {
  box-shadow:0 12px 35px rgba(218,168,79,.18);
}

/* Visual rhythm on small screens: one primary action, no sideways overflow. */
@media (max-width:899px) {
  html.lp-pick3 .lp-hero {padding:24px 18px}
  html.lp-pick3 .lp-slip,html.lp-pick3 .lb-xi {margin-top:16px}
  html.lp-pick3 .lb-xi-pitch {padding:16px 10px}
  html.lp-pick3 .lb-xi-slots {gap:8px}
}
@media (max-width:520px) {
  html.lp-pick3 {background-attachment:scroll}
  html.lp-pick3 .lp-player.pp {min-width:0}
  html.lb-mystery .mb-stage {box-shadow:0 18px 42px rgba(0,0,0,.25)}
  html.lb-mystery .mb-open {box-shadow:none;border-top:0}
}
@media (prefers-reduced-motion:reduce) {
  html.lp-pick3 .lp-player.pp {transition:none}
}