/* DartMate V17 — energetic color treatment & detailed ecosystem panel in upper-right hero. */
.hero.hero-v16{
  background:radial-gradient(ellipse at 74% 10%,rgba(154,101,255,.18),transparent 34%),
             radial-gradient(ellipse at 12% 48%,rgba(0,195,255,.14),transparent 38%),
             radial-gradient(ellipse at 58% 90%,rgba(255,99,142,.13),transparent 39%),
             #080b16;
  border-bottom:1px solid rgba(157,132,255,.29);
}
.hero.hero-v16:before{background-image:linear-gradient(rgba(140,151,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(140,151,235,.055) 1px,transparent 1px);mask-image:linear-gradient(90deg,transparent 0%,#000 70%)}
.hero.hero-v16 .hero-v13-grid{background:radial-gradient(circle at 46% 28%,rgba(255,182,74,.08),transparent 28%),radial-gradient(circle at 100% 73%,rgba(255,72,155,.08),transparent 45%),linear-gradient(124deg,rgba(43,218,222,.055),transparent 39%,rgba(183,110,255,.04) 86%)}
.hero.hero-v16 .hero-v13-inner{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(26px,3vw,56px);padding-top:54px;padding-bottom:51px;min-height:690px}
.hero.hero-v16 .hero-v13-copy{align-self:center}
.hero.hero-v16 .hero-v13-availability{background:linear-gradient(95deg,rgba(17,210,171,.18),rgba(26,188,244,.16),rgba(186,95,242,.19));border:1px solid rgba(110,215,249,.39);color:#effffe;box-shadow:0 0 32px rgba(99,98,255,.11);font-size:11px;letter-spacing:.045em;font-weight:900;margin-bottom:23px;max-width:100%}
.hero.hero-v16 .hero-v13-availability .pulse{background:#40f4bb;flex-shrink:0}
.hero.hero-v16 .hero-v13-eyebrow{color:#96ddec;letter-spacing:.15em}
.hero.hero-v16 h1{font-size:clamp(49px,4.5vw,77px);line-height:1.055;letter-spacing:-.065em;max-width:740px}
.hero.hero-v16 h1 .highlight{color:#67f8c4;filter:drop-shadow(0 0 22px rgba(88,243,189,.12))}
.hero.hero-v16 h1 .highlight-alt{display:inline-block;background:linear-gradient(93deg,#ffd66c 4%,#ff8a8a 36%,#ff6cb6 71%,#b98aff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 13px 24px rgba(255,82,151,.15))}
.hero.hero-v16 .hero-v13-lead{color:#c7d4e6;max-width:550px;margin:25px 0 23px;font-size:clamp(14px,1.22vw,17px);line-height:1.75}
.hero.hero-v16 .hero-v13-pills{margin-bottom:23px;gap:8px}
.hero.hero-v16 .hero-v13-pills span{border:1px solid rgba(94,235,192,.40);background:rgba(48,221,160,.10);color:#86ffd4;font-size:10px;letter-spacing:.03em;padding:11px 12px}
.hero.hero-v16 .hero-v13-pills span:nth-child(2){border-color:rgba(71,197,255,.38);background:rgba(71,197,255,.11);color:#7bdeff}
.hero.hero-v16 .hero-v13-pills span:nth-child(3){border-color:rgba(255,121,187,.37);background:rgba(255,121,187,.11);color:#ffabd5}
.hero.hero-v16 .hero-v13-actions .btn-primary{border-radius:10px;background:linear-gradient(110deg,#3ff1ac,#64e8e7)!important;box-shadow:0 10px 34px rgba(31,218,177,.16)}
.hero.hero-v16 .hero-v13-actions .btn-outline{border-radius:10px;border-color:#69749b;color:#f0eafd;background:rgba(181,122,255,.07)}
.hero.hero-v16 .hero-v13-caveat{color:#9eb0c7;max-width:580px}
.hero-v16-compat{scroll-margin-top:110px;position:relative;isolation:isolate;min-width:0;padding:25px 25px 22px;border-radius:24px;border:1px solid rgba(118,133,215,.35);background:linear-gradient(135deg,rgba(28,34,63,.98),rgba(17,24,44,.98) 55%,rgba(16,35,45,.98));box-shadow:0 27px 82px rgba(0,0,0,.37),0 0 0 1px rgba(124,106,255,.045),inset 0 1px rgba(255,255,255,.07);overflow:hidden}
.hero-v16-compat:before{position:absolute;content:"";inset:0 0 auto;height:6px;background:linear-gradient(90deg,#51f2b1 0 17%,#59ccff 17% 34%,#ae88ff 34% 51%,#ffc364 51% 68%,#ff75b6 68% 85%,#d8ff79 85% 100%)}
.hero-v16-compat:after{content:"";position:absolute;inset:-160px -170px auto auto;width:460px;height:420px;z-index:-1;background:radial-gradient(circle,rgba(119,94,236,.19),transparent 69%);pointer-events:none}
.hero-compat-top{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 155px;align-items:center;gap:9px;min-height:146px}
.hero-compat-heading{position:relative;z-index:2;min-width:0}
.hero-compat-kicker{display:flex;align-items:center;gap:8px;margin:0 0 11px;color:#76e6f9;font:850 10px/1.4 var(--body);letter-spacing:.12em}
.hero-compat-spark{font-size:18px;color:#ffcd76;line-height:1}
.hero-compat-heading h2{font:750 clamp(24px,2.25vw,36px)/1.07 var(--display);letter-spacing:-.052em;margin:0;color:#fff;text-wrap:balance}
.hero-compat-heading h2 span{color:#fcb6f1;display:inline}
.hero-compat-board{position:relative;isolation:isolate;display:grid;place-items:center;width:155px;height:155px;min-width:0}
.hero-compat-board:before{content:"";position:absolute;inset:-13px;border-radius:50%;background:conic-gradient(#55e8a6,#62caff,#a884ff,#f46ea2,#ffc45a,#55e8a6);opacity:.48;filter:blur(26px);z-index:-1}
.hero-compat-board .board-orbit{position:absolute;inset:-9px;border-radius:50%;border:1px dashed rgba(163,168,250,.55);animation:boardorbit 50s linear infinite}
.hero-compat-board img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:4px solid #232a4c;filter:drop-shadow(0 15px 18px rgba(0,0,0,.35));animation:boardbreathe 7s ease-in-out infinite}
.hero-compat-description{position:relative;z-index:2;margin:17px 0 17px;font:500 12px/1.65 var(--body);color:#c2d0e2}
.hero-compat-brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hero-board-brand{--brand:#61ecb2;--brand-bg:rgba(77,232,166,.08);min-width:0;display:flex;gap:11px;align-items:start;min-height:78px;padding:12px 11px 11px;border-radius:12px;background:linear-gradient(138deg,var(--brand-bg),rgba(15,20,38,.72) 70%);border:1px solid color-mix(in srgb,var(--brand) 29%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .22s,border-color .22s,box-shadow .22s}
.hero-board-brand:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 66%,transparent);box-shadow:0 10px 20px rgba(0,0,0,.16)}
.hero-board-brand[data-brand="vdarts"]{--brand:#56c8ff;--brand-bg:rgba(50,178,250,.14)}
.hero-board-brand[data-brand="autodarts"]{--brand:#b393ff;--brand-bg:rgba(159,105,249,.14)}
.hero-board-brand[data-brand="litboard"]{--brand:#ffbd65;--brand-bg:rgba(244,166,64,.14)}
.hero-board-brand[data-brand="dartslive"]{--brand:#ff85be;--brand-bg:rgba(255,95,154,.14)}
.hero-board-brand[data-brand="karella"]{--brand:#d3f779;--brand-bg:rgba(178,216,82,.13)}
.hero-brand-icon{display:grid;place-items:center;flex:0 0 27px;height:27px;background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 37%,transparent);border-radius:8px;font-size:14px}
.hero-board-brand strong{display:block;color:var(--brand);font:850 12px/1.2 var(--display);letter-spacing:.015em;margin:0 0 5px}
.hero-board-brand small{display:block;color:#afbad0;font:500 10px/1.4 var(--body);overflow-wrap:anywhere}
.hero-compat-confirm{color:#94ffcf;background:rgba(51,236,172,.075);border:1px solid rgba(68,232,171,.2);border-radius:9px;padding:9px 12px;font:750 10px/1.5 var(--body);margin:12px 0 0}
.hero-compat-disclaimer{color:#96a6bd;font:450 9px/1.55 var(--body);margin:12px 0 0}
.hero-compat-corner{display:none}
@keyframes boardorbit{to{transform:rotate(360deg)}}
@keyframes boardbreathe{50%{transform:scale(1.035)}}
/* More than two accent colors across the visual narrative. */
.free-promise{background:radial-gradient(circle at 10% 40%,rgba(10,199,241,.18),transparent 36%),radial-gradient(circle at 86% 70%,rgba(192,87,239,.15),transparent 40%),linear-gradient(115deg,#0d2a38,#151d37 55%,#22152c);border-color:rgba(134,113,231,.29)}
.free-promise:after{color:rgba(234,119,231,.04)}
.free-promise-heading .eyebrow,.free-spark{color:#78dfff}
.free-promise-heading h2 span{color:#fc94ca}
.free-promise-cards article{border-color:rgba(112,224,254,.27);background:linear-gradient(145deg,rgba(20,47,65,.62),rgba(11,17,32,.66))}
.free-promise-cards article:nth-child(2){border-color:rgba(178,131,255,.36);background:linear-gradient(145deg,rgba(62,39,85,.53),rgba(11,17,32,.66))}
.free-promise-cards article:nth-child(3){border-color:rgba(255,172,99,.35);background:linear-gradient(145deg,rgba(74,41,53,.46),rgba(11,17,32,.66))}
.free-promise-cards article:nth-child(1)>span{color:#80ddff}
.free-promise-cards article:nth-child(2)>span{color:#c2a1ff}
.free-promise-cards article:nth-child(3)>span{color:#ffc47c}
.games-section .section-heading h2 span{background:linear-gradient(90deg,#63d2ff,#c6a1ff,#ff90bd);background-clip:text;-webkit-background-clip:text;color:transparent}
.catalog-kicker{color:#ffc480}
.mini-game:nth-child(5n+1){border-color:rgba(105,242,182,.24)}
.mini-game:nth-child(5n+2){border-color:rgba(102,201,250,.25)}
.mini-game:nth-child(5n+3){border-color:rgba(180,144,255,.28)}
.mini-game:nth-child(5n+4){border-color:rgba(255,139,187,.24)}
.mini-game:nth-child(5n){border-color:rgba(255,198,99,.24)}
.mini-game:nth-child(5n+4) .mini-icon{color:#ffa0cc;background:#3e2034;border-color:#734460}
.mini-game:nth-child(5n) .mini-icon{color:#ffe098;background:#382a24;border-color:#68533b}
/* Keep the first-screen message legible on tablet and phones. */
@media(max-width:1290px){
 .hero.hero-v16 .hero-v13-inner{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:24px}
 .hero.hero-v16 h1{font-size:clamp(44px,4.35vw,68px)}
 .hero-v16-compat{padding:23px 18px 18px}
 .hero-compat-top{grid-template-columns:minmax(0,1fr) 120px;min-height:122px}
 .hero-compat-board{width:120px;height:120px}
 .hero-compat-heading h2{font-size:clamp(22px,2.35vw,32px)}
 .hero-compat-description{font-size:11.5px}
 .hero-board-brand{padding:10px;min-height:80px}
 .hero-board-brand small{font-size:9.5px}
}
@media(max-width:1050px){
 .hero.hero-v16 .hero-v13-inner{grid-template-columns:1fr;gap:35px;max-width:900px;padding-top:38px}
 .hero.hero-v16 h1{font-size:clamp(52px,8vw,86px)}
 .hero-v16-compat{width:100%;margin:auto}
 .hero-compat-top{grid-template-columns:minmax(0,1fr) 160px;min-height:160px}
 .hero-compat-board{width:160px;height:160px}
 .hero-compat-heading h2{font-size:clamp(30px,4vw,43px)}
 .hero-board-brand small{font-size:11px}
 .hero-board-brand{min-height:74px;padding:13px}
 .hero-compat-description{font-size:14px}
 .hero-compat-disclaimer{font-size:10px}
}
@media(max-width:760px){
 .hero.hero-v16 .hero-v13-inner{gap:28px;padding-top:30px}
 .hero.hero-v16 .hero-v13-availability{font-size:9px;letter-spacing:0;padding:8px 9px}
 .hero.hero-v16 h1{font-size:clamp(47px,10.8vw,75px);line-height:1.03}
 .hero.hero-v16 .hero-v13-lead{margin:20px 0 22px;font-size:14px}
 .hero-v16-compat{padding:23px 16px 18px;border-radius:16px}
 .hero-compat-top{grid-template-columns:minmax(0,1fr) 106px;min-height:110px}
 .hero-compat-board{height:106px;width:106px}
 .hero-compat-board .board-orbit{inset:-6px}
 .hero-compat-heading h2{font-size:clamp(22px,5.3vw,34px)}
 .hero-compat-kicker{font-size:9px;letter-spacing:.035em}
 .hero-compat-description{font-size:12px;line-height:1.57}
 .hero-compat-brands{gap:7px}
 .hero-board-brand{gap:7px;min-height:88px;padding:10px 7px}
 .hero-brand-icon{flex-basis:21px;width:21px;height:21px;font-size:12px;border-radius:6px}
 .hero-board-brand strong{font-size:11px}
 .hero-board-brand small{font-size:9px;line-height:1.35}
 .hero-compat-confirm{font-size:9.5px}
 .hero-compat-disclaimer{font-size:9px}
}
@media(max-width:420px){
 .hero.hero-v16 h1{font-size:clamp(40px,10.9vw,52px)}
 .hero-compat-top{grid-template-columns:minmax(0,1fr) 86px;min-height:90px}
 .hero-compat-board{width:86px;height:86px}
 .hero-compat-heading h2{font-size:23px}
 .hero-board-brand small{font-size:8.5px}
}
@media(prefers-reduced-motion:reduce){.hero-compat-board .board-orbit,.hero-compat-board img{animation:none}}


/* V18 hero compat board fix: round dartboard badge in top-right corner */
.hero-v16-compat{padding-top:28px}
.hero-v16-compat .hero-compat-top{display:block;min-height:0}
.hero-v16-compat .hero-compat-heading{padding-right:150px}
.hero-v16-compat .hero-compat-board{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:118px;height:118px;overflow:visible;z-index:3}
.hero-v16-compat .hero-compat-board:before{inset:-10px;opacity:.42;filter:blur(20px)}
.hero-v16-compat .hero-compat-board .board-orbit{inset:-6px}
.hero-v16-compat .hero-compat-board img{display:block;width:100% !important;height:100% !important;max-width:none;aspect-ratio:1/1;object-fit:cover;object-position:center center;border-radius:50%;clip-path:circle(50% at 50% 50%);border:4px solid #232a4c;box-shadow:0 14px 22px rgba(0,0,0,.35)}
.hero-v16-compat .hero-compat-description,.hero-v16-compat .hero-compat-brands,.hero-v16-compat .hero-compat-confirm,.hero-v16-compat .hero-compat-disclaimer{position:relative;z-index:2}
@media (max-width: 960px){
  .hero-v16-compat .hero-compat-heading{padding-right:128px}
  .hero-v16-compat .hero-compat-board{top:16px;right:16px;width:102px;height:102px}
}
@media (max-width: 760px){
  .hero-v16-compat .hero-compat-heading{padding-right:108px}
  .hero-v16-compat .hero-compat-board{top:14px;right:14px;width:86px;height:86px}
}
@media (max-width: 520px){
  .hero-v16-compat{padding-top:22px}
  .hero-v16-compat .hero-compat-top{padding-top:88px}
  .hero-v16-compat .hero-compat-heading{padding-right:0}
  .hero-v16-compat .hero-compat-board{top:14px;right:14px;width:74px;height:74px}
}