/* v169 - no text-select / "search" popup, nicer dashboard boxes + price list, medals, video polish.
   Remove the v169 lines from a page to undo. */

/* ---- 1. no word-select / Google "Tap to see search results" bar when tapping or holding things ---- */
html,body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select,[contenteditable="true"],code,pre,.gks-sel,.gks-sel *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
img,video,svg,a{-webkit-user-drag:none;user-drag:none}
::selection{background:transparent}
input::selection,textarea::selection,code::selection,pre::selection,.gks-sel::selection{background:rgba(139,92,246,.45)}

/* ---- 2. dashboard boxes: equal size, bigger icon tile, soft top light ---- */
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statsGrid{gap:12px!important}
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard{
  min-height:132px!important;padding:14px 14px 15px!important;border-radius:20px!important;gap:6px!important;
  justify-content:flex-start!important;position:relative!important;
  box-shadow:0 10px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07)!important}
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard::before{
  content:""!important;display:block!important;position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,transparent,var(--pv-line,rgba(171,113,237,.7)),transparent);opacity:.95;animation:none!important}
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard::after{display:none!important;content:none!important}
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard .statIcon{
  width:46px!important;height:46px!important;border-radius:15px!important;display:grid!important;place-items:center!important;margin:0 0 4px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 16px rgba(0,0,0,.35)!important}
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard .statIcon svg{width:24px!important;height:24px!important;stroke-width:2.1!important}
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard .statLabel{
  font:700 10.5px/1.25 "JetBrains Mono",ui-monospace,Menlo,monospace!important;letter-spacing:.14em!important;color:#c9b8ea!important;-webkit-text-fill-color:#c9b8ea!important;margin:2px 0 0!important}
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard .statValue{
  font:800 25px/1.1 Inter,system-ui,sans-serif!important;letter-spacing:-.01em!important;margin-top:auto!important}

/* ---- 3. medals: 1st gold / 2nd silver / 3rd bronze + clear place cards ---- */
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .challenge-place{
  border-radius:18px!important;background:linear-gradient(170deg,rgba(255,255,255,.07),rgba(20,10,48,.7))!important;border:1px solid rgba(171,113,237,.4)!important}
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .challenge-place.first{
  background:linear-gradient(170deg,rgba(251,191,36,.20),rgba(20,10,48,.75))!important;border-color:rgba(251,191,36,.7)!important;box-shadow:0 0 18px rgba(251,191,36,.18)!important}
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .challenge-place:nth-child(2){border-color:rgba(203,213,225,.55)!important}
html:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .challenge-place:nth-child(3){border-color:rgba(214,138,77,.6)!important}

/* ---- 4. price list: tinted box per plan, clean stepper, solid BUY ---- */
html:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row{
  background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 22%,#1a0f35) 0%,#1b1038 62%)!important;
  border:1px solid color-mix(in srgb,var(--ac) 50%,transparent)!important;border-radius:20px!important;
  margin:0 0 12px!important;padding:13px 12px 13px 18px!important;min-height:92px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06)!important}
html:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-l{
  justify-self:start!important;padding:5px 13px!important;border-radius:999px!important;font:800 12px/1 Inter,system-ui,sans-serif!important;letter-spacing:.09em!important;
  box-shadow:0 4px 10px color-mix(in srgb,var(--ac) 35%,transparent)!important}
html:root:root:root:root:root:root:root:root body:not(#_) #pc-list .pc-p .gks-now{
  color:var(--ac)!important;-webkit-text-fill-color:var(--ac)!important;background:none!important;font:800 26px/1.1 Inter,system-ui,sans-serif!important;letter-spacing:-.01em!important}
html:root:root:root:root:root:root:root:root body:not(#_) #pc-list .pc-p>:not(.gks-was):not(.gks-off):not(.gks-now){color:var(--ac)!important;-webkit-text-fill-color:var(--ac)!important}
html:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty{
  background:rgba(8,3,26,.55)!important;border:1px solid color-mix(in srgb,var(--ac) 45%,transparent)!important;border-radius:15px!important;padding:5px!important;gap:6px!important;align-items:center!important}
html:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty b{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;font-size:18px!important;font-weight:900!important;
  background:color-mix(in srgb,var(--ac) 24%,#12082a)!important;color:var(--ac)!important;-webkit-text-fill-color:var(--ac)!important}
html:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty i{
  min-width:26px!important;text-align:center!important;font:800 18px/1 Inter,system-ui,sans-serif!important;font-style:normal!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-go{
  min-width:78px!important;height:46px!important;border-radius:15px!important;border:0!important;
  background:linear-gradient(135deg,var(--ac),var(--ac2))!important;color:#1b0a33!important;-webkit-text-fill-color:#1b0a33!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--ac) 38%,transparent)!important;font-size:15px!important}

/* ---- 5. scan line: a bit softer, stays under the header ---- */
#gks-scan{z-index:900!important}

/* ---- 6. video: framed card, round play button, thin progress bar, sound button ---- */
html:root:root:root:root:root:root:root:root body:not(#_) #pc-list .pc-media{
  position:relative!important;border-radius:18px!important;overflow:hidden!important;background:#0d0620!important;
  border:1px solid rgba(171,113,237,.5)!important;box-shadow:0 10px 24px rgba(0,0,0,.4)!important}
#pc-list .pc-media video{width:100%!important;height:100%!important;object-fit:cover!important;background:#0d0620;display:block}
#pc-list .gks-pp{filter:drop-shadow(0 4px 14px rgba(0,0,0,.6))}
#pc-list .gks-vsnd{border-radius:50%!important;background:rgba(15,6,38,.72)!important;border:1px solid rgba(171,113,237,.65)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.gks-vbar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.16);z-index:7;pointer-events:none;display:none}
.gks-playing>.gks-vbar{display:block}
.gks-vbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8b5cf6,#38bdf8);transition:width .25s linear}