/* v415 - Prop Hunt, electric.
 *
 * The neon-blue look from the new Prop Hunt art, for every sport on the page.
 * Loaded after prop-hunt.css and scoped to the Prop Hunt page, so nothing else
 * on the site changes. Colour still means what it meant: blue is the frame,
 * green a confirmed positive edge, red a negative one.
 */
:root{--phx-bg:#01060f;--phx-panel:#030d1c;--phx-edge:#0f3a6b;--phx-glow:#1e9bff;--phx-hot:#38c6ff;--phx-ice:#bfe9ff;--phx-mute:#7c9bb8}

body.edgeiq-clean-multisport:has(.ph-wrap){background:radial-gradient(120% 60% at 50% -10%,#0a2a55 0%,var(--phx-bg) 55%) fixed;background-color:var(--phx-bg)}

.ph-wrap .ph-head h1{font-size:34px;letter-spacing:.08em;color:#e9f6ff;
  text-shadow:0 0 12px rgba(56,198,255,.55),0 0 28px rgba(30,155,255,.35)}
.ph-wrap .ph-head p{color:var(--phx-hot);letter-spacing:.2em}

/* tabs and chips: neon pills */
.ph-wrap .ph-tab{background:rgba(4,16,34,.85);border-color:var(--phx-edge);color:#9cc8ec}
.ph-wrap .ph-tab:hover{border-color:var(--phx-glow);color:#e6f5ff}
.ph-wrap .ph-tab[aria-selected="true"]{border-color:var(--phx-hot);color:#fff;
  background:linear-gradient(180deg,rgba(30,155,255,.38),rgba(6,32,72,.9));
  box-shadow:0 0 0 1px rgba(56,198,255,.55),0 0 16px rgba(30,155,255,.55),inset 0 0 12px rgba(56,198,255,.25)}
.ph-wrap .ph-chip{background:rgba(4,16,34,.85);border:1px solid var(--phx-edge);color:#a8cdeb}
.ph-wrap .ph-chip.on{color:#fff;background:linear-gradient(180deg,#1e9bff,#0b5fd0);border-color:var(--phx-hot);
  box-shadow:0 0 14px rgba(30,155,255,.6)}

/* frames */
.ph-wrap .ph-bar,.ph-wrap .ph-game{border-color:rgba(56,198,255,.35);
  background:linear-gradient(160deg,rgba(6,22,48,.92),rgba(2,9,22,.96));
  box-shadow:0 0 0 1px rgba(30,155,255,.12),0 0 22px rgba(30,155,255,.16),inset 0 1px 0 rgba(191,233,255,.06)}
.ph-wrap .ph-game{border-radius:16px}
.ph-wrap .ph-game-top{background:linear-gradient(90deg,rgba(14,58,112,.55),rgba(4,18,38,.4));border-bottom-color:rgba(56,198,255,.22)}
.ph-wrap .ph-match{font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:.03em}
.ph-wrap .ph-count{color:var(--phx-hot)}
.ph-wrap .ph-banner{border:1px solid rgba(56,198,255,.25);background:rgba(10,40,80,.35);color:#b9dcf5}

/* rows */
.ph-wrap .ph-card{border-top-color:rgba(56,198,255,.12)}
.ph-wrap .ph-top:hover{background:rgba(30,155,255,.07)}
.ph-wrap .ph-card.is-open{background:linear-gradient(180deg,rgba(14,52,104,.35),rgba(3,13,28,.6));
  box-shadow:inset 3px 0 0 var(--phx-glow),inset 0 0 24px rgba(30,155,255,.12)}
.ph-wrap .ph-top>.ph-rank{font:800 15px 'Space Grotesk',Inter,sans-serif;color:var(--phx-hot);text-shadow:0 0 8px rgba(56,198,255,.6)}
.ph-wrap .ph-face{box-shadow:0 0 0 2px rgba(56,198,255,.55),0 0 12px rgba(30,155,255,.45)}
.ph-wrap .ph-id b{color:#f2f9ff}
.ph-wrap .ph-id .ph-mkt{color:var(--phx-hot)}
.ph-wrap .ph-best b{color:var(--phx-ice)}
.ph-wrap .ph-caret{color:var(--phx-hot)}

/* the score badge: glowing, out of 100 */
.ph-wrap .ph-rs{border-radius:12px}
.ph-wrap .ph-rs.is-reveal,.ph-wrap .ph-rs.is-rating{border-color:var(--phx-hot);
  background:radial-gradient(120% 120% at 50% 0%,rgba(30,155,255,.35),rgba(3,14,32,.92) 70%);
  box-shadow:0 0 0 1px rgba(56,198,255,.4),0 0 16px rgba(30,155,255,.5)}
.ph-wrap .ph-rs.is-reveal b,.ph-wrap .ph-rs.is-rating b{color:#fff;font-size:21px;text-shadow:0 0 10px rgba(56,198,255,.8)}
.ph-wrap .ph-rs.is-reveal b::after,.ph-wrap .ph-rs.is-rating b::after{content:"/100";font-size:9px;font-weight:700;
  color:var(--phx-mute);margin-left:1px;text-shadow:none;letter-spacing:0}
.ph-wrap .ph-rs .ph-rs-top,.ph-wrap .ph-rs small{color:#8fc3ea}

/* panels inside an open card */
.ph-wrap .ph-panel{border-color:rgba(56,198,255,.22);background:linear-gradient(170deg,rgba(8,30,62,.7),rgba(3,12,26,.85))}
.ph-wrap .ph-panel h4{color:var(--phx-hot);text-shadow:0 0 8px rgba(56,198,255,.35)}
.ph-wrap .ph-comprow i>u,.ph-wrap .ph-stat i>u{background:linear-gradient(90deg,#1e9bff,#7fe0ff);box-shadow:0 0 8px rgba(56,198,255,.55)}
.ph-wrap .ph-chart .ln{stroke:var(--phx-hot);filter:drop-shadow(0 0 4px rgba(56,198,255,.7))}
.ph-wrap .ph-more{border-color:rgba(56,198,255,.3)}

/* v415 NBA: the game's top matchup angle */
.ph-angle{margin:10px 14px 4px;padding:10px 13px;border-radius:12px;border:1px solid rgba(56,198,255,.45);
  background:linear-gradient(90deg,rgba(30,155,255,.22),rgba(4,18,40,.6));box-shadow:0 0 16px rgba(30,155,255,.22)}
.ph-angle-k{display:block;font:800 9.5px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--phx-hot);margin-bottom:3px}
.ph-angle b{display:block;font:700 14px 'Space Grotesk',Inter,sans-serif;color:#f2f9ff}
.ph-angle small{display:block;margin-top:3px;font-size:11px;color:#a9c9e4;line-height:1.4}
.ph-angle-proj{font:600 9px Inter,sans-serif;font-style:normal;color:var(--phx-mute);border:1px solid var(--phx-edge);border-radius:6px;padding:1px 5px;margin-left:4px;vertical-align:middle}
.ph-angle.locked b{color:#cfe0ee}

/* v415 NBA: the stat tiles and read tags in an open card */
.ph-ntiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:12px}
.ph-ntile{border:1px solid rgba(56,198,255,.35);border-radius:12px;padding:10px 12px;text-align:center;
  background:radial-gradient(120% 120% at 50% 0%,rgba(30,155,255,.18),rgba(3,12,26,.9) 70%)}
.ph-ntile span{display:block;font:800 9px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--phx-mute)}
.ph-ntile>b{display:block;margin-top:4px;font:800 20px 'Space Grotesk',Inter,sans-serif;color:#fff;text-shadow:0 0 10px rgba(56,198,255,.6)}
.ph-ntile small{display:block;margin-top:2px;font-size:10px;color:#8fb3d0}
.ph-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.ph-tag{font:700 10.5px Inter,sans-serif;padding:4px 9px;border-radius:999px;border:1px solid var(--phx-edge);color:#b9dcf5;background:rgba(8,30,62,.7)}
.ph-tag.min-up,.ph-tag.matchup-good{border-color:rgba(141,226,47,.5);color:#c6f28a;background:rgba(60,110,20,.18)}
.ph-tag.min-down,.ph-tag.matchup-bad{border-color:rgba(255,120,120,.45);color:#ffb3b3;background:rgba(110,30,30,.18)}
.ph-tag.injury{border-color:rgba(255,200,90,.5);color:#ffe0a0}

@media (max-width:620px){
  .ph-wrap .ph-head h1{font-size:28px}
  .ph-angle{margin:8px 10px 2px}
  .ph-ntile>b{font-size:17px}
}