/* =====================================================================
   GoDartsPro : Game On
   /wp-content/themes/dart/assets/css/gdp-gameon.css

   Only what is Game On's own. Loaded after gdp-game.css and built on it:
   the tokens (--gdp-*), the frame (.gdp-wrap), chips (.gdp-chip) and
   switches (.gdp-switch) all come from there and are not restyled here.

   Everything is prefixed gdp-go-.

   Card size per screen:
     desktop   160px, about 6.5 per row inside the frame
     tablet    132px
     phone     4.5 per row (about 76px on an iPhone), so a row shows it
               scrolls and a screen holds about five shelves
   ===================================================================== */

/* Colours and easing on :root, because the preview, the toast and See all
   are appended outside the page container. */
:root{
  --go-ease:cubic-bezier(.2,.7,.2,1);
  --go-beginner:#92d050;
  --go-intermediate:#ffc000;
  --go-advanced:#ff4d4d;
  --go-scolia:#6cc24a;
  --go-heart:#ff4d5a;
}

.gdp-go{
  --go-card:160px;
  --go-gap:12px;
  --go-pad:24px;          /* side padding of everything inside the frame */
  --go-radius:8px;
  --go-sticky-top:0px;    /* raise this if the site header is fixed on scroll */
  padding-top:28px;
}
@media(max-width:1024px){
  .gdp-go{--go-card:132px;--go-gap:10px;--go-pad:20px;}
}
@media(max-width:600px){
  .gdp-go{
    --go-pad:12px;--go-gap:6px;--go-radius:5px;
    /* 4.5 cards across: the half card says the row scrolls */
    --go-card:calc((100vw - 2 * var(--go-pad) - 4 * var(--go-gap)) / 4.5);
    padding-top:0;
  }
}

.gdp-go-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* the stats card, the toast and See all sit outside .gdp, so they need
   the frame's box sizing restated */
.gdp-go-pv,.gdp-go-pv *,.gdp-go-all,.gdp-go-all *,.gdp-go-toast,.gdp-go-toast *{box-sizing:border-box;}
.gdp-go button{font-family:var(--gdp-font);}
.gdp-go a,.gdp-go-all a,.gdp-go-pv a{text-decoration:none;}
.gdp-go :focus-visible{outline:2px solid var(--gdp-win);outline-offset:2px;}

/* ---------- the frame ----------
   The game frame from gdp-game.css, without its photograph: the hero is
   the picture on this page. Full width is the member's choice, remembered
   on the device. On a phone the frame is the screen. */
.gdp-wrap.gdp-go-wrap{
  background:var(--gdp-bg);
  padding:0 0 34px;min-height:0;
  transition:max-width .35s var(--go-ease);
}
html.gdp-go-wide .gdp-wrap.gdp-go-wrap{max-width:none;margin:0 14px;}

.gdp-go-widebtn{
  position:absolute;top:0;right:28px;z-index:6;transform:translateY(-50%);
  display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px;
  border-radius:15px;border:1px solid var(--gdp-accent);background:var(--gdp-bg);
  color:var(--gdp-accent);font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
}
.gdp-go-widebtn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;}
.gdp-go-widebtn:hover{background:#1a1407;}
.gdp-go-widebtn[aria-pressed="true"]{background:var(--gdp-accent);color:var(--gdp-accent-ink);}
@media(max-width:1230px){.gdp-go-widebtn{display:none;}}

@media(max-width:600px){
  .gdp-wrap.gdp-go-wrap{border:0;border-radius:0;padding-bottom:24px;}
}

/* ---------- maintenance and promo bars, above the frame ---------- */
.gdp-go-maint{background:#3a0d0b;border-bottom:1px solid #6d1a15;font-family:var(--gdp-font);color:#fff;}
.gdp-go-maint summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;
  gap:10px;padding:10px 16px;font-size:15px;letter-spacing:.02em;}
.gdp-go-maint summary::-webkit-details-marker{display:none;}
.gdp-go-maint summary svg{width:18px;height:18px;fill:none;stroke:#ff8a80;stroke-width:1.8;flex:none;}
.gdp-go-maint summary span{color:#ffb3ab;text-decoration:underline;font-size:13px;}
.gdp-go-maint-text{max-width:720px;margin:0 auto;padding:4px 20px 18px;
  font:400 14px/1.6 var(--gdp-font-note);color:#f1d5d2;}

.gdp-go-promo{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;
  padding:10px 16px;background:#141414;border-bottom:1px solid #222;
  font:400 14px/1.3 var(--gdp-font-note);color:#d0d0d0;text-align:center;}
.gdp-go-promo a{color:#fff;text-decoration:underline;}
.gdp-go-promo a.gdp-go-promo-prem{color:var(--gdp-accent);font-weight:700;text-decoration:none;}
.gdp-go-promo-tag{font:600 11px var(--gdp-font);letter-spacing:.14em;text-transform:uppercase;color:var(--gdp-accent);}
.gdp-go-promo-sep{color:#444;}
@media(max-width:600px){.gdp-go-promo-sep{display:none;}.gdp-go-promo{font-size:13px;}}

/* =====================================================================
   Spotlight
   ===================================================================== */
.gdp-go-hero{position:relative;height:clamp(420px,44vw,540px);overflow:hidden;
  border-radius:var(--gdp-radius) var(--gdp-radius) 0 0;background:#101010;
  touch-action:pan-y;}
html.gdp-go-wide .gdp-go-hero{height:clamp(420px,36vw,620px);}
.gdp-go-slides{position:absolute;inset:0;}

.gdp-go-slide{position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity .8s ease,visibility 0s linear .8s;}
.gdp-go-slide.is-on{opacity:1;visibility:visible;z-index:1;transition:opacity .8s ease,visibility 0s;}

.gdp-go-media{position:absolute;inset:0;overflow:hidden;}
.gdp-go-media picture,.gdp-go-media img,.gdp-go-media video{position:absolute;inset:0;width:100%;height:100%;}
.gdp-go-media img,.gdp-go-media video{object-fit:cover;object-position:70% 50%;display:block;}
.gdp-go-media video{opacity:0;transition:opacity .6s ease;}
.gdp-go-media video.is-playing{opacity:1;}

/* slow push in while the slide is showing */
.gdp-go-slide.is-on .gdp-go-media picture{animation:go-push var(--secs,7s) ease-out forwards;}
@keyframes go-push{from{transform:scale(1);}to{transform:scale(1.06);}}

/* no artwork yet: the game's poster, sharp, on a blurred copy of itself */
.gdp-go-media .gdp-go-poster-bg{object-fit:cover;filter:blur(38px) saturate(1.3);transform:scale(1.25);opacity:.55;}
.gdp-go-media .gdp-go-poster{left:auto;right:9%;top:50%;bottom:auto;width:auto;height:76%;
  aspect-ratio:220/300;transform:translateY(-50%) rotate(3deg);object-fit:cover;border-radius:10px;
  box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12);}
.gdp-go-slide.is-on .gdp-go-poster{animation:go-poster .9s var(--go-ease) both;}
@keyframes go-poster{from{opacity:0;transform:translateY(-46%) rotate(7deg) scale(.94);}
  to{opacity:1;transform:translateY(-50%) rotate(3deg);}}

/* The glow behind the poster takes the slide's colour: picked in admin, or
   taken from the poster itself. */
.gdp-go-slide{--go-glow:#ffa400;}
.gdp-go-glow{position:absolute;top:50%;right:-4%;width:62%;aspect-ratio:1;transform:translateY(-50%);pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--go-glow) 55%,transparent) 0,color-mix(in srgb,var(--go-glow) 18%,transparent) 38%,transparent 66%);
  mix-blend-mode:screen;opacity:.85;}
.gdp-go-slide.is-on .gdp-go-glow{animation:go-breathe 6s ease-in-out infinite alternate;}
@keyframes go-breathe{from{opacity:.65;transform:translateY(-50%) scale(.95);}to{opacity:.95;transform:translateY(-50%) scale(1.05);}}

/* Poster on stage: upright and larger, a beam of light from above and a
   reflection on the floor. The reflection shows in Chrome, Edge and Safari. */
.gdp-go-slide.is-stage .gdp-go-media .gdp-go-poster{right:13%;height:62%;transform:translateY(-66%);border-radius:12px;
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.14),0 0 60px color-mix(in srgb,var(--go-glow) 35%,transparent);
  -webkit-box-reflect:below 4px linear-gradient(transparent 55%,rgba(255,255,255,.3));}
.gdp-go-slide.is-stage .gdp-go-glow{top:0;right:-2%;width:58%;height:100%;aspect-ratio:auto;transform:none;
  background:
    radial-gradient(ellipse 30% 70% at 50% -6%,color-mix(in srgb,var(--go-glow) 75%,transparent),transparent 75%),
    radial-gradient(ellipse 34% 6% at 50% 82%,color-mix(in srgb,var(--go-glow) 45%,transparent),transparent 72%);}
.gdp-go-slide.is-stage.is-on .gdp-go-glow{animation:go-beam 5s ease-in-out infinite alternate;}
@keyframes go-beam{from{opacity:.7;}to{opacity:1;}}
.gdp-go-slide.is-stage.is-on .gdp-go-poster{animation:go-stage 1s var(--go-ease) both;}
@keyframes go-stage{from{opacity:0;transform:translateY(-56%) scale(.94);}to{opacity:1;transform:translateY(-66%);}}

/* Two posters, fanned */
.gdp-go-slide.is-duo .gdp-go-media .gdp-go-poster{right:6%;height:72%;transform:translateY(-50%) rotate(5deg);}
.gdp-go-slide.is-duo .gdp-go-media .gdp-go-poster.is-second{right:25%;height:66%;transform:translateY(-52%) rotate(-7deg);filter:brightness(.85);}
.gdp-go-slide.is-duo.is-on .gdp-go-poster{animation:go-duo-a .9s var(--go-ease) both;}
.gdp-go-slide.is-duo.is-on .gdp-go-poster.is-second{animation:go-duo-b .9s var(--go-ease) .12s both;}
@keyframes go-duo-a{from{opacity:0;transform:translateY(-44%) rotate(12deg);}to{opacity:1;transform:translateY(-50%) rotate(5deg);}}
@keyframes go-duo-b{from{opacity:0;transform:translate(40%,-52%) rotate(2deg);}to{opacity:1;transform:translateY(-52%) rotate(-7deg);}}

/* admin only: what the preview is showing */
.gdp-go-previewing{position:absolute;top:14px;left:50%;z-index:5;transform:translateX(-50%);padding:5px 12px;border-radius:99px;
  background:#2a5bd7;color:#fff;font:500 12px var(--gdp-font);letter-spacing:.06em;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;}
.gdp-go-testing{position:absolute;top:14px;left:var(--go-pad);z-index:5;padding:5px 12px;border-radius:99px;
  background:#6d3fe0;color:#fff;font:600 11px var(--gdp-font);letter-spacing:.1em;white-space:nowrap;}
.gdp-go-previewing ~ .gdp-go-slides .gdp-go-testing{top:48px;}
.gdp-go-hero-empty{margin:0;padding:16px var(--go-pad);border-bottom:1px dashed #333;font:400 14px var(--gdp-font-note);color:var(--gdp-muted);}
.gdp-go-hero-empty a{color:var(--gdp-accent);text-decoration:underline;}

.gdp-go-shade{position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(10,10,10,.96) 0%,rgba(10,10,10,.82) 32%,rgba(10,10,10,.2) 62%,rgba(10,10,10,0) 100%),
    linear-gradient(180deg,rgba(10,10,10,0) 60%,rgba(10,10,10,.9) 100%);}

.gdp-go-slide-body{position:absolute;left:var(--go-pad);top:0;bottom:78px;width:min(560px,52%);
  display:flex;flex-direction:column;justify-content:center;gap:16px;z-index:2;}
.gdp-go-kick{display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  font:500 12px var(--gdp-font);letter-spacing:.16em;text-transform:uppercase;color:#c9c9c9;}
.gdp-go-pill{padding:5px 10px;border-radius:99px;background:var(--gdp-accent);color:var(--gdp-accent-ink);
  font-weight:700;font-size:11px;letter-spacing:.16em;}
.gdp-go-slide-title{margin:0;font:700 clamp(46px,6vw,80px)/.92 var(--gdp-font);text-transform:uppercase;
  letter-spacing:-.005em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.5);}
.gdp-go-slide-title span{display:inline-block;}
.gdp-go-slide-text{margin:0;max-width:460px;font:400 17px/1.55 var(--gdp-font-note);color:#d2d2d2;}
.gdp-go-slide-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;}

/* text rises in each time a slide comes on */
.gdp-go-slide.is-on .gdp-go-kick,
.gdp-go-slide.is-on .gdp-go-slide-text,
.gdp-go-slide.is-on .gdp-go-slide-cta{animation:go-rise .8s var(--go-ease) both;}
.gdp-go-slide.is-on .gdp-go-slide-title span{animation:go-rise .8s var(--go-ease) both;
  animation-delay:calc(.08s + var(--w,0) * .07s);}
.gdp-go-slide.is-on .gdp-go-slide-text{animation-delay:.28s;}
.gdp-go-slide.is-on .gdp-go-slide-cta{animation-delay:.36s;}
@keyframes go-rise{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}

/* the launch intro, once per visitor per launch */
.gdp-go-sweep{position:absolute;inset:-20% -10%;z-index:1;pointer-events:none;opacity:0;
  background:linear-gradient(-18deg,transparent 0 49.4%,rgba(255,164,0,.95) 49.4% 50.6%,transparent 50.6%);}
.gdp-go-slide.is-launch .gdp-go-sweep{animation:go-sweep 1.3s cubic-bezier(.6,0,.2,1) .15s both;}
@keyframes go-sweep{0%{opacity:0;transform:translateX(-70%);}15%{opacity:1;}
  85%{opacity:1;}100%{opacity:0;transform:translateX(70%);}}
.gdp-go-slide.is-launch .gdp-go-media{animation:go-launch 1.6s var(--go-ease) both;}
@keyframes go-launch{from{transform:scale(1.15);filter:brightness(.3);}to{transform:none;filter:none;}}
.gdp-go-slide.is-launch .gdp-go-pill{animation:go-pop .5s cubic-bezier(.3,1.6,.5,1) .9s both;}
@keyframes go-pop{from{transform:scale(.4);opacity:0;}to{transform:none;opacity:1;}}
.gdp-go-slide.is-launch .gdp-go-slide-title span{animation-delay:calc(.9s + var(--w,0) * .12s);animation-duration:1s;}
.gdp-go-slide.is-launch .gdp-go-slide-text{animation-delay:1.35s;}
.gdp-go-slide.is-launch .gdp-go-slide-cta{animation-delay:1.5s;}

/* buttons, the start page's in this page's type */
.gdp-go-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;
  border-radius:10px;border:1px solid transparent;cursor:pointer;
  font:600 17px var(--gdp-font);letter-spacing:.06em;text-transform:uppercase;
  transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;}
.gdp-go-btn svg{width:14px;height:14px;fill:currentColor;}
.gdp-go a.gdp-go-btn.is-primary,.gdp-go-btn.is-primary{background:var(--gdp-accent);color:var(--gdp-accent-ink);}
.gdp-go-btn.is-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,164,0,.3);}
.gdp-go a.gdp-go-btn.is-ghost,.gdp-go-btn.is-ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28);font-weight:500;}
.gdp-go-btn.is-ghost:hover{border-color:var(--gdp-accent);}

/* progress tabs */
.gdp-go-tabs{position:absolute;left:var(--go-pad);right:var(--go-pad);bottom:22px;z-index:3;
  display:flex;align-items:flex-end;gap:14px;}
.gdp-go-tablist{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;}
.gdp-go-tab{display:flex;flex-direction:column;gap:8px;padding:6px 0 0;border:0;background:none;cursor:pointer;text-align:left;}
.gdp-go-tab-lbl{font:500 12px var(--gdp-font);letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s;}
.gdp-go-tab:hover .gdp-go-tab-lbl,.gdp-go-tab.is-on .gdp-go-tab-lbl{color:#fff;}
.gdp-go-tab-bar{position:relative;display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.2);overflow:hidden;}
.gdp-go-tab-bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--gdp-accent);}
.gdp-go-tab.is-done .gdp-go-tab-bar i{width:100%;background:rgba(255,255,255,.5);}
.gdp-go-tab.is-on .gdp-go-tab-bar i{animation:go-fill var(--secs,7s) linear forwards;}
.gdp-go-hero.is-paused .gdp-go-tab.is-on .gdp-go-tab-bar i,
.gdp-go-hero.is-held .gdp-go-tab.is-on .gdp-go-tab-bar i{animation-play-state:paused;}
.gdp-go-hero.is-stopped .gdp-go-tab.is-on .gdp-go-tab-bar i{animation:none;width:100%;}
@keyframes go-fill{from{width:0;}to{width:100%;}}
.gdp-go-pause{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);
  background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.gdp-go-pause svg{width:14px;height:14px;fill:currentColor;}
.gdp-go-pause .is-play,.gdp-go-pause[aria-pressed="true"] .is-pause{display:none;}
.gdp-go-pause[aria-pressed="true"] .is-play{display:block;}

/* tablet: picture on top, words underneath */
@media(max-width:1024px){
  .gdp-go-hero{height:500px;}
  .gdp-go-media img,.gdp-go-media video{object-position:50% 30%;}
  .gdp-go-shade{background:linear-gradient(180deg,rgba(10,10,10,0) 28%,rgba(10,10,10,.86) 60%,#0a0a0a 100%);}
  .gdp-go-slide-body{top:auto;bottom:58px;width:auto;right:var(--go-pad);justify-content:flex-end;gap:13px;}
  .gdp-go-slide-title{font-size:clamp(40px,7vw,62px);}
  .gdp-go-slide-text{font-size:16px;max-width:560px;}
  .gdp-go-media .gdp-go-poster{right:50%;top:8%;height:46%;transform:translateX(50%) rotate(3deg);}
  .gdp-go-slide.is-on .gdp-go-poster{animation:none;}
  .gdp-go-glow{top:30%;right:50%;width:90%;transform:translate(50%,-50%);}
  .gdp-go-slide.is-on .gdp-go-glow{animation:none;}
  .gdp-go-slide.is-stage .gdp-go-media .gdp-go-poster{right:50%;top:7%;height:44%;transform:translateX(50%);-webkit-box-reflect:unset;}
  .gdp-go-slide.is-stage .gdp-go-glow{right:50%;width:90%;height:62%;transform:translateX(50%);}
  .gdp-go-slide.is-stage.is-on .gdp-go-poster{animation:none;}
  .gdp-go-slide.is-duo .gdp-go-media .gdp-go-poster{right:50%;top:9%;height:42%;transform:translateX(8%) rotate(5deg);}
  .gdp-go-slide.is-duo .gdp-go-media .gdp-go-poster.is-second{right:50%;top:9%;height:39%;transform:translateX(88%) rotate(-7deg);}
  .gdp-go-slide.is-duo.is-on .gdp-go-poster,.gdp-go-slide.is-duo.is-on .gdp-go-poster.is-second{animation:none;}
  .gdp-go-tab-lbl{display:none;}
  .gdp-go-tabs{bottom:20px;}
  .gdp-go-tablist{gap:8px;}
  .gdp-go-pause{width:34px;height:34px;}
}
/* phone: edge to edge */
@media(max-width:600px){
  .gdp-go-hero{height:min(124vw,560px);border-radius:0;}
  .gdp-go-slide-body{bottom:44px;gap:11px;}
  .gdp-go-kick{font-size:11px;}
  .gdp-go-slide-title{font-size:clamp(34px,11vw,48px);}
  .gdp-go-slide-text{font-size:14.5px;line-height:1.5;}
  .gdp-go-slide-cta{gap:8px;}
  .gdp-go-slide-cta .gdp-go-btn{flex:1;min-height:46px;padding:0 12px;font-size:15px;}
  .gdp-go-tabs{bottom:16px;}
  .gdp-go-pause{display:none;}
}

/* =====================================================================
   Quick access
   ===================================================================== */
.gdp-go-quick{padding:22px var(--go-pad) 0;display:flex;flex-direction:column;gap:12px;}
.gdp-go-qa-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.gdp-go-quick .gdp-go-qa{position:relative;display:flex;align-items:center;gap:14px;min-height:92px;padding:14px 16px;
  border-radius:12px;background:var(--gdp-panel);border:1px solid var(--gdp-line);color:#fff;
  transition:border-color .2s,background .2s,transform .2s;}
.gdp-go-quick .gdp-go-qa:hover{border-color:rgba(255,164,0,.6);background:#1a1407;transform:translateY(-2px);}
.gdp-go-qa.is-live{border-color:rgba(255,164,0,.4);}
.gdp-go-qa-ico{flex:none;width:44px;height:44px;border-radius:10px;background:rgba(255,164,0,.12);color:var(--gdp-accent);
  display:flex;align-items:center;justify-content:center;}
.gdp-go-qa-ico svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.gdp-go-qa-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.gdp-go-qa-txt b{font:600 18px var(--gdp-font);letter-spacing:.02em;}
.gdp-go-qa-txt > span{font:400 13px/1.35 var(--gdp-font-note);color:var(--gdp-muted);}
.gdp-go-qa-txt .is-hi{color:#fff;}
.gdp-go-qa-txt .is-ok{color:var(--gdp-win);}
.gdp-go-qa-txt .is-acc{color:var(--gdp-accent);}
.gdp-go-qa-big{display:flex !important;align-items:baseline;gap:8px;}
.gdp-go-qa-big em{font:600 26px/1 var(--gdp-font);font-style:normal;color:#fff;}
.gdp-go-qa-big .is-up{color:var(--gdp-win);font:500 13px var(--gdp-font);}
.gdp-go-qa-big .is-down{color:var(--gdp-bust);font:500 13px var(--gdp-font);}
.gdp-go-qa-chip{align-self:flex-start;padding:2px 7px;border-radius:4px;border:1px solid rgba(255,164,0,.6);
  color:var(--gdp-accent) !important;font:600 10px var(--gdp-font) !important;letter-spacing:.1em;text-transform:uppercase;}
.gdp-go-qa-badge{display:none;}
/* A tile with two links: the title link covers the tile, the button sits above it. */
.gdp-go-qa-link{color:inherit;text-decoration:none;}
.gdp-go-qa-link::after{content:"";position:absolute;inset:0;border-radius:inherit;}
.gdp-go-qa-link:focus-visible{outline:none;}
.gdp-go-qa:has(.gdp-go-qa-link:focus-visible){outline:2px solid var(--gdp-accent);outline-offset:2px;}
.gdp-go-qa-txt > .gdp-go-qa-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;}
.gdp-go-qa-go{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 11px;border-radius:99px;
  background:var(--gdp-accent);color:var(--gdp-accent-ink);font:600 12px/1.3 var(--gdp-font);letter-spacing:.03em;text-decoration:none;
  transition:filter .15s,transform .15s;}
.gdp-go-qa-go svg{width:9px;height:9px;fill:currentColor;}
.gdp-go-qa-go:hover{filter:brightness(1.12);transform:translateX(1px);color:var(--gdp-accent-ink);}
.gdp-go-qa-go:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.gdp-go-resume{display:none;}

.gdp-go-also{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:400 13px var(--gdp-font-note);color:#7d7d7d;}
.gdp-go-also a{padding:6px 12px;border-radius:99px;border:1px solid var(--gdp-line);color:#d0d0d0;font-family:var(--gdp-font);font-size:13px;}
.gdp-go-also a:hover{border-color:var(--gdp-accent);color:#fff;}

@media(max-width:1024px){
  .gdp-go-qa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .gdp-go-quick .gdp-go-qa{min-height:76px;padding:12px 14px;}
}
/* phone: four small tiles, the one live fact as a badge */
@media(max-width:600px){
  .gdp-go-quick{padding-top:14px;gap:10px;}
  .gdp-go-qa-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
  .gdp-go-quick .gdp-go-qa{flex-direction:column;justify-content:center;gap:6px;min-height:0;padding:11px 3px 9px;
    text-align:center;border-radius:10px;}
  .gdp-go-quick .gdp-go-qa:hover{transform:none;}
  .gdp-go-resume{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;
    background:rgba(255,164,0,.1);border:1px solid rgba(255,164,0,.4);color:#fff;font:400 13px var(--gdp-font-note);text-decoration:none;}
  .gdp-go-resume svg{flex:none;width:12px;height:12px;fill:var(--gdp-accent);}
  .gdp-go-resume span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .gdp-go-resume b{font:600 14px var(--gdp-font);letter-spacing:.02em;}
  .gdp-go-resume em{flex:none;font-style:normal;color:var(--gdp-accent);font:500 12px var(--gdp-font);}
  .gdp-go-qa-ico{width:auto;height:auto;background:none;}
  .gdp-go-qa-txt b{font-size:11.5px;line-height:1.15;font-weight:500;}
  .gdp-go-qa-txt > span{display:none !important;}
  .gdp-go-qa-badge{display:block;position:absolute;top:-8px;right:-3px;max-width:calc(100% + 3px);
    padding:2px 6px;border-radius:99px;background:var(--gdp-accent);color:var(--gdp-accent-ink);
    font:600 10px var(--gdp-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .gdp-go-qa-badge.is-up{background:var(--gdp-win);color:#04230f;}
  .gdp-go-also{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--go-pad));padding:0 var(--go-pad);}
  .gdp-go-also::-webkit-scrollbar{display:none;}
  .gdp-go-also a{flex:none;}
}

/* =====================================================================
   Toolbar: search, level, filters
   ===================================================================== */
.gdp-go-bar{position:sticky;top:var(--go-sticky-top);z-index:20;margin-top:22px;
  padding:12px var(--go-pad);background:rgba(10,10,10,.94);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-top:1px solid #1d1d1d;border-bottom:1px solid #1d1d1d;}
.gdp-go-bar.is-stuck{box-shadow:0 14px 30px rgba(0,0,0,.55);}
.gdp-go-bar-row{display:flex;align-items:center;gap:12px;}

.gdp-go-search{position:relative;flex:0 1 330px;min-width:0;}
.gdp-go-search-field{display:flex;align-items:center;gap:9px;height:44px;padding:0 12px;margin:0;border-radius:10px;
  background:var(--gdp-panel2);border:1px solid var(--gdp-line);color:var(--gdp-muted);cursor:text;
  transition:border-color .15s;}
.gdp-go-search-field:focus-within{border-color:var(--gdp-accent);}
.gdp-go-search-field svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;}
.gdp-go .gdp-go-search-field input[type=search]{flex:1;min-width:0;height:auto;padding:0;border:0;background:none;
  font:400 16px var(--gdp-font-note);color:#fff;outline:none;-webkit-appearance:none;appearance:none;}
.gdp-go-search-field input::-webkit-search-cancel-button{filter:invert(1);opacity:.6;}
.gdp-go-search-field kbd{font:500 11px var(--gdp-font);padding:2px 7px;border-radius:5px;border:1px solid #3a3a3a;
  color:#8a8a8a;background:none;box-shadow:none;}
.gdp-go-search-field:focus-within kbd{display:none;}

.gdp-go-results{position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:max(100%,420px);padding:6px;
  border-radius:12px;background:var(--gdp-panel);border:1px solid var(--gdp-line);box-shadow:0 24px 60px rgba(0,0,0,.7);}
.gdp-go-results[hidden]{display:none;}
.gdp-go-results ul{list-style:none;margin:0;padding:0;max-height:min(60vh,430px);overflow-y:auto;}
.gdp-go-results li{margin:0;}
.gdp-go-results li a{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:8px;color:#fff;}
.gdp-go-results li.is-on a,.gdp-go-results li a:hover{background:#241b09;box-shadow:inset 0 0 0 1px rgba(255,164,0,.45);}
.gdp-go-results li img{flex:none;width:34px;height:46px;border-radius:4px;object-fit:cover;background:#1d1d1d;}
.gdp-go-results li b{display:block;font:500 15px/1.2 var(--gdp-font);}
.gdp-go-results li b mark{background:none;color:var(--gdp-accent);}
.gdp-go-results li i{display:block;font:normal 400 11.5px/1.3 var(--gdp-font-note);color:var(--gdp-muted);margin-top:2px;}
.gdp-go-results li.is-none{padding:12px 10px;font:400 13.5px var(--gdp-font-note);color:var(--gdp-muted);}
.gdp-go-results-site{display:flex;justify-content:space-between;gap:10px;width:100%;margin-top:4px;padding:10px;
  border:0;border-top:1px solid var(--gdp-line);background:none;color:var(--gdp-accent);cursor:pointer;
  font:400 13px var(--gdp-font-note);text-align:left;}
.gdp-go-results-site:hover{color:#ffb949;}

.gdp-go-levels{display:flex;gap:6px;}
.gdp-go-levels .gdp-chip{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:99px;
  white-space:nowrap;background:none;}
.gdp-go-levels .gdp-chip.is-on{background:var(--gdp-accent);}
.gdp-go-star{font-style:normal;}
.gdp-go-star.is-beginner{color:var(--go-beginner);}
.gdp-go-star.is-intermediate{color:var(--go-intermediate);}
.gdp-go-star.is-advanced{color:var(--go-advanced);}
.gdp-chip.is-on .gdp-go-star{color:var(--gdp-accent-ink);}

.gdp-go-tools{display:flex;gap:8px;margin-left:auto;}
.gdp-go .gdp-go-tool{position:relative;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 13px;
  border-radius:10px;border:1px solid var(--gdp-line);background:var(--gdp-panel);color:#fff;cursor:pointer;
  font:500 14px var(--gdp-font);letter-spacing:.03em;white-space:nowrap;}
.gdp-go-tool:hover{border-color:#4a4a4a;}
.gdp-go-tool svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;}
.gdp-go-tool[aria-expanded="true"]{border-color:var(--gdp-accent);background:#241b09;}
.gdp-go .gdp-go-tool.is-acc{border-color:rgba(255,164,0,.5);background:rgba(255,164,0,.08);color:var(--gdp-accent);
  text-transform:uppercase;letter-spacing:.06em;}
.gdp-go-tool.is-acc svg circle{fill:currentColor;stroke:none;}
.gdp-go-q{width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;display:inline-flex;
  align-items:center;justify-content:center;font-size:11px;color:var(--gdp-muted);}
.gdp-go-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--gdp-accent);
  color:var(--gdp-accent-ink);font:600 12px/20px var(--gdp-font);text-align:center;}
.gdp-go-count[hidden]{display:none;}

/* filter panel: a popover on desktop, a sheet on a phone */
.gdp-go-filters{position:absolute;right:var(--go-pad);top:calc(100% - 4px);z-index:30;width:360px;
  border-radius:14px;background:var(--gdp-panel);border:1px solid var(--gdp-line);box-shadow:0 24px 60px rgba(0,0,0,.7);
  display:flex;flex-direction:column;}
.gdp-go-filters[hidden]{display:none;}
.gdp-go-filters-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 6px;}
.gdp-go-filters-head h2{margin:0;font:500 20px var(--gdp-font);color:#fff;}
.gdp-go-filters-body{padding:8px 18px 14px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;}
.gdp-go-fgroup h3{margin:0 0 9px;font:500 11px var(--gdp-font);letter-spacing:.16em;text-transform:uppercase;color:var(--gdp-muted);}
.gdp-go-fgroup .gdp-chips{gap:8px;}
.gdp-go-fgroup .gdp-chip{padding:10px 14px;border-radius:99px;}
.gdp-go-fgroup .gdp-chip:not(.is-on){background:none;color:#d0d0d0;}
.gdp-go-fgroup .gdp-chip.is-on{background:rgba(255,164,0,.14);color:#fff;font-weight:400;}
.gdp-go-fgroup.is-switches{gap:0;display:flex;flex-direction:column;}
.gdp-go-fgroup.is-switches .gdp-switch{display:flex;justify-content:space-between;flex-direction:row-reverse;
  padding:11px 0;border-top:1px solid var(--gdp-line);margin:0;font-weight:400;}
.gdp-go-filters-foot{display:flex;gap:10px;padding:12px 18px;border-top:1px solid var(--gdp-line);}
.gdp-go-filters-foot .gdp-go-btn{min-height:46px;font-size:15px;}
.gdp-go-filters-foot .gdp-go-btn.is-primary{flex:1;}
.gdp-go-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--gdp-line);background:var(--gdp-panel2);
  color:#fff;font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.gdp-go-x:hover{border-color:#4a4a4a;}
.gdp-go-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;}
/* The sheet's backdrop lives inside the toolbar, and the toolbar drops its
   blur while the sheet is open: a blurred parent would otherwise become the
   box that fixed elements are placed in, and the sheet would hang off the
   toolbar instead of the bottom of the screen. */
.gdp-go-bar.is-sheet{backdrop-filter:none;-webkit-backdrop-filter:none;z-index:9992;}
.gdp-go-backdrop{position:fixed;inset:0;z-index:1;background:rgba(0,0,0,.6);opacity:0;transition:opacity .25s;}
.gdp-go-backdrop.is-on{opacity:1;}

.gdp-go-active{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:10px;
  font:400 13px var(--gdp-font-note);color:var(--gdp-muted);}
.gdp-go-active[hidden]{display:none;}
.gdp-go-active-chips{display:contents;}
.gdp-go-active-chips button{height:30px;padding:0 11px;border-radius:99px;border:1px solid var(--gdp-line);
  background:var(--gdp-panel);color:#fff;font:400 12.5px var(--gdp-font-note);cursor:pointer;}
.gdp-go-active-chips button:hover{border-color:var(--gdp-accent);}
.gdp-go-link{border:0;background:none;padding:4px;color:var(--gdp-accent);cursor:pointer;font:400 13px var(--gdp-font-note);
  text-decoration:underline;text-underline-offset:2px;}

@media(max-width:1024px){
  .gdp-go-bar-row{flex-wrap:wrap;gap:10px;}
  .gdp-go-search{flex:1 1 280px;}
  .gdp-go-levels{order:3;flex-basis:100%;}
  .gdp-go-tools{margin-left:0;}
  .gdp-go-tool[data-go-filters] ~ .js-help-button .gdp-go-tool-lbl{display:none;}
}
@media(max-width:600px){
  .gdp-go-bar{margin-top:14px;padding:10px var(--go-pad);}
  .gdp-go-bar-row{gap:8px;}
  .gdp-go-search{flex:1 1 0;}
  .gdp-go-search-field kbd{display:none;}
  .gdp-go-tools{gap:6px;}
  .gdp-go .gdp-go-tool{width:44px;height:44px;padding:0;justify-content:center;}
  .gdp-go-tool-lbl{display:none;}
  .gdp-go-tool .gdp-go-count{position:absolute;top:-6px;right:-6px;}
  .gdp-go-levels{overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--go-pad));padding:0 var(--go-pad);}
  .gdp-go-levels::-webkit-scrollbar{display:none;}
  .gdp-go-levels .gdp-chip{flex:none;height:34px;padding:0 12px;font-size:13px;}
  .gdp-go-results{position:fixed;left:var(--go-pad);right:var(--go-pad);width:auto;top:auto;}
  .gdp-go-filters{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:86vh;z-index:2;
    border-radius:20px 20px 0 0;border-bottom:0;animation:go-sheet .3s var(--go-ease);}
  .gdp-go-filters::before{content:"";display:block;width:40px;height:4px;margin:10px auto 0;border-radius:2px;background:#3a3a3a;}
  .gdp-go-filters-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom));}
  .gdp-go-filters-foot .gdp-go-btn{min-height:50px;}
}
@keyframes go-sheet{from{transform:translateY(100%);}to{transform:none;}}

/* the site search, opened from Help. Its own green tab is not needed here. */
.gdp-go-help .js-search-button-wrapper{display:none;}
.gdp-go-help .js-help-section{margin:0;padding:10px var(--go-pad) 0;}
.gdp-go-help .js-help-section > div{width:auto;float:none;}

/* =====================================================================
   Shelves
   ===================================================================== */
.gdp-go-shelves{padding-top:8px;}
.gdp-go-shelf{padding:18px 0 0;}
.gdp-go-shelf.is-out{display:none;}
.gdp-go-shelf-head{display:flex;align-items:baseline;gap:12px;padding:0 var(--go-pad);}
.gdp-go-shelf-head h2{margin:0;display:flex;align-items:center;gap:9px;
  font:500 23px/1.15 var(--gdp-font);letter-spacing:.01em;color:#fff;}
.gdp-go-shelf-head .gdp-go-star{font-size:.85em;}
.gdp-go-scolia-mark{width:22px;height:22px;}
.gdp-go-shelf-count{font:400 13px var(--gdp-font);letter-spacing:.06em;color:#6f6f6f;white-space:nowrap;}
.gdp-go-shelf-more{font:400 13px var(--gdp-font-note);color:var(--gdp-muted);text-decoration:underline !important;}
.gdp-go-seeall{margin-left:auto;flex:none;border:0;background:none;padding:6px 0;cursor:pointer;
  color:var(--gdp-accent);font:500 13px var(--gdp-font);letter-spacing:.08em;text-transform:uppercase;}
.gdp-go-seeall:hover{color:#ffb949;}
.gdp-go-heart-ico svg,.gdp-go-heart-inline svg{width:.8em;height:.8em;fill:var(--go-heart);}
.gdp-go-heart-inline svg{fill:none;stroke:#fff;stroke-width:2.4;vertical-align:-1px;}

/* a row: scrolls sideways, snaps to cards, room above and below for the hover zoom */
.gdp-go-rowwrap{position:relative;}
.gdp-go-row{display:flex;gap:var(--go-gap);overflow-x:auto;overflow-y:hidden;
  padding:16px var(--go-pad) 16px;scroll-padding:0 var(--go-pad);scroll-snap-type:x proximity;
  scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
.gdp-go-row::-webkit-scrollbar{display:none;}
.gdp-go-rowwrap::after{content:"";position:absolute;top:0;bottom:0;right:0;width:var(--go-pad);pointer-events:none;
  background:linear-gradient(90deg,rgba(10,10,10,0),var(--gdp-bg));}

/* arrows, added by the script on hover capable screens */
.gdp-go-arrow{position:absolute;top:50%;z-index:8;width:44px;height:44px;margin-top:-22px;border-radius:50%;
  border:1px solid rgba(255,255,255,.3);background:rgba(20,20,20,.92);color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;}
.gdp-go-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;}
.gdp-go-arrow.is-prev{left:6px;}
.gdp-go-arrow.is-next{right:6px;}
.gdp-go-arrow:hover{border-color:var(--gdp-accent);color:var(--gdp-accent);}
.gdp-go-rowwrap:hover .gdp-go-arrow.is-able,.gdp-go-arrow.is-able:focus-visible{opacity:1;pointer-events:auto;}

@media(max-width:600px){
  .gdp-go-shelf{padding-top:12px;}
  .gdp-go-shelf-head{gap:8px;}
  .gdp-go-shelf-head h2{font-size:16.5px;gap:6px;}
  .gdp-go-shelf-count,.gdp-go-shelf-more{display:none;}
  .gdp-go-seeall{font-size:11px;padding:8px 0;}
  .gdp-go-row{padding:8px var(--go-pad) 8px;scroll-snap-type:x mandatory;}
  .gdp-go-rowwrap::after{display:none;}
}

/* ---------- the poster card ---------- */
.gdp-go-card{position:relative;flex:0 0 var(--go-card);width:var(--go-card);scroll-snap-align:start;}
.gdp-go-card.is-out{display:none;}
.gdp-go-card-link{position:relative;display:block;aspect-ratio:220/300;border-radius:var(--go-radius);overflow:hidden;
  color:#fff;border:1px solid rgba(255,255,255,.08);
  background:#161616 linear-gradient(100deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%) 0 0/250% 100%;
  animation:go-shimmer 1.4s linear infinite;
  transition:transform .28s var(--go-ease),border-color .28s,box-shadow .28s;}
.gdp-go-card-link.is-loaded{animation:none;background:#161616;}
@keyframes go-shimmer{from{background-position:120% 0;}to{background-position:-120% 0;}}
.gdp-go-card-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
html.gdp-go-js .gdp-go-card-link img{opacity:0;transition:opacity .45s ease;}
html.gdp-go-js .gdp-go-card-link.is-loaded img{opacity:1;}

/* the cards fade up as they come into view */
html.gdp-go-js .gdp-go-card{opacity:0;transform:translateY(14px);
  transition:opacity .55s var(--go-ease),transform .55s var(--go-ease);transition-delay:var(--go-d,0ms);}
html.gdp-go-js .gdp-go-card.is-in{opacity:1;transform:none;}

.gdp-go-new{position:absolute;top:0;left:9px;z-index:3;padding:3px 7px 4px;border-radius:0 0 5px 5px;
  background:var(--gdp-accent);color:var(--gdp-accent-ink);font:700 10px/1 var(--gdp-font);letter-spacing:.12em;}

/* badges and the title: on hover only, never on a touch screen */
.gdp-go-badges{position:absolute;top:8px;left:8px;right:38px;z-index:3;display:flex;flex-wrap:wrap;gap:4px;
  opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;pointer-events:none;}
.gdp-go-b{padding:4px 6px;border-radius:3px;white-space:nowrap;font:600 9.5px/1 var(--gdp-font);letter-spacing:.09em;text-transform:uppercase;}
.gdp-go-b.is-free{background:var(--gdp-accent);color:var(--gdp-accent-ink);}
.gdp-go-b.is-prem{background:rgba(10,10,10,.85);color:var(--gdp-accent);border:1px solid var(--gdp-accent);}
.gdp-go-b.is-sc{background:#06090a;color:var(--go-scolia);border:1px solid rgba(108,194,74,.5);
  text-transform:none;letter-spacing:0;font:800 10.5px/1 Arial,sans-serif;}
.gdp-go-info{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:3px;
  padding:34px 10px 10px;background:linear-gradient(180deg,transparent,rgba(8,8,8,.78) 42%,rgba(8,8,8,.96));
  opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:none;}
.gdp-go-info b{font:500 14px/1.15 var(--gdp-font);color:#fff;}
.gdp-go-info i{font:normal 400 10.5px/1.3 var(--gdp-font-note);color:#c9c9c9;}

@media(hover:hover) and (pointer:fine){
  .gdp-go-card:hover{z-index:5;}
  .gdp-go-card:hover .gdp-go-card-link,
  .gdp-go-card:focus-within .gdp-go-card-link{transform:scale(1.12);border-color:rgba(255,164,0,.75);
    box-shadow:0 22px 50px rgba(0,0,0,.65);}
  .gdp-go-row > .gdp-go-card:first-child .gdp-go-card-link{transform-origin:left center;}
  .gdp-go-row > .gdp-go-card:last-child .gdp-go-card-link{transform-origin:right center;}
  .gdp-go-card:hover .gdp-go-badges,.gdp-go-card:hover .gdp-go-info,
  .gdp-go-card:focus-within .gdp-go-badges,.gdp-go-card:focus-within .gdp-go-info{opacity:1;transform:none;}
  /* the heart follows the corner of the zoomed card */
  .gdp-go-card:hover .gdp-go-fav{transform:translate(9px,-14px);}
  .gdp-go-row > .gdp-go-card:first-child:hover .gdp-go-fav{transform:translate(17px,-14px);}
  .gdp-go-row > .gdp-go-card:last-child:hover .gdp-go-fav{transform:translate(0,-14px);}
}
@media(hover:none),(max-width:600px){
  .gdp-go-badges,.gdp-go-info{display:none;}
}

/* the heart: grey and see-through until it is a favourite. Its own button,
   so tapping the corner toggles it and the rest of the poster opens the game. */
.gdp-go-fav{position:absolute;top:0;right:0;z-index:6;width:40px;height:40px;padding:0;border:0;background:none;
  display:flex;align-items:flex-start;justify-content:flex-end;cursor:pointer;color:rgba(255,255,255,.6);
  -webkit-tap-highlight-color:transparent;transition:transform .28s var(--go-ease),color .2s;}
.gdp-go-fav span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:6px 6px 0 0;
  border-radius:50%;background:rgba(0,0,0,.38);transition:background .2s;}
.gdp-go-fav svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;}
.gdp-go-fav:hover{color:#fff;}
.gdp-go-fav:hover span{background:rgba(0,0,0,.6);}
.gdp-go-fav[aria-pressed="true"]{color:var(--go-heart);}
.gdp-go-fav[aria-pressed="true"] svg{fill:currentColor;}
.gdp-go-fav.is-pop span{animation:go-heart .45s cubic-bezier(.3,1.6,.5,1);}
@keyframes go-heart{0%{transform:scale(1);}40%{transform:scale(1.35);box-shadow:0 0 0 6px rgba(255,77,90,.2);}100%{transform:scale(1);}}
@media(max-width:600px){
  .gdp-go-fav{width:32px;height:32px;}
  .gdp-go-fav span{width:17px;height:17px;margin:3px 3px 0 0;}
  .gdp-go-fav svg{width:9px;height:9px;stroke-width:2.8;}
  .gdp-go-new{left:5px;padding:2px 4px 3px;font-size:8px;letter-spacing:.08em;}
}

/* caption under a card in Jump back in */
.gdp-go-cap{display:block;margin-top:8px;font:400 12px/1.2 var(--gdp-font-note);color:var(--gdp-muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gdp-go-cap b{font:500 13px var(--gdp-font);color:#e6e6e6;letter-spacing:.02em;}
.gdp-go-cap.is-new-best{display:inline-block;padding:2px 7px;border-radius:4px;background:var(--gdp-accent);
  color:var(--gdp-accent-ink);font:600 10.5px/1.3 var(--gdp-font);letter-spacing:.1em;}
@media(max-width:600px){
  .gdp-go-cap{margin-top:5px;font-size:10px;text-align:center;}
  .gdp-go-cap b{font-size:11px;}
  .gdp-go-cap.is-new-best{display:block;padding:2px 3px;font-size:8.5px;letter-spacing:.05em;}
}

/* ---------- games with your stats behind them (Jump back in, Premium) ----------
   They are meant to look different, so it is clear something more happens
   here: an amber edge, a tab with an arrow on the poster's right side, and
   a caption that ends in an arrow. The tab sits in the gap between cards,
   so this shelf gets a wider gap. */
.gdp-go-shelf[data-shelf="jump"] .gdp-go-row{gap:calc(var(--go-gap) + 16px);}
.gdp-go-card.has-pv .gdp-go-card-link{border-color:rgba(255,164,0,.45);}
.gdp-go-pvbtn{position:absolute;z-index:4;right:-17px;width:17px;height:44px;padding:0;
  top:calc(var(--go-card) * 300 / 440 - 22px);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  border:1px solid rgba(255,164,0,.55);border-left:0;border-radius:0 8px 8px 0;
  background:#1d1606;color:var(--gdp-accent);
  transition:transform .28s var(--go-ease),background .2s,color .2s;-webkit-tap-highlight-color:transparent;}
.gdp-go-pvbtn::before{content:"";position:absolute;inset:-8px -8px -8px -4px;}   /* a bigger target than it looks */
.gdp-go-pvbtn svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.gdp-go-pvbtn:hover,.gdp-go-card.is-pv-open .gdp-go-pvbtn{background:var(--gdp-accent);color:var(--gdp-accent-ink);}
.gdp-go-card.is-pv-open .gdp-go-card-link{border-color:var(--gdp-accent);}

.gdp-go .gdp-go-cap.is-btn{display:flex;align-items:center;gap:4px;width:100%;max-width:100%;margin-top:8px;padding:4px 8px;
  border:1px solid rgba(255,164,0,.3);border-radius:6px;background:rgba(255,164,0,.06);cursor:pointer;text-align:left;
  font:400 12px/1.2 var(--gdp-font-note);color:var(--gdp-muted);}
.gdp-go .gdp-go-cap.is-btn:hover{border-color:var(--gdp-accent);}
.gdp-go .gdp-go-cap.is-btn.is-new-best{background:var(--gdp-accent);border-color:var(--gdp-accent);color:var(--gdp-accent-ink);
  font:600 10.5px/1.3 var(--gdp-font);letter-spacing:.1em;}
.gdp-go-cap-arrow{margin-left:auto;font:600 15px/1 var(--gdp-font);color:var(--gdp-accent);}
.gdp-go-cap.is-new-best .gdp-go-cap-arrow{color:var(--gdp-accent-ink);}

/* the hint next to the shelf title */
.gdp-go-shelf-hint{display:inline-flex;align-items:center;gap:7px;font:400 12.5px var(--gdp-font-note);color:var(--gdp-muted);}
.gdp-go-hint-tab{display:inline-flex;align-items:center;justify-content:center;width:10px;height:22px;
  border:1px solid rgba(255,164,0,.55);border-left:0;border-radius:0 5px 5px 0;background:#1d1606;color:var(--gdp-accent);}
.gdp-go-hint-tab svg{width:8px;height:8px;fill:none;stroke:currentColor;stroke-width:2.6;}
.gdp-go-hint-tap{display:none;}
@media(hover:none){.gdp-go-hint-hover{display:none;}.gdp-go-hint-tap{display:inline;}}

@media(hover:hover) and (pointer:fine){
  /* the tab follows the zoomed poster's edge */
  .gdp-go-card.has-pv:hover .gdp-go-pvbtn{transform:translateX(10px);}
  .gdp-go-row > .gdp-go-card.has-pv:first-child:hover .gdp-go-pvbtn{transform:translateX(19px);}
}

/* phone: no room for the tab between 76px cards, so the caption is the button */
@media(max-width:600px){
  .gdp-go-shelf[data-shelf="jump"] .gdp-go-row{gap:var(--go-gap);}
  .gdp-go-pvbtn{display:none;}
  .gdp-go .gdp-go-cap.is-btn{justify-content:center;min-height:26px;margin-top:5px;padding:3px 4px;font-size:10px;}
  .gdp-go .gdp-go-cap.is-btn b{font-size:11px;}
  .gdp-go .gdp-go-cap.is-btn.is-new-best{font-size:8.5px;letter-spacing:.04em;}
  .gdp-go-cap-arrow{margin-left:2px;font-size:13px;}
  .gdp-go-shelf-hint{font-size:11px;}
}

/* favourites: the empty state teaches the heart */
.gdp-go-empty{display:none;align-items:center;gap:20px;padding:14px var(--go-pad) 4px;}
.gdp-go-shelf.is-empty .gdp-go-empty{display:flex;}
.gdp-go-shelf.is-empty .gdp-go-rowwrap,.gdp-go-shelf.is-empty .gdp-go-shelf-count{display:none;}
.gdp-go-ghosts{display:flex;gap:var(--go-gap);flex:none;}
.gdp-go-ghosts i{width:calc(var(--go-card) * .6);aspect-ratio:220/300;border-radius:var(--go-radius);border:1.5px dashed #333;}
.gdp-go-ghosts i:nth-child(2){opacity:.6;}
.gdp-go-ghosts i:nth-child(3){opacity:.3;}
.gdp-go-empty p{margin:0;max-width:420px;font:400 15px/1.55 var(--gdp-font-note);color:#cfcfcf;}
@media(max-width:600px){
  .gdp-go-empty{gap:12px;margin:8px var(--go-pad) 0;padding:12px;border:1.5px dashed #333;border-radius:12px;}
  .gdp-go-ghosts i{width:40px;}
  .gdp-go-ghosts i:nth-child(3){display:none;}
  .gdp-go-empty p{font-size:13.5px;}
}

.gdp-go-nomatch{margin:30px var(--go-pad) 0;padding:28px;text-align:center;border:1px dashed #333;border-radius:12px;
  font:400 15px var(--gdp-font-note);color:var(--gdp-muted);}
.gdp-go-nomatch[hidden]{display:none;}

/* ---------- Premium, at the bottom for free members ---------- */
.gdp-go-upsell{margin:36px var(--go-pad) 0;padding:34px 28px;text-align:center;border-radius:14px;
  border:1px solid rgba(255,164,0,.28);background:radial-gradient(600px 220px at 50% 120%,rgba(255,164,0,.16),transparent 70%),var(--gdp-panel);}
.gdp-go-upsell h2{margin:0 0 10px;font:600 30px/1.1 var(--gdp-font);text-transform:uppercase;color:#fff;}
.gdp-go-upsell p{margin:0 auto 22px;max-width:560px;font:400 16px/1.6 var(--gdp-font-note);color:#c9c9c9;}
@media(max-width:600px){.gdp-go-upsell{padding:26px 18px;}.gdp-go-upsell h2{font-size:24px;}}

/* =====================================================================
   Hover preview, Jump back in (Premium)
   ===================================================================== */
.gdp-go-pv{position:absolute;z-index:40;width:290px;border-radius:12px;overflow:hidden;
  background:#181818;border:1px solid rgba(255,164,0,.6);box-shadow:0 30px 70px rgba(0,0,0,.75);
  font-family:var(--gdp-font);color:#fff;animation:go-pv .2s var(--go-ease);}
.gdp-go-pv[hidden]{display:none;}
@keyframes go-pv{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.gdp-go-pv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:13px 16px 0;}
.gdp-go-pv-x{flex:none;width:36px;height:36px;font-size:20px;}
.gdp-go-pv-head b{display:block;font:500 19px/1.15 var(--gdp-font);}
.gdp-go-pv-head span{font:400 12px var(--gdp-font-note);color:var(--gdp-muted);}
.gdp-go-pv-body{padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px;}
.gdp-go-pv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center;}
.gdp-go-pv-stats div{padding:8px 4px;border-radius:8px;background:#111;}
.gdp-go-pv-stats b{display:block;font:600 20px/1.1 var(--gdp-font);}
.gdp-go-pv-stats .is-best b{color:var(--gdp-accent);}
.gdp-go-pv-stats span{font:400 10px var(--gdp-font);letter-spacing:.08em;text-transform:uppercase;color:var(--gdp-muted);}
.gdp-go-pv-note{font:400 12px var(--gdp-font-note);color:var(--gdp-muted);}
.gdp-go-pv-note .is-nb{color:var(--gdp-accent);font-weight:700;}
.gdp-go-pv .gdp-go-btn{min-height:42px;width:100%;font-size:15px;}
.gdp-go-pv-pc{font:500 13px var(--gdp-font);letter-spacing:.06em;text-transform:uppercase;color:var(--gdp-accent);}

/* on a phone the stats open as a sheet from the bottom */
.gdp-go-pv.is-sheet{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;z-index:9994;
  border-radius:20px 20px 0 0;border-bottom:0;animation:go-sheet .3s var(--go-ease);}
.gdp-go-pv.is-sheet::before{content:"";display:block;width:40px;height:4px;margin:10px auto 0;border-radius:2px;background:#3a3a3a;}
.gdp-go-pv.is-sheet .gdp-go-pv-head{padding:10px 18px 0;}
.gdp-go-pv.is-sheet .gdp-go-pv-head b{font-size:22px;}
.gdp-go-pv.is-sheet .gdp-go-pv-body{padding:14px 18px calc(20px + env(safe-area-inset-bottom));gap:14px;}
.gdp-go-pv.is-sheet .gdp-go-pv-stats b{font-size:24px;}
.gdp-go-pv.is-sheet .gdp-go-btn{min-height:50px;}
.gdp-go-pv.is-sheet .gdp-go-pv-pc{text-align:center;padding:6px 0;}
.gdp-go-pv-bg{position:fixed;inset:0;z-index:9993;background:rgba(0,0,0,.6);animation:go-fade .25s ease;}

/* ---------- favourite toast ---------- */
.gdp-go-toast{position:fixed;left:50%;bottom:24px;z-index:9995;transform:translateX(-50%);
  display:flex;align-items:center;gap:12px;padding:11px 14px 11px 16px;border-radius:12px;
  background:#1d1d1d;border:1px solid var(--gdp-line);box-shadow:0 14px 34px rgba(0,0,0,.6);
  font:400 14px var(--gdp-font-note);color:#fff;white-space:nowrap;animation:go-toast .25s var(--go-ease);}
.gdp-go-toast[hidden]{display:none;}
@keyframes go-toast{from{opacity:0;transform:translate(-50%,10px);}to{opacity:1;transform:translateX(-50%);}}
.gdp-go-toast-heart svg{width:15px;height:15px;fill:var(--go-heart);display:block;}
.gdp-go-toast.is-off .gdp-go-toast-heart svg{fill:none;stroke:#9b9b9b;stroke-width:2;}
.gdp-go-toast .gdp-go-link{font:500 13px var(--gdp-font);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:6px 4px;}
@media(max-width:600px){.gdp-go-toast{left:12px;right:12px;transform:none;bottom:calc(16px + env(safe-area-inset-bottom));}
  @keyframes go-toast{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}}

/* =====================================================================
   See all: one category, every game
   ===================================================================== */
html.gdp-go-lock,html.gdp-go-lock body{overflow:hidden;}
.gdp-go-all{position:fixed;inset:0;z-index:9993;background:rgba(0,0,0,.66);display:flex;justify-content:center;
  font-family:var(--gdp-font);animation:go-fade .25s ease;}
.gdp-go-all[hidden]{display:none;}
@keyframes go-fade{from{opacity:0;}to{opacity:1;}}
.gdp-go-all-panel{
  --go-card:auto;--go-gap:12px;--go-pad:24px;--go-radius:8px;
  width:min(1170px,calc(100% - 48px));margin-top:24px;display:flex;flex-direction:column;
  background:#111;border:1px solid var(--gdp-line);border-bottom:0;border-radius:14px 14px 0 0;
  box-shadow:0 -20px 60px rgba(0,0,0,.6);animation:go-up .35s var(--go-ease);}
@keyframes go-up{from{transform:translateY(40px);opacity:.4;}to{transform:none;opacity:1;}}
.gdp-go-all-head{display:flex;align-items:center;gap:14px;padding:18px var(--go-pad) 12px;}
.gdp-go-all-head h2{margin:0;font:500 28px/1.1 var(--gdp-font);color:#fff;}
.gdp-go-all-head .is-close{margin-left:auto;}
.gdp-go-all-head .is-back{display:none;}
.gdp-go-all-cats{display:flex;gap:6px;padding:0 var(--go-pad) 14px;border-bottom:1px solid #1d1d1d;
  overflow-x:auto;scrollbar-width:none;}
.gdp-go-all-cats::-webkit-scrollbar{display:none;}
.gdp-go-all-cats .gdp-chip{flex:none;border-radius:99px;padding:9px 13px;white-space:nowrap;}
.gdp-go-all-grid{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px var(--go-pad) 40px;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:18px 12px;align-content:start;}
.gdp-go-all-grid .gdp-go-card{width:auto;flex:none;}
.gdp-go-all-grid .gdp-go-cap{display:none;}
@media(max-width:600px){
  .gdp-go-all{background:#111;}
  .gdp-go-all-panel{--go-pad:12px;--go-gap:8px;--go-radius:6px;width:100%;margin:0;border:0;border-radius:0;box-shadow:none;}
  .gdp-go-all-head{gap:6px;padding:8px 8px 6px;}
  .gdp-go-all-head h2{flex:1;font-size:21px;}
  .gdp-go-all-head .is-back{display:inline-flex;border:0;background:none;width:44px;height:44px;}
  .gdp-go-all-head .is-close{display:none;}
  .gdp-go-all-cats .gdp-chip{padding:8px 11px;font-size:13px;}
  .gdp-go-all-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;padding:12px var(--go-pad) 30px;}
}
@media(min-width:601px) and (max-width:1024px){.gdp-go-all-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));}}

/* =====================================================================
   Reduced motion: no zoom, no slideshow, nothing hidden waiting to fade in
   ===================================================================== */
@media(prefers-reduced-motion:reduce){
  .gdp-go *,.gdp-go *::before,.gdp-go *::after,.gdp-go-all *,.gdp-go-toast,.gdp-go-pv{
    animation:none !important;transition:none !important;}
  html.gdp-go-js .gdp-go-card{opacity:1;transform:none;}
  .gdp-go-sweep{display:none;}
}