/* =====================================================================
   GoDartsPro : Doubles Around the World (DAW)
   /wp-content/themes/dart/assets/css/gdp-game-daw.css

   Loaded AFTER gdp-game.css. Everything shared lives there: tokens, the
   photo band, cards, chips, figures, the stats tab and panel, the flash.
   This file is only what DAW arranges differently, built on the A1
   layout. No --gdp- token is redeclared here except the setup tint and
   the in-play divider, scoped to DAW's frame exactly as A1 does.

   Colours as rgba are the palette tokens written out:
     --gdp-win    #3ddc84   rgba(61,220,132,x)
     --gdp-accent #ffa400   rgba(255,164,0,x)
     --gdp-bust   #ff5a52   rgba(255,90,82,x)
     --gdp-go     #2c8a5a   rgba(44,138,90,x)
   Gold for hat tricks is #ffd451, rgba(255,212,81,x).
   ===================================================================== */

.gdp-daw-screen{position:relative;}


/* =====================================================================
   THE PHOTOGRAPH
   The theme's .container-main-graphic rule loads later at the same
   specificity and hides the shared photo, so the layers are restated one
   step more specific, as in A1.
   ===================================================================== */
.gdp .gdp-wrap.js-daw-wrap{
  background-color:var(--gdp-bg);
  background-image:
    linear-gradient(-18deg, transparent 0 45.35%, var(--gdp-divider) 45.35% 45.7%, transparent 45.7%),
    linear-gradient(-18deg, var(--gdp-tint-hi) 0 45.7%, var(--gdp-tint-lo) 45.7%),
    linear-gradient(to bottom,
      rgba(10,10,10,0) 0,
      rgba(10,10,10,0) calc(var(--gdp-band) * .45),
      rgba(10,10,10,.55) calc(var(--gdp-band) * .74),
      rgba(10,10,10,.88) calc(var(--gdp-band) * .90),
      var(--gdp-bg) var(--gdp-band)),
    url('/wp-content/themes/dart/images/2026/2026-back-game.webp');
  background-size:100% var(--gdp-band), 100% var(--gdp-band), 100% 100%, 100% auto;
  background-position:left top, left top, left top, center top;
  background-repeat:no-repeat;
}
@media(max-width:900px){
  .gdp .gdp-wrap.js-daw-wrap{
    background-image:
      linear-gradient(-18deg, transparent 0 32.94%, var(--gdp-divider) 32.94% 33.5%, transparent 33.5%),
      linear-gradient(-18deg, var(--gdp-tint-hi) 0 33.5%, var(--gdp-tint-lo) 33.5%),
      linear-gradient(to bottom,
        rgba(10,10,10,0) 0,
        rgba(10,10,10,0) calc(var(--gdp-band) * .45),
        rgba(10,10,10,.55) calc(var(--gdp-band) * .74),
        rgba(10,10,10,.88) calc(var(--gdp-band) * .90),
        var(--gdp-bg) var(--gdp-band)),
      url('/wp-content/themes/dart/images/2026/2026-back-game-mobile.webp');
  }
}
/* The setup tint at close to in-play strength, as A1 (owner, 16 Oct). */
.gdp .gdp-wrap.js-daw-wrap:not(.is-playing):not(.is-over){
  --gdp-tint-hi:rgba(8,8,8,.60);
  --gdp-tint-lo:rgba(8,8,8,.46);
}
.gdp .gdp-wrap.js-daw-wrap.is-playing{--gdp-divider:rgba(255,164,0,.12);}

/* "Your stats" is for setup and result only. */
.gdp .gdp-wrap.js-daw-wrap.is-playing .gdp-statstab{display:none;}
@media(max-width:991px){
  .gdp .gdp-wrap.js-daw-wrap .gdp-statstab{top:16px;}
  .gdp-daw-lede{padding-right:44px;}
}

/* The "Removing darts" popup must not widen the page on phones. */
.gdp .gdp-wrap.js-daw-wrap .dart-retrieve-container{
  left:0;right:0;width:auto;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box;
}
@media(max-width:600px){
  .gdp .gdp-wrap.js-daw-wrap .dart-retrieve-container{padding-left:12px;padding-right:12px;}
}
.gdp .gdp-wrap.js-daw-wrap .gdp-retrieve{width:600px;max-width:100%;box-sizing:border-box;}


/* =====================================================================
   SETUP
   ===================================================================== */

.gdp-daw-title{
  font-size:clamp(50px,7.6vw,84px);line-height:.88;letter-spacing:-.01em;
  margin:6px 0 12px;text-shadow:0 4px 26px rgba(0,0,0,.7);
}
.gdp-daw-title span{
  display:block;font-size:.42em;font-weight:400;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gdp-accent);margin-top:8px;
}
.gdp-daw-lede{
  font-family:var(--gdp-font-note);font-weight:300;font-size:15px;line-height:1.55;
  color:#d7d7d7;margin:0 0 18px;max-width:46ch;text-shadow:0 1px 6px rgba(0,0,0,.75);
}

.gdp-daw-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;}
.gdp-daw-mode{
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  padding:11px 14px;border-radius:10px;cursor:pointer;text-align:left;
  background:var(--gdp-panel2);border:1px solid var(--gdp-line);color:var(--gdp-ink);
  font-family:var(--gdp-font);transition:border-color .15s,background .15s;
}
.gdp-daw-mode b{font-size:17px;font-weight:500;letter-spacing:.02em;}
.gdp-daw-mode span{font-family:var(--gdp-font-note);font-size:12px;color:var(--gdp-muted);}
.gdp-daw-mode:hover{border-color:#4a4a4a;}
.gdp-daw-mode.is-on{background:rgba(255,164,0,.12);border-color:var(--gdp-accent);}
.gdp-daw-mode.is-on b{color:var(--gdp-accent);}
.gdp-daw-mode.is-locked{opacity:.4;cursor:not-allowed;}
.gdp-daw-mode:focus-visible{outline:2px solid var(--gdp-win);outline-offset:2px;}

.gdp-daw-lock{
  display:flex;align-items:center;gap:8px;margin:4px 0 8px;
  font-family:var(--gdp-font-note);font-size:12.5px;color:var(--gdp-accent);
}

.gdp-daw-darts{width:100%;}
.gdp-daw-darts select,
.gdp-daw-darts .form-control{
  width:100%;max-width:340px;height:40px;
  font-family:var(--gdp-font);font-size:14px;
  background:var(--gdp-panel2);border:1px solid var(--gdp-line);color:var(--gdp-ink);
  border-radius:8px;box-shadow:none;padding:6px 10px;
}
.gdp-daw-darts select:focus,
.gdp-daw-darts .form-control:focus{border-color:var(--gdp-accent);outline:none;box-shadow:none;}
.gdp-daw-darts label,
.gdp-daw-darts .app-header-m,
.gdp-daw-darts .app-header-s,
.gdp-daw-darts h3,
.gdp-daw-darts h4{
  font-family:var(--gdp-font-note);font-size:13px;font-weight:400;
  letter-spacing:0;text-transform:none;color:var(--gdp-muted);margin:0 0 6px;
}

.gdp-daw-best{margin:6px 0 14px;}
.gdp-daw-figs{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:8px;}
.gdp-daw-figs .gdp-figure{background:rgba(18,18,18,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.gdp-daw-figs .gdp-figure.is-best b{color:var(--gdp-accent);}
.gdp-daw-first,.gdp-daw-distnote{
  font-family:var(--gdp-font-note);font-size:13.5px;line-height:1.5;color:#cfcfcf;margin:0;
  text-shadow:0 1px 6px rgba(0,0,0,.75);
}
.gdp-daw-distnote{margin-top:8px;}
.gdp-daw-distnote .fa-solid{color:var(--gdp-accent);margin-right:4px;}

/* The number to beat. */
.gdp-daw-goal{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  font-family:var(--gdp-font);font-size:16px;letter-spacing:.03em;color:var(--gdp-ink);
  text-shadow:0 1px 6px rgba(0,0,0,.75);
}
.gdp-daw-goal > .fa-solid{color:var(--gdp-accent);}

.gdp-daw-start{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;}
.gdp-daw-start .gdp-btn-primary{
  flex:1 1 220px;width:auto;min-height:56px;
  background:var(--gdp-go);border-color:var(--gdp-go);color:#fff;
  font-size:19px;letter-spacing:.06em;text-transform:uppercase;
}
.gdp-daw-start .gdp-btn-primary:hover{background:var(--gdp-go-hi);}
.gdp-daw-sound{min-height:56px;}
.gdp-daw-start .gdp-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.gdp-screen-setup.gdp-daw-screen .gdp-intro h2:first-child{margin-top:0;}
.gdp .gdp-wrap.js-daw-wrap .gdp-screen-setup .gdp-intro{
  background:rgba(10,10,10,.50);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
}
.gdp-daw-rules{margin:0 0 6px;padding-left:20px;}
.gdp-daw-rules li{
  font-family:var(--gdp-font-note);font-weight:300;font-size:13.5px;line-height:1.6;
  color:#c9c9c9;margin-bottom:6px;
}
.gdp-daw-rules li::marker{color:var(--gdp-accent);font-family:var(--gdp-font);}

/* ---------- tiers ---------- */
.gdp-daw-tier{
  display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:999px;
  font-family:var(--gdp-font);font-size:16px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid currentColor;background:rgba(0,0,0,.35);
}
.gdp-daw-tier.is-sm{padding:2px 10px;font-size:11.5px;letter-spacing:.12em;gap:5px;}
.gdp-daw-tier.is-bronze{color:#e0a172;}
.gdp-daw-tier.is-silver{color:#d6dde4;}
.gdp-daw-tier.is-gold{color:#ffd451;box-shadow:0 0 18px rgba(255,212,81,.18);}
.gdp-daw-tier.is-elite{
  color:#241000;border-color:transparent;
  background:linear-gradient(112deg,#d9fff0 0%,#3ddc84 35%,#ffd451 70%,#fff1c2 100%);
  background-size:220% 100%;animation:dawSheen 2.6s ease-in-out infinite alternate;
}
.gdp-daw-tier.is-elite.is-sm{color:#241000;}


/* =====================================================================
   PLAY
   ===================================================================== */

.gdp-daw-screen.js-daw-play .gdp-bar{margin-bottom:4px;}
.gdp-daw-stat{display:inline-flex;align-items:baseline;gap:7px;margin-right:10px;}
.gdp-daw-stat b{
  font-family:var(--gdp-font);font-size:22px;font-weight:500;color:var(--gdp-ink);
  font-variant-numeric:tabular-nums;
}
.gdp-daw-scorebox b{color:var(--gdp-accent);display:inline-block;}
.gdp-daw-scorebox.fx-bump b{animation:dawBump .5s cubic-bezier(.2,1.6,.4,1);}
@keyframes dawBump{0%{transform:scale(1);}35%{transform:scale(1.35);color:var(--gdp-win);}100%{transform:scale(1);}}
.gdp-daw-pausebtn{
  width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(255,255,255,.24);display:inline-flex;align-items:center;justify-content:center;
}
.gdp-daw-pausebtn[aria-pressed="true"]{color:var(--gdp-accent);border-color:var(--gdp-accent);}
.gdp-daw-pausebtn:focus-visible{outline:2px solid var(--gdp-accent);outline-offset:2px;}

.gdp-daw-stage{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);
  gap:22px;align-items:start;
}
.gdp-daw-hero{text-align:center;min-width:0;padding-top:4px;position:relative;}

/* ---------- the number, its darts and the streak ---------- */
.gdp-daw-targetrow{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;column-gap:clamp(14px,2.2vw,28px);margin:2px 0 4px;
}
.gdp-daw-targetbox{grid-column:2;position:relative;margin:0;}
.gdp-daw-target{
  position:relative;z-index:1;
  font-family:var(--gdp-font);font-weight:600;
  font-size:clamp(120px,19vw,240px);line-height:.86;letter-spacing:-.03em;color:#fff;
  font-variant-numeric:tabular-nums;padding-bottom:.06em;
  text-shadow:0 6px 34px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.6);
  transition:color .3s;
}
.gdp-daw-target.is-bull{font-size:clamp(84px,13vw,170px);letter-spacing:.02em;text-transform:uppercase;}

.gdp-daw-side{grid-column:1;justify-self:end;display:flex;align-items:center;gap:clamp(8px,1.2vw,14px);}
.gdp-daw-bed{
  writing-mode:vertical-rl;transform:rotate(180deg);
  font-family:var(--gdp-font);font-size:12px;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;
  color:rgba(255,255,255,.5);
}
.gdp-daw-sidepips{display:flex;flex-direction:column;align-items:center;gap:8px;}
.gdp-daw-markof{font-family:var(--gdp-font-note);font-size:11px;letter-spacing:.06em;color:var(--gdp-muted);}

/* The same three lights on the hero and every tile, so the player learns
   one shape. On the hero they stand in a column and fill from the bottom. */
.gdp-daw-pips{display:inline-flex;gap:4px;align-items:center;}
.gdp-daw-pips i{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
  transition:background .2s,border-color .2s,transform .2s;
}
.gdp-daw-pips i.is-on{background:var(--gdp-win);border-color:var(--gdp-win);}
.gdp-daw-pips.is-hero{flex-direction:column-reverse;gap:12px;}
.gdp-daw-pips.is-hero i{width:24px;height:24px;border-width:2px;}
.gdp-daw-pips.is-hero i.is-on{box-shadow:0 0 14px rgba(61,220,132,.5);}
.gdp-daw-pips.is-hero i.is-pop{animation:dawPip .6s cubic-bezier(.18,1.6,.4,1);}
@keyframes dawPip{
  0%  {transform:scale(.3);box-shadow:0 0 0 0 rgba(61,220,132,.8);}
  45% {transform:scale(1.35);box-shadow:0 0 0 10px rgba(61,220,132,0);}
  100%{transform:scale(1);}
}

/* On fire: the streak, on the right of the number. */
.gdp-daw-fire{
  grid-column:3;justify-self:start;
  display:flex;flex-direction:column;align-items:center;gap:1px;
  font-family:var(--gdp-font);color:#ffb347;opacity:0;transform:scale(.6);
  transition:opacity .3s,transform .4s cubic-bezier(.2,1.5,.4,1);pointer-events:none;
}
.gdp-daw-fire.is-on{opacity:1;transform:none;}
.gdp-daw-fire .fa-solid{font-size:30px;filter:drop-shadow(0 0 10px rgba(255,120,20,.7));animation:dawFlicker 1.1s ease-in-out infinite alternate;}
.gdp-daw-fire b{font-size:26px;font-weight:600;line-height:1;color:#fff;font-variant-numeric:tabular-nums;}
.gdp-daw-fire span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gdp-muted);}
@keyframes dawFlicker{
  0%  {transform:scale(1) rotate(-3deg);color:#ffb347;}
  50% {transform:scale(1.08) rotate(2deg);color:#ff7a1a;}
  100%{transform:scale(.97) rotate(-1deg);color:#ffd451;}
}
/* A glow of embers behind the number while the streak lasts. */
.gdp-daw-hero.is-fire .gdp-daw-targetbox::before{
  content:"";position:absolute;left:50%;top:50%;width:150%;height:130%;z-index:0;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side, rgba(255,122,26,.30), rgba(255,164,0,.10) 55%, rgba(255,164,0,0) 75%);
  animation:dawEmber 1.6s ease-in-out infinite alternate;
}
@keyframes dawEmber{from{opacity:.65;transform:translate(-50%,-50%) scale(.94);}to{opacity:1;transform:translate(-50%,-50%) scale(1.05);}}
.gdp-daw-hero.fx-douse .gdp-daw-target{animation:dawDouse .6s ease-out;}
@keyframes dawDouse{0%{filter:none;}40%{filter:grayscale(1) brightness(.7);}100%{filter:none;}}

.gdp-daw-ghost{
  display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;
  margin-top:10px;padding:5px 13px;border-radius:999px;
  font-family:var(--gdp-font);font-size:13px;letter-spacing:.03em;color:var(--gdp-muted);
  background:rgba(12,12,12,.72);border:1px solid rgba(255,255,255,.1);
}
.gdp-daw-ghost em{font-style:normal;font-family:var(--gdp-font-note);font-size:11.5px;opacity:.75;}
.gdp-daw-ghost.is-ahead{color:var(--gdp-win);border-color:rgba(61,220,132,.45);}
.gdp-daw-ghost.is-behind{color:#ffb0aa;border-color:rgba(255,90,82,.4);}
.gdp-daw-ghost.is-level{color:var(--gdp-ink);}

/* ---------- the number changing ---------- */
.gdp-daw-target.is-out{
  position:absolute;left:0;right:0;top:0;z-index:2;pointer-events:none;
  animation:dawNumOut .5s cubic-bezier(.4,0,.2,1) forwards;
}
.gdp-daw-target.is-out.was-hit{color:var(--gdp-win);text-shadow:0 0 42px rgba(61,220,132,.55),0 6px 34px rgba(0,0,0,.85);}
.gdp-daw-target.is-out.was-hat{color:#ffd451;text-shadow:0 0 50px rgba(255,164,0,.6),0 6px 34px rgba(0,0,0,.85);}
.gdp-daw-target.is-out.was-miss{color:rgba(255,255,255,.45);}
@keyframes dawNumOut{
  0%  {opacity:1;transform:none;filter:blur(0);}
  100%{opacity:0;transform:translateY(-24%) scale(.84);filter:blur(7px);}
}
.gdp-daw-target.is-in{animation:dawNumIn .62s cubic-bezier(.18,1.3,.4,1) .08s both;}
@keyframes dawNumIn{
  0%  {opacity:0;transform:translateY(26%) scale(.9);filter:blur(6px);}
  60% {opacity:1;filter:blur(0);}
  100%{opacity:1;transform:none;filter:blur(0);}
}

/* ---------- the hit and the hat trick ---------- */
.gdp-daw-target.fx-hit{animation:dawNumHit .7s cubic-bezier(.2,1.4,.4,1);}
.gdp-daw-target.fx-hat{animation:dawNumHat 1s cubic-bezier(.2,1.4,.4,1);}
@keyframes dawNumHit{
  0%  {transform:scale(1);}
  30% {transform:scale(1.08);color:#d8ffe9;text-shadow:0 0 46px rgba(61,220,132,.75),0 6px 34px rgba(0,0,0,.85);}
  100%{transform:scale(1);}
}
@keyframes dawNumHat{
  0%  {transform:scale(1) rotate(0);}
  25% {transform:scale(1.16) rotate(-2deg);color:#fff1c2;text-shadow:0 0 64px rgba(255,164,0,.85),0 6px 34px rgba(0,0,0,.85);}
  50% {transform:scale(1.1) rotate(2deg);color:#ffd451;}
  100%{transform:scale(1) rotate(0);}
}
.gdp-daw-burst{
  position:absolute;left:50%;top:48%;width:0;height:0;z-index:0;pointer-events:none;
  --c:var(--gdp-win);--cs:61,220,132;--rs:190px;
}
.gdp-daw-burst.is-hat{--c:#ffd451;--cs:255,190,40;--rs:260px;}
.gdp-daw-burst i{position:absolute;display:block;opacity:0;}
.gdp-daw-glow{
  left:calc(var(--rs) * -.8);top:calc(var(--rs) * -.8);
  width:calc(var(--rs) * 1.6);height:calc(var(--rs) * 1.6);border-radius:50%;
  background:radial-gradient(circle, rgba(var(--cs),.42) 0%, rgba(var(--cs),.12) 40%, rgba(var(--cs),0) 70%);
}
.gdp-daw-ring{
  left:calc(var(--rs) * -.5);top:calc(var(--rs) * -.5);
  width:var(--rs);height:var(--rs);border-radius:50%;
  border:3px solid var(--c);box-shadow:0 0 18px rgba(var(--cs),.55);
}
.gdp-daw-spark{
  left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;
  background:var(--c);box-shadow:0 0 10px rgba(var(--cs),.9);
}
.gdp-daw-burst.is-hat .gdp-daw-spark{width:10px;height:10px;left:-5px;top:-5px;}
.gdp-daw-burst.is-on .gdp-daw-glow{animation:dawGlow .9s ease-out forwards;}
.gdp-daw-burst.is-on .gdp-daw-ring{animation:dawRing .85s cubic-bezier(.16,1,.3,1) forwards;}
.gdp-daw-burst.is-on .gdp-daw-ring.is-2{animation-delay:.13s;border-width:2px;}
.gdp-daw-burst.is-on .gdp-daw-ring.is-3{animation-delay:.26s;border-width:1px;}
.gdp-daw-burst.is-on .gdp-daw-spark{animation:dawSpark .8s cubic-bezier(.16,1,.3,1) var(--t,0s) forwards;}
.gdp-daw-burst.is-hat.is-on .gdp-daw-spark{animation-duration:1.05s;}
@keyframes dawGlow{0%{opacity:0;transform:scale(.5);}25%{opacity:1;}100%{opacity:0;transform:scale(1.15);}}
@keyframes dawRing{0%{opacity:.95;transform:scale(.25);}100%{opacity:0;transform:scale(1.55);}}
@keyframes dawSpark{
  0%  {opacity:1;transform:rotate(var(--a)) translateY(-30px) scale(1.1);}
  100%{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(.25);}
}

/* ---------- the controls ---------- */
.gdp-daw-controls{display:grid;grid-template-columns:1fr;gap:10px;align-content:start;}
.gdp-daw-darts3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.gdp-daw-dart{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  min-height:98px;padding:12px 6px 10px;border-radius:12px;cursor:pointer;
  font-family:var(--gdp-font);color:rgba(255,255,255,.72);
  background:rgba(22,22,22,.86);border:1px solid rgba(255,90,82,.38);
  transition:background-color .14s,border-color .14s,color .14s,transform .08s,box-shadow .2s;
}
.gdp-daw-dart small{font-family:var(--gdp-font-note);font-size:11.5px;letter-spacing:.04em;opacity:.8;}
.gdp-daw-dart-v{font-size:28px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;}
.gdp-daw-dart kbd{
  position:absolute;top:7px;right:8px;padding:0 6px;border-radius:5px;
  font-family:var(--gdp-font);font-size:11px;background:rgba(0,0,0,.3);color:inherit;opacity:.7;box-shadow:none;
}
.gdp-daw-dart-board{position:absolute;top:9px;left:9px;font-size:11px;opacity:0;transition:opacity .2s;}
.gdp-daw-dart.is-board .gdp-daw-dart-board{opacity:.8;}
.gdp-daw-dart.is-board{cursor:default;}
.gdp-daw-dart.is-hit{
  background:rgba(44,138,90,.82);border-color:var(--gdp-win);color:#fff;
  box-shadow:0 0 22px rgba(61,220,132,.28);
}
.gdp-daw-dart:hover:not(:disabled):not(.is-board){border-color:rgba(255,255,255,.5);}
.gdp-daw-dart.is-hit:hover:not(:disabled){background:rgba(55,165,109,.92);border-color:var(--gdp-win);}
.gdp-daw-dart:active:not(.is-board){transform:scale(.97);}
.gdp-daw-dart:disabled{opacity:.4;cursor:not-allowed;}
.gdp-daw-dart:focus-visible{outline:3px solid #fff;outline-offset:3px;}
.gdp-daw-dart.fx-pop{animation:dawDartPop .5s cubic-bezier(.2,1.5,.4,1);}
@keyframes dawDartPop{
  0%  {transform:scale(.92);box-shadow:0 0 0 0 rgba(61,220,132,.75);}
  50% {transform:scale(1.05);}
  100%{transform:scale(1);box-shadow:0 0 0 14px rgba(61,220,132,0);}
}

.gdp-daw-register{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  min-height:70px;padding:9px;border-radius:12px;cursor:pointer;
  font-family:var(--gdp-font);color:var(--gdp-accent-ink);
  background:var(--gdp-accent);border:1px solid var(--gdp-accent);
  box-shadow:0 10px 26px rgba(255,164,0,.18);
  transition:filter .12s,transform .08s;
}
.gdp-daw-reg-l{font-size:24px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1;}
.gdp-daw-register small{font-family:var(--gdp-font-note);font-size:12px;font-weight:600;opacity:.75;}
.gdp-daw-register kbd{
  position:absolute;top:8px;right:10px;padding:0 6px;border-radius:5px;
  font-family:var(--gdp-font);font-size:11px;background:rgba(0,0,0,.14);color:inherit;box-shadow:none;
}
.gdp-daw-register:hover:not(:disabled){filter:brightness(1.08);}
.gdp-daw-register:active:not(:disabled){transform:scale(.98);}
.gdp-daw-register:disabled{opacity:.4;cursor:not-allowed;}
.gdp-daw-register:focus-visible{outline:3px solid #fff;outline-offset:3px;}

.gdp-daw-undo{
  justify-self:center;margin-top:2px;padding:7px 18px;border-radius:9px;cursor:pointer;
  font-family:var(--gdp-font);font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  background:transparent;border:1px solid var(--gdp-line);color:var(--gdp-muted);
}
.gdp-daw-undo:hover:not(:disabled){border-color:#4a4a4a;color:var(--gdp-ink);}
.gdp-daw-undo:disabled{opacity:.35;cursor:default;}
.gdp-daw-undo:focus-visible{outline:2px solid var(--gdp-accent);outline-offset:2px;}

/* ---------- the row of targets ---------- */
.gdp-daw-board{
  list-style:none;margin:16px 0 0;padding:0;
  /* Two rows on a large screen, three below it, so every tile is big
     enough to read from the oche. */
  display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px;
}
.gdp-daw-tile{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  padding:10px 4px 9px;border-radius:11px;
  background:rgba(18,18,18,.82);border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:border-color .2s,background .2s,transform .2s,opacity .2s;
}
.gdp-daw-tile-n{font-family:var(--gdp-font);font-size:30px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;}
.gdp-daw-tile.is-bull .gdp-daw-tile-n{font-size:20px;letter-spacing:.08em;text-transform:uppercase;padding:5px 0 5px;}
.gdp-daw-tile .gdp-daw-pips{gap:4px;}
.gdp-daw-tile .gdp-daw-pips i{width:10px;height:10px;}
.gdp-daw-tile.is-active{
  background:#1a1305;border-color:var(--gdp-accent);transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 0 1px rgba(255,164,0,.25);
}
.gdp-daw-tile.is-active .gdp-daw-tile-n{color:var(--gdp-accent);}
.gdp-daw-tile.is-done{border-top:3px solid var(--gdp-win);padding-top:8px;}
.gdp-daw-tile.is-done .gdp-daw-tile-n{color:var(--gdp-muted);}
.gdp-daw-tile.is-zero{border-top-color:rgba(255,90,82,.7);}
.gdp-daw-tile.is-hat{border-color:rgba(255,212,81,.7);border-top-color:#ffd451;background:rgba(40,30,6,.88);}
.gdp-daw-tile.is-hat .gdp-daw-tile-n{color:#ffd451;}
.gdp-daw-tile.is-hat .gdp-daw-pips i.is-on{background:#ffd451;border-color:#ffd451;}
.gdp-daw-tile.fx-hit{animation:dawTileHit .5s ease-out;}
.gdp-daw-tile.fx-miss{animation:dawTileMiss .42s ease-out;}
.gdp-daw-tile.fx-hat{animation:dawTileHat .9s cubic-bezier(.16,1,.3,1);}
@keyframes dawTileHit{0%{box-shadow:0 0 0 0 rgba(61,220,132,.7);}100%{box-shadow:0 0 0 12px rgba(61,220,132,0);}}
@keyframes dawTileMiss{0%,100%{transform:translateX(0);}25%{transform:translateX(-3px);}75%{transform:translateX(3px);}}
@keyframes dawTileHat{
  0%  {transform:scale(1);box-shadow:0 0 0 0 rgba(255,212,81,.85);}
  35% {transform:scale(1.14);}
  100%{transform:scale(1);box-shadow:0 0 0 20px rgba(255,212,81,0);}
}

/* ---------- Scolia: the site's dart boxes, under the number ---------- */
.gdp-daw-scolia{margin:16px auto 0;max-width:470px;}
.gdp-daw-scolia .dart-detail-container{padding-top:0;margin-bottom:0;}
.gdp-daw-scolia .dart-detail-wrapper{padding-left:9px;padding-right:9px;}
.gdp-daw-scolia .dart-detail{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:132px;padding:10px 4px;
}
.gdp-daw-scolia .dart-detail .app-header-xl,
.gdp-daw-scolia .dart-detail .js-dart-detail-score{
  font-family:var(--gdp-font);font-size:52px;font-weight:500;line-height:1;
}
.gdp-daw-scolia .dart-detail .js-dart-detail-hit{
  font-family:var(--gdp-font);font-size:20px;line-height:1.1;margin-top:8px;min-height:22px;
}
.gdp-daw-scolia .js-dart-distance{display:none !important;}
.gdp-daw-scolia .js-hide-autotrack-darts{display:none !important;}

/* ---------- the distance readout ----------
   Information only: no box, no fill, a hairline above it. */
.gdp-daw-distslot:empty{display:none;}
.gdp-daw-dist{
  display:flex;align-items:center;justify-content:center;gap:18px;
  margin-top:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);
  cursor:default;user-select:none;
}
.gdp-daw-map{width:104px;height:104px;flex:0 0 auto;overflow:visible;}
.gdp-daw-map-ring{fill:none;stroke:rgba(255,255,255,.13);stroke-width:1;}
.gdp-daw-map-band{fill:rgba(61,220,132,.16);stroke:rgba(61,220,132,.55);stroke-width:.8;}
.gdp-daw-map-side{
  text-anchor:middle;font-family:var(--gdp-font);font-size:6px;letter-spacing:.24em;font-weight:500;
  fill:#fff;fill-opacity:.38;
}
.gdp-daw-map-cross{stroke:rgba(255,255,255,.4);stroke-width:.8;}
.gdp-daw-map-label text{text-anchor:middle;font-family:var(--gdp-font);fill:#fff;pointer-events:none;}
.gdp-daw-map-label .is-lg{font-size:20px;font-weight:600;fill-opacity:.13;letter-spacing:.02em;}
.gdp-daw-map-label .is-lg.is-bull{font-size:15px;}
.gdp-daw-dot circle{fill:#8b8b8b;stroke:#0a0a0a;stroke-width:1.2;}
.gdp-daw-dot text{font-family:var(--gdp-font);font-size:8px;font-weight:600;text-anchor:middle;fill:#0a0a0a;}
.gdp-daw-dot.is-hit circle{fill:var(--gdp-win);}
.gdp-daw-dot.is-out circle{stroke-dasharray:1.4 1;}

.gdp-daw-distcol{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;}
.gdp-daw-dvals{display:flex;gap:16px;flex-wrap:wrap;}
.gdp-daw-dv{
  display:inline-flex;align-items:baseline;gap:5px;
  font-family:var(--gdp-font);font-size:19px;color:rgba(255,255,255,.7);
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.gdp-daw-dv i{font-style:normal;font-family:var(--gdp-font-note);font-size:10px;font-weight:700;color:var(--gdp-muted);}
.gdp-daw-dv small{font-size:11px;margin-left:1px;color:var(--gdp-muted);}
.gdp-daw-dv.is-hit{color:var(--gdp-win);}
.gdp-daw-dv.is-empty{color:rgba(255,255,255,.25);}
.gdp-daw-sessdist{display:flex;align-items:baseline;gap:8px;margin-top:2px;}
.gdp-daw-sessdist b{font-family:var(--gdp-font);font-size:17px;font-weight:500;color:var(--gdp-accent);font-variant-numeric:tabular-nums;}
.gdp-daw-sesslast,.gdp-daw-usual{
  font-family:var(--gdp-font-note);font-size:12px;line-height:1.35;color:var(--gdp-muted);min-height:0;
}
.gdp-daw-sesslast:empty,.gdp-daw-usual:empty{display:none;}
.gdp-daw-sesslast.is-up,.gdp-daw-usual.is-up{color:var(--gdp-win);}
.gdp-daw-sesslast.is-down,.gdp-daw-usual.is-down{color:#ffb0aa;}

/* Large screens: in the right column under Undo, laid across (map on the
   left, figures on the right) so the column ends level with the dart
   boxes on a 1280x800 laptop. */
.gdp-daw-controls .gdp-daw-distslot{margin-top:2px;}
.gdp-daw-dist.is-wide{flex-direction:row;align-items:center;gap:14px;padding-top:12px;}
.gdp-daw-dist.is-wide .gdp-daw-map{width:136px;flex:0 0 136px;height:auto;aspect-ratio:1/1;}
.gdp-daw-dist.is-wide .gdp-daw-dot text{font-size:7px;}
.gdp-daw-dist.is-wide .gdp-daw-distcol{align-items:stretch;flex:1 1 auto;gap:5px;}
.gdp-daw-dist.is-wide .gdp-daw-dvals{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.gdp-daw-dist.is-wide .gdp-daw-dv{flex-direction:column;align-items:center;gap:2px;font-size:25px;line-height:1;}
.gdp-daw-dist.is-wide .gdp-daw-dv i{font-size:10px;letter-spacing:.14em;order:-1;}
.gdp-daw-dist.is-wide .gdp-daw-dv small{font-size:11px;margin:1px 0 0;}
.gdp-daw-dist.is-wide .gdp-daw-sessdist{margin-top:3px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06);}
.gdp-daw-dist.is-wide .gdp-daw-sessdist b{font-size:21px;}

/* ---------- paused ----------
   Over the dart boxes (z 1185), under the site's Scolia popups (1200). */
.gdp-daw-paused{
  position:absolute;inset:-6px;z-index:20;display:flex;align-items:center;justify-content:center;
  background:rgba(8,8,8,.78);border-radius:var(--gdp-radius);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.gdp .gdp-wrap.js-daw-wrap .gdp-daw-paused{z-index:1190;}
.gdp-daw-paused-card{position:relative;z-index:1;text-align:center;max-width:340px;padding:24px;}
.gdp-daw-paused-card p{font-family:var(--gdp-font-note);font-size:14px;color:var(--gdp-muted);margin:10px 0 18px;}
.gdp-daw-paused .gdp-btn-primary{width:auto;padding:13px 40px;}

@media(min-width:992px){
  .gdp .gdp-wrap.js-daw-wrap.is-playing{min-height:640px;}
}


/* =====================================================================
   RESULT
   ===================================================================== */

.gdp-daw-result{max-width:900px;margin:0 auto;padding:4px 0 10px;}
.gdp-daw-res-head{text-align:center;margin-bottom:20px;}
.gdp-daw-res-score{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:6px 0 12px;}
.gdp-daw-res-score b{
  font-family:var(--gdp-font);font-weight:600;font-size:clamp(96px,17vw,170px);line-height:.88;color:#fff;
  font-variant-numeric:tabular-nums;text-shadow:0 6px 34px rgba(0,0,0,.85);
  min-width:1.1em;
}
.gdp-daw-res-score span{
  font-family:var(--gdp-font);font-size:26px;letter-spacing:.06em;color:var(--gdp-muted);
}
.gdp-daw-res-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
  animation:dawRise .6s cubic-bezier(.2,1.3,.4,1) .7s both;}
@keyframes dawRise{from{opacity:0;transform:translateY(10px) scale(.92);}to{opacity:1;transform:none;}}
.gdp-daw-pb{
  display:inline-flex;align-items:center;gap:9px;padding:8px 20px;border-radius:999px;
  font-family:var(--gdp-font);font-size:16px;font-weight:500;letter-spacing:.05em;
  color:var(--gdp-accent-ink);
  background:linear-gradient(112deg,#fff1c2 0%,#ffd451 30%,#ffa400 70%,#ffcf66 100%);
  background-size:220% 100%;box-shadow:0 10px 30px rgba(255,164,0,.3);
  animation:dawSheen 2.4s ease-in-out infinite alternate;
}
.gdp-daw-pb.is-equal,.gdp-daw-pb.is-first{
  background:rgba(255,164,0,.12);color:var(--gdp-accent);border:1px solid rgba(255,164,0,.5);
  box-shadow:none;animation:none;
}
@keyframes dawSheen{from{background-position:0% 50%;}to{background-position:100% 50%;}}

.gdp-daw-res-line{font-family:var(--gdp-font-note);font-size:13.5px;color:var(--gdp-muted);margin:12px 0 0;}

.gdp-daw-deltas{display:flex;gap:8px 16px;justify-content:center;flex-wrap:wrap;margin-top:12px;}
.gdp-daw-deltas.is-dist{margin:-6px 0 16px;}
.gdp-daw-delta{font-family:var(--gdp-font-note);font-size:13px;color:var(--gdp-muted);}
.gdp-daw-delta b{font-family:var(--gdp-font);font-size:16px;font-weight:500;}
.gdp-daw-delta.is-up b,.gdp-daw-delta.is-up .fa-solid{color:var(--gdp-win);}
.gdp-daw-delta.is-down b{color:#ffb0aa;}
.gdp-daw-delta.is-level b{color:var(--gdp-ink);}

.gdp-daw-res-figs{grid-template-columns:repeat(var(--daw-n,6),minmax(0,1fr));margin-bottom:18px;}
.gdp-daw-res-figs .gdp-figure{background:rgba(18,18,18,.88);}
.gdp-daw-res-figs .gdp-figure.is-best b{color:var(--gdp-accent);}

.gdp-daw-records{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:-4px 0 18px;}
.gdp-daw-record{
  display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;
  font-family:var(--gdp-font);font-size:14px;letter-spacing:.03em;
  background:rgba(255,212,81,.1);border:1px solid rgba(255,212,81,.45);color:#ffd451;
}
.gdp-daw-record.is-dist{background:rgba(61,220,132,.08);border-color:rgba(61,220,132,.45);color:var(--gdp-win);}

.gdp-daw-res-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:22px;}
.gdp-daw-res-board{text-align:center;}
.gdp-daw-res-board .gdp-stats-h3,.gdp-daw-res-side .gdp-stats-h3{text-align:left;}

/* ---------- the heat ring ---------- */
.gdp-daw-heat{width:100%;max-width:380px;height:auto;display:block;margin:0 auto;}
.gdp-daw-heat-face{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.18);stroke-width:1;}
.gdp-daw-heat-line{fill:none;stroke:rgba(255,255,255,.08);stroke-width:.8;}
.gdp-daw-heat-n{text-anchor:middle;font-family:var(--gdp-font);font-size:13px;fill:rgba(255,255,255,.62);}
.gdp-daw-heat-seg path,.gdp-daw-heat-seg circle{stroke:rgba(0,0,0,.6);stroke-width:.6;}
.gdp-daw-heat-seg.is-none path,.gdp-daw-heat-seg.is-none circle{fill:rgba(255,255,255,.05);}
.gdp-daw-heat-seg.is-h0 path,.gdp-daw-heat-seg.is-h0 circle{fill:rgba(255,90,82,.5);}
.gdp-daw-heat-seg.is-h1 path,.gdp-daw-heat-seg.is-h1 circle{fill:rgba(255,164,0,.42);}
.gdp-daw-heat-seg.is-h2 path,.gdp-daw-heat-seg.is-h2 circle{fill:rgba(255,164,0,.9);}
.gdp-daw-heat-seg.is-h3 path,.gdp-daw-heat-seg.is-h3 circle{fill:#ffd451;filter:drop-shadow(0 0 5px rgba(255,212,81,.8));}
.gdp-daw-heat-seg .is-bullhalo{fill:none !important;stroke-width:2.4;}
.gdp-daw-heat-seg.is-h0 .is-bullhalo{stroke:rgba(255,90,82,.6);}
.gdp-daw-heat-seg.is-h1 .is-bullhalo{stroke:rgba(255,164,0,.5);}
.gdp-daw-heat-seg.is-h2 .is-bullhalo{stroke:rgba(255,164,0,.9);}
.gdp-daw-heat-seg.is-h3 .is-bullhalo{stroke:#ffd451;}
.gdp-daw-heat-seg{animation:dawSeg .45s ease-out both;animation-delay:calc(.9s + var(--i) * 45ms);}
@keyframes dawSeg{from{opacity:0;}to{opacity:1;}}
.gdp-daw-heat-dart{fill:rgba(255,255,255,.55);stroke:#0a0a0a;stroke-width:.8;}
.gdp-daw-heat-dart.is-hit{fill:var(--gdp-win);}
.gdp-daw-heatkey{display:flex;gap:14px;justify-content:center;margin-top:8px;
  font-family:var(--gdp-font);font-size:12px;color:var(--gdp-muted);}
.gdp-daw-heatkey span{display:inline-flex;align-items:center;gap:5px;}
.gdp-daw-heatkey i{display:inline-block;width:12px;height:12px;border-radius:3px;}
.gdp-daw-heatkey i.is-h0{background:rgba(255,90,82,.5);}
.gdp-daw-heatkey i.is-h1{background:rgba(255,164,0,.42);}
.gdp-daw-heatkey i.is-h2{background:rgba(255,164,0,.9);}
.gdp-daw-heatkey i.is-h3{background:#ffd451;}

/* ---------- dart by dart ---------- */
.gdp-daw-dbars{display:flex;flex-direction:column;gap:8px;}
.gdp-daw-dbar{display:grid;grid-template-columns:62px minmax(0,1fr) 46px;align-items:center;gap:10px;}
.gdp-daw-dbar span{font-family:var(--gdp-font);font-size:14px;}
.gdp-daw-dbar i{position:relative;height:12px;border-radius:6px;background:rgba(255,255,255,.06);overflow:hidden;}
.gdp-daw-dbar i b{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:#7f8b99;
  animation:dawGrowX .7s cubic-bezier(.2,1,.3,1) 1s both;transform-origin:left;}
.gdp-daw-dbar.is-first i b{background:var(--gdp-accent);}
.gdp-daw-dbar.is-first span,.gdp-daw-dbar.is-first em{color:var(--gdp-accent);}
.gdp-daw-dbar em{font-style:normal;font-family:var(--gdp-font);font-size:15px;text-align:right;font-variant-numeric:tabular-nums;}
@keyframes dawGrowX{from{transform:scaleX(0);}to{transform:scaleX(1);}}
.gdp-daw-hint{font-family:var(--gdp-font-note);font-size:13px;line-height:1.5;color:var(--gdp-muted);margin:10px 0 0;}
.gdp-daw-hint .fa-solid{color:var(--gdp-accent);margin-right:3px;}
.gdp-daw-res-side .gdp-stats-h3{margin-top:18px;}
.gdp-daw-res-side .gdp-stats-h3:first-child{margin-top:0;}

/* ---------- where the misses went ---------- */
.gdp-daw-miss{display:flex;gap:3px;border-radius:9px;overflow:hidden;min-height:52px;}
.gdp-daw-miss > div{
  display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:6px 4px;
  font-family:var(--gdp-font);overflow:hidden;white-space:nowrap;
}
.gdp-daw-miss b{font-size:17px;font-weight:500;line-height:1.1;}
.gdp-daw-miss span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.85;}
.gdp-daw-miss .is-out{background:rgba(255,90,82,.32);color:#ffd2ce;}
.gdp-daw-miss .is-wide{background:rgba(255,164,0,.24);color:#ffe0a8;}
.gdp-daw-miss .is-in{background:rgba(127,139,153,.3);color:#e3e8ee;}
.gdp-daw-misskey{display:flex;gap:6px 14px;flex-wrap:wrap;margin-top:7px;font-family:var(--gdp-font-note);font-size:12px;color:var(--gdp-muted);}
.gdp-daw-misskey span{display:inline-flex;align-items:center;gap:5px;}
.gdp-daw-misskey i{display:inline-block;width:10px;height:10px;border-radius:2px;}
.gdp-daw-misskey i.is-out{background:rgba(255,90,82,.6);}
.gdp-daw-misskey i.is-wide{background:rgba(255,164,0,.55);}
.gdp-daw-misskey i.is-in{background:rgba(127,139,153,.6);}
.gdp-daw-record.is-more{background:none;border-color:rgba(255,255,255,.18);color:var(--gdp-muted);}

/* ---------- the doubles to practise ---------- */
.gdp-daw-weak{display:flex;gap:8px;flex-wrap:wrap;}
.gdp-daw-weak span{
  display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 14px;border-radius:10px;
  background:rgba(255,90,82,.08);border:1px solid rgba(255,90,82,.35);
}
.gdp-daw-weak b{font-family:var(--gdp-font);font-size:22px;font-weight:500;line-height:1;}
.gdp-daw-weak em{font-style:normal;font-family:var(--gdp-font-note);font-size:11px;color:var(--gdp-muted);}

.gdp-daw-upsell{margin:6px 0 20px;}
.gdp-daw-res-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.gdp-daw-res-actions .gdp-btn-primary{
  width:auto;min-width:220px;background:var(--gdp-go);border-color:var(--gdp-go);color:#fff;
  font-size:18px;letter-spacing:.06em;text-transform:uppercase;
}
.gdp-daw-res-actions .gdp-btn-primary:hover{background:var(--gdp-go-hi);}
.gdp-daw-res-actions .gdp-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.gdp-daw-save{
  text-align:center;margin:14px 0 0;min-height:20px;
  font-family:var(--gdp-font-note);font-size:12.5px;color:var(--gdp-muted);
}
.gdp-daw-save.is-ok{color:var(--gdp-win);}
.gdp-daw-save.is-error{color:#ffb0aa;}
.gdp-daw-retry{
  margin-left:6px;padding:3px 12px;border-radius:999px;cursor:pointer;
  font-family:var(--gdp-font);font-size:12px;letter-spacing:.08em;
  background:none;border:1px solid rgba(255,90,82,.6);color:var(--gdp-ink);
}

/* A unit inside a figure card (third use: ready for gdp-game.css). */
.gdp-figure .gdp-unit{
  display:inline;font-size:.5em;font-weight:400;letter-spacing:normal;text-transform:none;
  color:rgba(255,255,255,.55);margin:0 0 0 2px;
}
.gdp-figure b{white-space:nowrap;}


/* =====================================================================
   YOUR STATS
   ===================================================================== */

.gdp-stats-head .gdp-daw-smodes{margin-left:auto;margin-right:10px;}
.gdp-daw-stfigs{grid-template-columns:repeat(6,minmax(0,1fr));}
.gdp-daw-stfigs .gdp-figure.is-best b{color:var(--gdp-accent);}
.gdp-daw-stfigs .gdp-figure b{font-size:clamp(18px,2.1vw,26px);}

@media(min-width:901px){
  .gdp-stats-grid.gdp-daw-stgrid{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:28px;}
}
.gdp-daw-tbars{display:flex;flex-direction:column;gap:5px;}
.gdp-daw-tbar{display:grid;grid-template-columns:62px minmax(0,1fr) 30px 50px;align-items:center;gap:8px;}
.gdp-daw-tbar span{font-family:var(--gdp-font);font-size:13.5px;}
.gdp-daw-tbar i{position:relative;height:8px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden;}
.gdp-daw-tbar i b{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:#7f8b99;}
.gdp-daw-tbar em{font-style:normal;font-family:var(--gdp-font);font-size:13px;text-align:right;font-variant-numeric:tabular-nums;}
.gdp-daw-tbar small{font-family:var(--gdp-font-note);font-size:11px;color:var(--gdp-muted);text-align:right;white-space:nowrap;}
.gdp-daw-tbar.is-weak i b{background:var(--gdp-bust);}
.gdp-daw-tbar.is-weak span,.gdp-daw-tbar.is-weak em{color:#ffb0aa;}

.gdp-daw-hist{margin-top:0;}
.gdp-daw-stgrid .gdp-stats-list{margin-top:0;}
.gdp-session.is-daw{grid-template-columns:9px 86px minmax(0,1fr) 52px 60px 52px 16px;}
button.gdp-session.is-daw{
  width:100%;text-align:left;color:inherit;background:none;font:inherit;
  font-family:var(--gdp-font);cursor:pointer;
}
button.gdp-session.is-daw:hover{border-color:var(--gdp-accent);}
button.gdp-session.is-daw:focus-visible{outline:2px solid var(--gdp-accent);outline-offset:2px;}
button.gdp-session.is-daw.is-on{
  border-color:var(--gdp-accent);background:#1a1305;
  border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;
}
.gdp-daw-chev{
  width:8px;height:8px;justify-self:end;
  border-right:1.5px solid var(--gdp-muted);border-bottom:1.5px solid var(--gdp-muted);
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s;
}
button.gdp-session.is-daw.is-on .gdp-daw-chev{transform:rotate(-135deg) translate(-2px,-2px);border-color:var(--gdp-accent);}

.gdp-daw-gdetail{
  border:1px solid var(--gdp-accent);border-top:0;border-radius:0 0 10px 10px;
  background:rgba(26,19,5,.55);padding:12px 14px;margin-bottom:6px;
  animation:dawOpen .22s ease-out;
}
.gdp-daw-gdetail[hidden]{display:none;}
@keyframes dawOpen{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
.gdp-daw-gdetail-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
.gdp-daw-gkey{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;font-family:var(--gdp-font-note);font-size:11px;color:var(--gdp-muted);}
.gdp-daw-gkey i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-left:6px;}
.gdp-daw-gkey i.is-better{background:var(--gdp-win);}
.gdp-daw-gkey i.is-worse{background:var(--gdp-bust);}
.gdp-daw-gkey i.is-avg{width:10px;height:2px;background:#fff;border-radius:1px;}
.gdp-daw-gbars{display:grid;grid-template-columns:repeat(var(--n,21),minmax(0,1fr));gap:3px;align-items:end;}
.gdp-daw-gt{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;}
.gdp-daw-gt em{font-style:normal;font-family:var(--gdp-font);font-size:12px;font-variant-numeric:tabular-nums;color:var(--gdp-ink);line-height:1;}
.gdp-daw-gt i{position:relative;display:block;width:100%;max-width:18px;height:56px;border-radius:3px;background:rgba(255,255,255,.05);}
.gdp-daw-gt i b{position:absolute;left:0;right:0;bottom:0;border-radius:3px;background:#7f8b99;
  animation:dawGrow .45s cubic-bezier(.2,1,.3,1) both;transform-origin:bottom;}
@keyframes dawGrow{from{transform:scaleY(0);}to{transform:scaleY(1);}}
.gdp-daw-gt i u{position:absolute;left:-2px;right:-2px;height:2px;margin-bottom:-1px;background:#fff;opacity:.85;border-radius:1px;}
.gdp-daw-gt span{font-family:var(--gdp-font);font-size:10.5px;color:var(--gdp-muted);white-space:nowrap;}
.gdp-daw-gt.is-better i b{background:var(--gdp-win);}
.gdp-daw-gt.is-better em{color:var(--gdp-win);}
.gdp-daw-gt.is-worse i b{background:var(--gdp-bust);}
.gdp-daw-gt.is-worse em{color:#ffb0aa;}
.gdp-daw-gt.is-hat em{color:#ffd451;}
.gdp-daw-gt.is-none em{color:var(--gdp-muted);}
.gdp-daw-gmeta{margin:10px 0 0;font-family:var(--gdp-font-note);font-size:12px;color:var(--gdp-muted);}
.gdp-daw-gmeta b{font-family:var(--gdp-font);font-weight:500;font-size:13.5px;color:var(--gdp-ink);}


/* =====================================================================
   NARROW
   ===================================================================== */

@media(max-width:1100px){
  .gdp-daw-stfigs{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media(max-width:991px){
  .gdp-daw-stage{grid-template-columns:1fr;gap:16px;}
  .gdp-daw-board{grid-template-columns:repeat(7,minmax(0,1fr));}
  .gdp-daw-controls{grid-template-columns:repeat(3,minmax(0,1fr));}
  .gdp-daw-darts3{grid-column:1 / -1;}
  .gdp-daw-register{grid-column:1 / -1;}
  .gdp-daw-undo{grid-column:1 / -1;}
  .gdp-daw-res-figs{grid-template-columns:repeat(4,minmax(0,1fr));}
  .gdp-daw-res-grid{grid-template-columns:1fr;}
}

@media(max-width:760px){
  .gdp-session.is-daw,button.gdp-session.is-daw{grid-template-columns:9px 86px minmax(0,1fr) 16px;}
  button.gdp-session.is-daw .gdp-daw-chev{grid-column:4;grid-row:1;}
  .gdp-daw-gt i{height:44px;}
  .gdp-daw-gt span{font-size:9px;}
  .gdp-daw-gt em{font-size:11px;}
}

@media(max-width:600px){
  .gdp-daw-modes{grid-template-columns:1fr;}
  .gdp-daw-figs{grid-template-columns:repeat(2,minmax(0,1fr));}
  .gdp-daw-stat{margin-right:4px;gap:5px;}
  .gdp-daw-stat b{font-size:18px;}
  .gdp-daw-target{font-size:clamp(100px,32vw,140px);}
  .gdp-daw-target.is-bull{font-size:clamp(70px,22vw,100px);}
  .gdp-daw-targetrow{column-gap:12px;}
  .gdp-daw-side{gap:7px;}
  .gdp-daw-bed{font-size:10px;letter-spacing:.22em;}
  .gdp-daw-pips.is-hero{gap:8px;}
  .gdp-daw-pips.is-hero i{width:17px;height:17px;}
  .gdp-daw-fire .fa-solid{font-size:22px;}
  .gdp-daw-fire b{font-size:20px;}
  .gdp-daw-fire span{font-size:8.5px;letter-spacing:.12em;}
  .gdp-daw-dart{min-height:80px;padding:10px 4px 8px;}
  .gdp-daw-dart-v{font-size:22px;}
  .gdp-daw-dart small{font-size:10.5px;}
  .gdp-daw-register{min-height:62px;}
  .gdp-daw-reg-l{font-size:20px;}
  .gdp-daw-board{gap:6px;margin-top:12px;}
  .gdp-daw-tile{padding:8px 2px 7px;gap:6px;}
  .gdp-daw-tile.is-done{padding-top:6px;}
  .gdp-daw-tile-n{font-size:24px;}
  .gdp-daw-tile.is-bull .gdp-daw-tile-n{font-size:15px;padding:4px 0;}
  .gdp-daw-tile .gdp-daw-pips{gap:3px;}
  .gdp-daw-tile .gdp-daw-pips i{width:8px;height:8px;}
  .gdp-daw-scolia .dart-detail-wrapper{padding-left:5px;padding-right:5px;}
  .gdp-daw-scolia .dart-detail{min-height:96px;}
  .gdp-daw-scolia .dart-detail .app-header-xl,
  .gdp-daw-scolia .dart-detail .js-dart-detail-score{font-size:38px;}
  .gdp-daw-scolia .dart-detail .js-dart-detail-hit{font-size:16px;margin-top:5px;}
  .gdp-daw-dist{gap:12px;}
  .gdp-daw-map{width:92px;height:92px;}
  .gdp-daw-dvals{gap:10px;flex-wrap:nowrap;}
  .gdp-daw-dv{font-size:17px;gap:3px;}
  .gdp-daw-res-figs{grid-template-columns:repeat(2,minmax(0,1fr));}
  .gdp-daw-res-score span{font-size:20px;}
  .gdp-daw-stfigs{grid-template-columns:repeat(2,minmax(0,1fr));}
  .gdp-daw-tbar{grid-template-columns:56px minmax(0,1fr) 28px 46px;}
  .gdp-stats-head .gdp-daw-smodes{order:3;flex:1 1 100%;margin:0;}
  .gdp-daw-gbars{gap:2px;}
}

@media(prefers-reduced-motion:reduce){
  .gdp-daw-target.is-in,.gdp-daw-target.fx-hit,.gdp-daw-target.fx-hat,
  .gdp-daw-pips.is-hero i.is-pop,.gdp-daw-tile.fx-hit,.gdp-daw-tile.fx-miss,.gdp-daw-tile.fx-hat,
  .gdp-daw-dart.fx-pop,.gdp-daw-scorebox.fx-bump b,.gdp-daw-fire .fa-solid,
  .gdp-daw-hero.is-fire .gdp-daw-targetbox::before,.gdp-daw-hero.fx-douse .gdp-daw-target,
  .gdp-daw-pb,.gdp-daw-tier.is-elite,.gdp-daw-res-badges,.gdp-daw-heat-seg,
  .gdp-daw-dbar i b,.gdp-daw-gdetail,.gdp-daw-gt i b{animation:none;}
  .gdp-daw-tile.is-active{transform:none;}
  .gdp-daw-target.is-out,.gdp-daw-burst{display:none;}
}

/* Phones and tablets: the Your stats tab sits in the top corner, so the
   result's eyebrow stops short of it; an odd last figure spans the row. */
@media(max-width:991px){
  .gdp-daw-res-head{padding:0 44px;}
}
@media(max-width:600px){
  .gdp-daw-res-figs .gdp-figure:last-child:nth-child(odd){grid-column:1 / -1;}
}

/* Small phones (under 400px): the bar and the distance figures were cut at
   the right edge. */
@media(max-width:400px){
  .gdp-daw-stat{margin-right:2px;gap:4px;}
  .gdp-daw-stat .gdp-label{letter-spacing:.06em;}
  .gdp-daw-stat b{font-size:16px;}
  .gdp-daw-pausebtn{width:34px;height:34px;}
  .gdp-daw-dist{gap:10px;}
  .gdp-daw-map{width:80px;height:80px;}
  .gdp-daw-dvals{gap:7px;}
  .gdp-daw-dv{font-size:15px;gap:2px;}
  .gdp-daw-dv small{font-size:9px;}
}

/* Large screens (rev 3): the first ten targets on the top row, centred,
   and the other eleven on the second. A 22 column grid with every tile
   two columns wide, the first tile starting one column in: the eleventh
   no longer fits on the top row and starts the second. */
@media(min-width:992px){
  .gdp-daw-board{grid-template-columns:repeat(22,minmax(0,1fr));}
  .gdp-daw-tile{grid-column:span 2;}
  .gdp-daw-tile:first-child{grid-column:2 / span 2;}
}


/* =====================================================================
   REV 6: the result's head beside its figures on a large screen
   ---------------------------------------------------------------------
   The score, tier, PB and the comparisons on the left; the figures in
   two rows on the right, with the distance comparison under them. Saves
   about 130px of height, so the board and the darts come up the page.
   Below 992px the two stack as before.
   ===================================================================== */
.gdp-daw-res-score b{min-width:0;}
@media(min-width:992px){
  .gdp-daw-result{max-width:1080px;}
  .gdp-daw-res-top{
    display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);
    gap:28px;align-items:center;margin-bottom:22px;
  }
  .gdp-daw-res-top .gdp-daw-res-head{margin-bottom:0;}
  .gdp-daw-res-top .gdp-daw-res-score{margin:4px 0 10px;}
  .gdp-daw-res-top .gdp-daw-res-score b{font-size:clamp(96px,11vw,150px);}
  .gdp-daw-res-top .gdp-daw-deltas{gap:6px 14px;}
  .gdp-daw-res-right .gdp-daw-res-figs{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px;}
  .gdp-daw-res-right .gdp-daw-deltas.is-dist{margin:0;justify-content:flex-start;}
}


/* =====================================================================
   REV 7: the Scolia badge in Safari
   ---------------------------------------------------------------------
   The site's Scolia badge (.autotrack-status-wrapper, gdp-game.css) sits
   half above the frame's top border by design. Rev 1 set overflow-x:clip
   on the frame as a second guard against the "Removing darts" popup
   widening the page on phones. Chrome clips that sideways only; Safari
   clips the frame's rounded box on both axes, so the top half of the
   badge was cut off. The clip is removed (the frame is back to the
   default, visible). The popup is pinned to the frame's
   width above (left:0, right:0, max-width:100%), which is the fix that
   matters, and the page was measured not to widen without the clip.
   ===================================================================== */


/* =====================================================================
   REV 8: link to the Performance Center in "Your stats"
   ---------------------------------------------------------------------
   The same quiet row as A1 (gdp-game-a1.css, rev 27), under the doubles
   in the narrow column. Third use would move it up to gdp-game.css as a
   shared class.
   ===================================================================== */
.gdp .gdp-daw-pclink{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;
  padding:10px 14px;border-radius:10px;border:1px solid rgba(255,164,0,.35);
  background:rgba(255,164,0,.06);color:var(--gdp-ink);text-decoration:none;
  transition:background .18s ease,border-color .18s ease;
}
.gdp .gdp-daw-pclink span{display:flex;flex-direction:column;font-family:var(--gdp-font);font-size:15px;letter-spacing:.04em;line-height:1.15;}
.gdp .gdp-daw-pclink small{
  font-family:var(--gdp-font);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gdp-accent);margin-bottom:2px;
}
.gdp .gdp-daw-pclink i{color:var(--gdp-accent);font-size:13px;transition:transform .18s ease;}
.gdp .gdp-daw-pclink:hover,.gdp .gdp-daw-pclink:focus-visible{
  background:rgba(255,164,0,.12);border-color:rgba(255,164,0,.6);color:var(--gdp-ink);text-decoration:none;
}
.gdp .gdp-daw-pclink:focus-visible{outline:2px solid var(--gdp-accent);outline-offset:2px;}
.gdp .gdp-daw-pclink:hover i,.gdp .gdp-daw-pclink:focus-visible i{transform:translateX(3px);}
@media(prefers-reduced-motion:reduce){ .gdp .gdp-daw-pclink,.gdp .gdp-daw-pclink i{transition:none;} }