/* Knight Shot — Darts flagship (/darts/), 08.11.2026. Builds on ks.css tokens.
   Hero: real Winmau Blade 6 macro (far) · the lit checkout board (mid, input-driven) · score type + controls (front).
   Light: a brass ring light over the board; the route is drawn in that light. One warm accent = brass. */

.dk-hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:radial-gradient(70% 80% at 72% 30%,#1a1712 0%,#0a0c0a 55%,#050806 100%);
  display:flex;align-items:center;padding:110px 0 56px}
.dk-bg{position:absolute;inset:0;z-index:-3}
.dk-bg img{width:100%;height:100%;object-fit:cover;object-position:62% 48%;filter:saturate(.95) brightness(.86)}
.dk-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,8,6,.95) 0%,rgba(5,8,6,.86) 34%,rgba(5,8,6,.28) 62%,rgba(5,8,6,.12) 100%),
    linear-gradient(180deg,rgba(5,8,6,.6),transparent 20%,transparent 80%,#09100C 100%)}
.dk-in{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--mx);display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(20px,3vw,48px);align-items:center}

/* --- copy + score (type gesture: the remaining score as the image) --- */
.dk-h1{font-family:var(--font-d);font-weight:740;font-variation-settings:"FLAR" 40;letter-spacing:-.02em;line-height:1;
  font-size:clamp(1.9rem,3.1vw,2.9rem);color:var(--fg);max-width:16ch}
.dk-score{margin-top:clamp(10px,2vh,22px)}
.dk-left-k{display:block;font-size:.86rem;font-weight:600;color:var(--fg-dim)}
.dk-num{display:block;font-family:var(--font-d);font-weight:800;font-variation-settings:"FLAR" 60;letter-spacing:-.05em;
  font-size:clamp(7rem,15.5vw,14.5rem);line-height:.82;color:#F6F1E4;margin:6px 0 14px -.04em;
  text-shadow:0 0 60px rgba(240,215,154,.18)}
.dk-num.bust{color:var(--fg-faint)}
.dk-route{list-style:none;display:flex;flex-wrap:wrap;gap:8px;min-height:44px}
.dk-route li{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-u);font-weight:700;font-size:1.02rem;
  padding:.5em .95em;border-radius:999px;background:rgba(203,162,83,.12);border:1px solid rgba(240,215,154,.45);color:var(--brass-hi);
  font-variant-numeric:tabular-nums}
.dk-route li::before{content:counter(dkr);counter-increment:dkr;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;
  background:var(--brass);color:#20160A;font-size:.75rem;font-weight:800}
.dk-route{counter-reset:dkr}
.dk-route li.none{background:transparent;border-color:var(--glass-edge);color:var(--fg-dim)}
.dk-route li.none::before{display:none}
.dk-say{margin-top:12px;color:var(--fg-dim);font-size:1.02rem;max-width:44ch;min-height:3.2em}

.dk-ctl{margin-top:18px;display:grid;gap:12px;max-width:520px}
.dk-step{display:flex;align-items:center;gap:10px}
.dk-step button{width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-edge);background:var(--glass);color:var(--fg);font-size:1.25rem;cursor:pointer;
  transition:border-color var(--dur-tap)}
.dk-step button:hover{border-color:var(--brass)}
.dk-step input[type=range]{flex:1;accent-color:var(--brass);height:44px;cursor:pointer}
.dk-chips{display:flex;flex-wrap:wrap;gap:8px}
.dk-chips button{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--glass-edge);background:var(--glass);color:var(--fg-dim);
  font:600 .9rem/1 var(--font-u);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--dur-tap),color var(--dur-tap)}
.dk-chips button:hover,.dk-chips button[aria-pressed="true"]{border-color:var(--brass);color:var(--fg)}
.dk-hint{font-size:.88rem;color:var(--fg-faint)}
.dk-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* --- the stage: ring light + board + visit + product card --- */
.dk-stage{position:relative;justify-self:center;width:min(100%,600px)}
.dk-bw{position:relative;width:100%;aspect-ratio:1/1;margin-bottom:52px}
.dk-ring{display:none;position:absolute;inset:-2%;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(closest-side,rgba(240,215,154,.0) 86%,rgba(240,215,154,.55) 92%,rgba(203,162,83,.0) 99%);
  -webkit-mask:linear-gradient(180deg,#000 0%,#000 46%,transparent 78%);mask:linear-gradient(180deg,#000 0%,#000 46%,transparent 78%);
  filter:blur(1px)}
.dk-ring::after{content:"";position:absolute;inset:6%;border-radius:50%;
  background:radial-gradient(70% 55% at 50% 12%,rgba(255,240,205,.30),transparent 70%)}
.dk-photo{position:absolute;inset:0;z-index:0}
.dk-photo img{width:100%;height:100%;display:block;-webkit-mask:radial-gradient(ellipse 40% 48% at 46% 50%,#000 96%,transparent 100%);mask:radial-gradient(ellipse 40% 48% at 46% 50%,#000 96%,transparent 100%)}
.dk-lamp{position:absolute;z-index:-1;pointer-events:none;right:clamp(60px,14vw,260px);top:0;width:min(46vw,640px);height:78%;
  background:radial-gradient(60% 70% at 50% 0%,rgba(255,232,180,.30),rgba(255,226,170,.10) 45%,transparent 75%)}
.dk-lamp::before{content:"";position:absolute;left:22%;right:22%;top:86px;height:5px;border-radius:5px;
  background:linear-gradient(90deg,transparent,var(--brass-hi) 15%,#fff6dc 50%,var(--brass-hi) 85%,transparent);
  box-shadow:0 0 24px 6px rgba(240,215,154,.55),0 10px 120px 40px rgba(240,215,154,.18)}
.dk-board{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.dk-board .sg{cursor:pointer;fill:#fff;fill-opacity:0;transition:fill-opacity var(--dur-tap) var(--ease)}
.dk-board .sg:hover{fill-opacity:.16}
.dk-board .sg:focus{outline:none}
.dk-board .sg:focus-visible{stroke:var(--brass-hi);stroke-width:2.5}
.dk-board .hit{fill:#FFD98A!important;fill-opacity:.62!important;stroke:#FFF1C9;stroke-width:3;filter:url(#dkglow)}
.dk-board .dart circle{fill:#F6F1E4;stroke:#20160A;stroke-width:4}
.dk-board .dart path{stroke:#20160A;stroke-width:4;stroke-linecap:round}
.dk-board .thrown{fill:#ffffff!important;fill-opacity:.38!important}
.dk-board .nr{font:700 21px/1 var(--font-d);fill:#E9E3D3;letter-spacing:-.02em}
.dk-board .nr.on{fill:var(--brass-hi)}
.dk-board .mk circle{fill:#20160A;stroke:var(--brass-hi);stroke-width:2}
.dk-board .mk circle{stroke-width:4}
.dk-board .mk text{font:800 26px/1 var(--font-u);fill:var(--brass-hi)}
.dk-board .path{fill:none;stroke:var(--brass-hi);stroke-width:4;stroke-dasharray:10 12;opacity:.9}
.dk-board .light{pointer-events:none}

.dk-visit{position:absolute;left:50%;bottom:-50px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:12px;
  background:rgba(9,16,12,.82);border:1px solid var(--glass-edge);border-radius:999px;padding:6px 8px 6px 16px;font-size:.86rem;color:var(--fg-dim);white-space:nowrap}
.dk-darts{display:inline-flex;gap:5px}
.dk-darts i{width:8px;height:8px;border-radius:50%;background:var(--brass);box-shadow:0 0 8px rgba(203,162,83,.6)}
.dk-darts i.used{background:#3a433c;box-shadow:none}
.dk-reset{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--glass-edge);color:var(--fg);background:transparent;font:600 .82rem var(--font-u);cursor:pointer}
.dk-reset:hover{border-color:var(--brass)}

.dk-prod{position:absolute;right:-12%;top:-5%;z-index:2;display:flex;align-items:center;gap:12px;width:236px;padding:10px 14px 10px 10px;
  background:rgba(12,20,15,.86);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 50px -24px #000;
  transition:border-color var(--dur-ui)}
.dk-prod:hover{border-color:var(--brass)}
.dk-prod-img{flex:0 0 70px;height:70px;border-radius:12px;background:#f6f3ec;display:grid;place-items:center;overflow:hidden}
.dk-prod-img img{width:100%;height:100%;object-fit:contain;padding:4px;mix-blend-mode:multiply}
.dk-prod-b{display:flex;flex-direction:column;gap:2px;min-width:0}
.dk-prod-k{font-size:.75rem;color:var(--fg-faint);font-weight:600}
.dk-prod-n{font-weight:700;font-size:.92rem;line-height:1.2}
.dk-prod-p{font-family:var(--font-d);font-weight:740;font-size:1.05rem}
.dk-prod-p s{font-family:var(--font-u);font-weight:500;font-size:.78rem;color:var(--fg-faint);margin-left:4px}

/* --- sections --- */
.dk-boards{background:linear-gradient(180deg,#09100C,#0b1510)}
.dk-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(26px,4vw,44px)}
.dk-head .lead{max-width:52ch}
.fgrid{display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:16px}
@media (max-width:1100px){.fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fcard{display:flex;flex-direction:column;background:#0d1812;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;
  transition:border-color var(--dur-ui),transform var(--dur-ui) var(--ease)}
.fcard:hover{border-color:var(--line);transform:translateY(-3px)}
.fc-img{aspect-ratio:1/1;background:radial-gradient(90% 60% at 50% 0%,#fffdf7,#f3eee2 60%,#e8e0cf);display:grid;place-items:center;position:relative}
.fc-img img{width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply}
.fc-b{display:flex;flex-direction:column;gap:5px;padding:13px 14px 15px;flex:1}
.fc-brand{font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:var(--brass);font-weight:700}
.fc-n{font-size:.92rem;line-height:1.3;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fc-p{font-family:var(--font-d);font-weight:740;font-size:1.12rem;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px}
.fc-p .num{white-space:nowrap}
.fc-was{white-space:nowrap}
.fc-was{font-family:var(--font-u);font-weight:500;font-size:.78rem;color:var(--fg-faint);margin-left:6px}
.dk-more{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px}
.dk-more a{color:var(--brass-hi);font-weight:600;border-bottom:1px solid var(--line)}

.dk-setup{background:#0b1510;border-top:1px solid rgba(255,255,255,.05)}
.dk-setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,5vw,80px);align-items:center;margin-bottom:clamp(36px,6vh,64px)}
.dk-setup .lead{margin-top:16px}
.dk-head .lead{margin-top:0}
.dk-faq{margin-top:24px;display:grid;gap:14px;max-width:52ch}
.dk-faq div{border-top:1px solid var(--felt-line);padding-top:12px}
.dk-faq dt{font-weight:700;color:var(--fg)}
.dk-faq dd{color:var(--fg-dim);margin-top:3px}
.dk-oche{background:radial-gradient(80% 60% at 20% 0%,rgba(203,162,83,.12),transparent 70%),#0d1812;border:1px solid var(--felt-line);border-radius:var(--r);padding:clamp(16px,3vw,32px)}
.dk-oche svg{width:100%;height:auto}
.dk-oche .ot{font:600 13px var(--font-u);fill:#AFB5AC}
.dk-oche .ot.b{fill:#F0D79A;font-size:15px}
.dk-oche figcaption{font-size:.86rem;color:var(--fg-faint);margin-top:10px}
.dk-sub{font-family:var(--font-d);font-weight:720;font-size:1.35rem;margin-bottom:16px}

.dk-darts-sec{background:linear-gradient(180deg,#0b1510,#09100C)}
.dk-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.dk-brands a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:18px 20px;border-radius:16px;
  background:var(--glass);border:1px solid var(--glass-edge);transition:border-color var(--dur-ui)}
.dk-brands a:hover{border-color:var(--brass)}
.dk-brands b{font-family:var(--font-d);font-weight:740;font-size:1.25rem}
.dk-brands span{color:var(--fg-faint);font-size:.9rem}

.dk-visit-sec{background:#09100C;border-top:1px solid rgba(255,255,255,.05)}
.dk-visit-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.dk-wall{margin:0}
.dk-wall img{width:100%;height:auto;border-radius:var(--r);box-shadow:0 40px 80px -50px #000}
.dk-wall figcaption{font-size:.84rem;color:var(--fg-faint);margin-top:10px}

@media (prefers-reduced-motion:reduce){
  .dk-board .sg,.fcard,.dk-prod{transition:none}
}
@media (max-width:1280px){
  .dk-prod{right:-4%;top:-6%}
}
@media (max-width:980px){
  .dk-hero{min-height:auto;padding:96px 0 48px}
  .dk-in{grid-template-columns:1fr}
  .dk-stage{width:min(100%,560px);margin-top:10px}
  .dk-num{font-size:clamp(6.5rem,30vw,10rem)}
  .dk-head,.dk-setup-grid,.dk-visit-grid{grid-template-columns:1fr}
  .dk-brands{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dk-prod{position:relative;right:auto;top:auto;width:100%;max-width:360px;margin:26px auto 0}
  .dk-bg img{object-position:70% 30%}
}
@media (max-width:620px){
  .dk-hero{padding:84px 0 40px}
  .dk-in{display:flex;flex-direction:column;align-items:stretch}
  .dk-copy{display:contents}
  .dk-h1{order:1;font-size:1.65rem}
  .dk-score{order:2;margin-top:6px}
  .dk-ctl{order:3;margin-top:14px}
  .dk-stage{order:4;margin-top:8px}
  .dk-lamp{display:none}
  .dk-bw::before{content:"";position:absolute;left:24%;right:24%;top:-14px;height:4px;border-radius:4px;z-index:2;background:linear-gradient(90deg,transparent,var(--brass-hi) 15%,#fff6dc 50%,var(--brass-hi) 85%,transparent);box-shadow:0 0 18px 4px rgba(240,215,154,.55),0 8px 70px 26px rgba(240,215,154,.16)}
  .dk-cta{order:5}
  .dk-num{font-size:6.8rem;margin-bottom:10px}
  .dk-ring{opacity:.55}
  .dk-bg img{object-position:58% 80%;filter:brightness(.7)}
  .dk-shade{background:linear-gradient(180deg,rgba(5,8,6,.94) 0%,rgba(5,8,6,.8) 38%,rgba(5,8,6,.45) 55%,rgba(5,8,6,.88) 72%,#09100C 100%)}
  .dk-route li{font-size:.92rem}
  .dk-say{min-height:0;font-size:.95rem}
  .dk-visit{font-size:.8rem;bottom:-48px}
  .dk-cta .btn{flex:1 1 100%;justify-content:center}
  .fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .fc-b{padding:11px}
}

@media (max-width:620px){
  .dk .hdr{background:rgba(7,12,9,.96);padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}
  .dk .fgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(var(--mx)*-1);padding-inline:var(--mx);scrollbar-width:none}
  .dk .fgrid::-webkit-scrollbar{display:none}
  .dk .fgrid .fcard{flex:0 0 62%;scroll-snap-align:start}
  .dk .sec{padding:56px 0}
}
.dk-head>*,.dk-setup-grid>*,.dk-visit-grid>*,.dk-in>*{min-width:0}

/* =================== r3 (08.11.2026): Fix A won the blind juror (2/2) =================== */
/* far layer: the real board wall of the Dubai showroom (orig. 4000 px photo, cropped, softened as depth of field) */
.dk-hero{background:#070806}
.dk-far{position:absolute;inset:0;z-index:-3}
.dk-far img{width:100%;height:100%;object-fit:cover;object-position:60% 55%;filter:saturate(.75) sepia(.2)}
.dk-far-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(40% 56% at 72% 46%,rgba(40,28,10,.18) 0%,rgba(7,8,6,.42) 62%,rgba(7,8,6,0) 100%),
  linear-gradient(90deg,rgba(6,8,6,.97) 0%,rgba(6,8,6,.9) 30%,rgba(6,8,6,.5) 54%,rgba(6,8,6,.36) 100%),
  linear-gradient(180deg,rgba(6,8,6,.7) 0%,rgba(6,8,6,0) 20%,rgba(6,8,6,0) 72%,#09100C 100%)}
.dk-far-cap{position:absolute;right:var(--mx);bottom:22px;z-index:1;font-size:.8rem;color:var(--fg-dim);margin:0}
/* the lamp is a fitting: hung on two cables, throwing warm light down the board face */
.dk-lamp{z-index:0;top:0;height:100%;right:auto;
  left:calc(var(--mx) + (min(100vw,1440px) - 2*var(--mx)) * .52 + clamp(20px,3vw,48px) * .5);width:min(46vw,640px);
  background:radial-gradient(48% 62% at 50% 10%,rgba(255,226,170,.22),rgba(255,226,170,.06) 50%,transparent 76%)}
.dk-lamp::before{left:24%;right:24%;top:96px}
.dk-lamp i{position:absolute;top:0;height:96px;left:30%;right:30%;border-left:1px solid rgba(240,215,154,.3);border-right:1px solid rgba(240,215,154,.3)}
.dk-fall{position:absolute;inset:0;z-index:2;border-radius:50%;pointer-events:none;mix-blend-mode:soft-light;
  background:radial-gradient(70% 60% at 47% 6%,rgba(255,236,190,.55),rgba(255,236,190,.10) 55%,rgba(0,0,0,.35) 100%)}
.dk-bw::after{content:"";position:absolute;inset:3% 6% -2% 8%;z-index:-1;border-radius:50%;box-shadow:0 40px 90px 10px rgba(0,0,0,.85)}
/* CTA as a lit scoreboard plate (kill #5: no brass pill + ghost pill pair) */
.dk-cta{align-items:center;gap:22px}
.dk-plate{display:inline-flex;align-items:stretch;border-radius:10px;overflow:hidden;color:#20160A;
  background:linear-gradient(180deg,var(--brass-hi),var(--brass));box-shadow:0 14px 40px -14px rgba(203,162,83,.8),inset 0 1px 0 rgba(255,255,255,.5);
  transition:box-shadow var(--dur-ui) var(--ease),transform var(--dur-tap) var(--ease)}
.dk-plate:hover{box-shadow:0 18px 50px -12px rgba(203,162,83,.95),inset 0 1px 0 rgba(255,255,255,.5)}
.dk-plate:active{transform:translateY(1px)}
.dk-plate-n{display:grid;place-items:center;min-width:64px;padding:0 14px;background:#0d0f0b;color:var(--brass-hi);
  font:800 1.7rem/1 var(--font-d);font-variation-settings:"FLAR" 60;letter-spacing:-.03em;box-shadow:inset -1px 0 0 rgba(240,215,154,.35)}
.dk-plate-t{display:flex;flex-direction:column;justify-content:center;padding:10px 20px 10px 16px;font:700 1.02rem/1.15 var(--font-u)}
.dk-plate-t small{font-weight:600;font-size:.78rem;opacity:.78;margin-top:3px;font-variant-numeric:tabular-nums}
.dk-wa{font-weight:600;color:var(--fg);border-bottom:1px solid var(--line);padding:6px 0;min-height:44px;display:inline-flex;align-items:center}
.dk-wa:hover{color:var(--brass-hi);border-color:var(--brass)}
/* thrown dart: a flight seen from the oche, stuck where you threw (kill #3) */
.dk-board .dart .fl{fill:#1d1f1b;stroke:#F0D79A;stroke-width:2.5}
.dk-board .dart .fl2{fill:#2b2e28;stroke:#F0D79A;stroke-width:2.5}
.dk-board .dart .sh{fill:#0b0c0a;stroke:#F6F1E4;stroke-width:2}
.dk-board .dart .sd{fill:rgba(0,0,0,.45)}
@media (max-width:980px){.dk-lamp{left:50%;transform:translateX(-50%)}}
/* mobile: the whole board, the score and the plate inside 844 px (kill #2), the product as a chip on the board */
@media (max-width:620px){
  .dk-in{display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center;
    grid-template-areas:"h1 h1" "k k" "num route" "stage stage" "cta cta" "say say" "ctl ctl"}
  .dk-copy,.dk-score{display:contents}
  .dk-h1{grid-area:h1;font-size:1.5rem;max-width:none}
  .dk-left-k{grid-area:k;margin-top:8px}
  .dk-num{grid-area:num;font-size:5.6rem;margin:2px 0 0 -.04em;line-height:.84}
  .dk-route{grid-area:route;flex-direction:column;align-items:flex-start;gap:5px;min-height:0}
  .dk-route li{font-size:.86rem;padding:.32em .8em .32em .5em}
  .dk-route li::before{width:18px;height:18px;font-size:.75rem}
  .dk-stage{grid-area:stage;margin-top:20px;width:100%}
  .dk-bw{margin-bottom:56px}
  .dk-prod{position:absolute;right:-6px;top:-14px;width:auto;max-width:none;margin:0;padding:6px 12px 6px 6px;gap:8px;border-radius:12px}
  .dk-prod-img{flex-basis:38px;height:38px;border-radius:8px}
  .dk-prod-k{display:none}
  .dk-prod-n{font-size:.78rem}
  .dk-prod-p{font-size:.9rem}
  .dk-cta{grid-area:cta;order:0;margin-top:2px;gap:14px}
  .dk-cta .dk-plate{flex:1 1 100%}
  .dk-wa{margin-inline:auto}
  .dk-say{grid-area:say;margin-top:14px}
  .dk-ctl{grid-area:ctl}
  .dk-far img{object-position:50% 60%}
  .dk-far-shade{background:linear-gradient(180deg,rgba(6,8,6,.96) 0%,rgba(6,8,6,.88) 28%,rgba(6,8,6,.42) 46%,rgba(6,8,6,.42) 70%,rgba(6,8,6,.9) 86%,#09100C 100%)}
  .dk-far-cap{position:absolute;right:auto;left:var(--mx);top:calc(84px + 1.5rem*1.1 + 150px + (100vw - 36px) + 6px);bottom:auto;font-size:.75rem;display:none}
  .dk-lamp{display:none}
}
@media (max-width:620px){
  .dk-in{grid-template-areas:"h1 h1" "k k" "num route" "bw bw" "cta cta" "prod prod" "say say" "ctl ctl"}
  .dk-stage{display:contents}
  .dk-bw{grid-area:bw;margin-top:20px;width:100%}
  .dk-prod{grid-area:prod;position:relative;right:auto;top:auto;width:100%;margin:14px 0 0;padding:8px 14px 8px 8px}
  .dk-prod-k{display:block}
}
/* mobile length (kill #8): footer in two columns, setup lead folded into the FAQ, tighter sections */
@media (max-width:620px){
  .dk .ftr-top{grid-template-columns:1fr 1fr;gap:22px 18px}
  .dk .ftr-top>div:first-child{grid-column:1/-1}
  .dk .ftr{padding:40px 0 28px}
  .dk .ftr ul{gap:12px}
  .dk .sec{padding:44px 0}
  .dk-setup .lead{display:none}
  .dk-setup-grid{margin-bottom:28px}
  .dk-faq{margin-top:16px}
  .dk-hint{display:none}
}
@media (max-width:620px){
  .dk .fgrid .fcard{flex-basis:46%}
  .dk .fc-img img{padding:10px}
  .dk-brands{display:flex;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--mx)*-1);padding-inline:var(--mx);gap:8px}
  .dk-brands::-webkit-scrollbar{display:none}
  .dk-brands a{flex:0 0 auto;padding:12px 16px;gap:14px}
  .dk-brands b{font-size:1.05rem}
  .dk-darts-sec .lead{display:none}
}
/* tablet 621–980: same composition as the phone (score row, whole board, plate), larger */
@media (min-width:621px) and (max-width:980px){
  .dk-in{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:22px;align-items:center;
    grid-template-areas:"h1 h1" "k k" "num route" "bw bw" "cta cta" "prod prod" "say say" "ctl ctl"}
  .dk-copy,.dk-score,.dk-stage{display:contents}
  .dk-h1{grid-area:h1;max-width:none}
  .dk-left-k{grid-area:k;margin-top:8px}
  .dk-num{grid-area:num;font-size:8rem;margin:2px 0 0 -.04em}
  .dk-route{grid-area:route;flex-direction:column;align-items:flex-start;gap:6px}
  .dk-bw{grid-area:bw;width:min(100%,520px);justify-self:center;margin-top:26px}
  .dk-cta{grid-area:cta;justify-content:center}
  .dk-prod{grid-area:prod;justify-self:center}
  .dk-say{grid-area:say;margin-top:18px}
  .dk-ctl{grid-area:ctl;max-width:none}
  .dk-far-cap{display:none}
}
@media (min-width:621px) and (max-width:980px){
  .dk-hero{padding-top:92px}
  .dk-num{font-size:7rem}
  .dk-bw{width:min(100%,470px);margin-top:34px}
  .dk-lamp{display:none}
  .dk-bw::before{content:"";position:absolute;left:24%;right:24%;top:-18px;height:4px;border-radius:4px;z-index:2;background:linear-gradient(90deg,transparent,var(--brass-hi) 15%,#fff6dc 50%,var(--brass-hi) 85%,transparent);box-shadow:0 0 18px 4px rgba(240,215,154,.55),0 8px 70px 26px rgba(240,215,154,.16)}
}
/* r3b: critic r3 quick wins */
/* header: one brass action on the page (the plate); the header link is plain text with a brass underline */
.dk .lnk-shop{display:inline-flex!important;align-items:center;min-height:44px;border-radius:0;padding:.3em 0;margin-left:.6em;color:var(--fg);font-weight:600;border-bottom:1px solid var(--brass)}
.dk .lnk-shop:hover{color:var(--brass-hi)}
/* section openers on this page: no gold dash, no letter-spaced kicker */
.dk .op::before{display:none}
.dk .idx{text-transform:none;letter-spacing:0;font-size:.9rem;color:var(--fg-dim)}
/* 981–1199: the price card sits under the lamp, right of the board, not on the number ring */
@media (min-width:981px) and (max-width:1199px){.dk-prod{display:none}}
@media (max-width:620px){
  /* the lamp hangs on cables from the header line and its cone lands on the top third of the board */
  .dk-bw::before{top:-22px}
  .dk-bw .dk-fall{background:radial-gradient(80% 62% at 50% 0%,rgba(255,236,190,.7),rgba(255,236,190,.14) 55%,rgba(0,0,0,.28) 100%)}
  .dk-ring{display:block;opacity:.7}
  .dk-stage-cab{display:none}
  .dk-far-shade{background:linear-gradient(180deg,rgba(6,8,6,.96) 0%,rgba(6,8,6,.86) 26%,rgba(6,8,6,.3) 44%,rgba(6,8,6,.3) 72%,rgba(6,8,6,.88) 88%,#09100C 100%)}
  .dk-brands{margin-bottom:14px}
  .dk .ftr-bot{margin-top:24px}
}
.dk-cab{display:none}
@media (max-width:980px){
  .dk-cab{display:block;position:absolute;left:30%;right:30%;top:-54px;height:34px;z-index:1;pointer-events:none;
    border-left:1px solid rgba(240,215,154,.3);border-right:1px solid rgba(240,215,154,.3);
    -webkit-mask:linear-gradient(180deg,transparent,#000 40%);mask:linear-gradient(180deg,transparent,#000 40%)}
}

/* Touch targets ≥ 44 px (Welle 08.11.2026 nachmittag): larger hit area, underline stays where it was */
@media (max-width:1024px){.dk-more a{border-bottom:0;padding-block:11px;margin-block:-11px;background:linear-gradient(var(--line),var(--line)) left 0 bottom 11px/100% 1px no-repeat}}

/* ==== Darts top kill (B11.4, blind juror r1 08.11.2026: D1 "scoreboard on the wall" won 2/2 over "score painted behind the board").
   The live score hangs beside the board as a framed darts slate in the same lamp light; it overlaps the board edge as the
   front layer (juror: "split layout instead of overlapping") ==== */
@media (min-width:981px){
  .dk-in{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center}
  .dk-stage{order:-1;justify-self:end;width:min(100%,640px);margin-right:-64px}
  .dk-copy{position:relative;z-index:3;padding:24px 28px 26px;border-radius:6px;transform:rotate(-.8deg);
    background:radial-gradient(120% 80% at 20% 0%,rgba(255,232,180,.13),transparent 60%),linear-gradient(180deg,#151a16,#0d110e);
    border:7px solid #3a2616;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 30px 60px -30px rgba(255,232,180,.2),
      -30px 40px 70px -24px rgba(0,0,0,.9),0 0 0 1px #1d130b}
  .dk-copy::before{content:"";position:absolute;left:18%;right:18%;top:-30px;height:30px;pointer-events:none;
    border-left:1px solid rgba(220,210,190,.25);border-right:1px solid rgba(220,210,190,.25)}
  .dk-num{font-size:clamp(5.6rem,9.4vw,9rem);color:#F3EFE4;text-shadow:0 0 1px rgba(255,255,255,.4),0 0 40px rgba(255,236,190,.16)}
  .dk-h1{font-size:clamp(1.45rem,2.1vw,2rem)}
  .dk-lamp{right:auto;left:clamp(80px,12vw,240px)}
  .dk-prod{right:auto;left:-6%;top:-4%}
  .dk-ctl{max-width:none}
}
@media (max-width:980px){
  .dk-in::before{content:"";grid-row:2/4;grid-column:1/-1;align-self:stretch;z-index:0;margin:-4px -12px -10px;border:6px solid #3a2616;border-radius:5px;
    background:radial-gradient(120% 80% at 30% 0%,rgba(255,232,180,.12),transparent 60%),linear-gradient(180deg,#151a16,#0e120f);box-shadow:0 26px 50px -24px #000}
  .dk-left-k,.dk-num,.dk-route{position:relative;z-index:1}
  .dk-left-k{margin-top:14px}
}
/* phone length ≤ 6 screens after the 44 px touch targets (Welle 08.11.2026 nachmittag): tighter footer list + section rhythm */
@media (max-width:620px){
  .dk .ftr ul{gap:0}
  .dk .sec{padding:38px 0}
  .dk-hero{padding-bottom:28px}
}
/* 981-1199: the slate fits the first viewport (hint folded, tighter rhythm) */
@media (min-width:981px) and (max-width:1199px){
  .dk-hint{display:none}
  .dk-copy{padding:18px 22px 20px}
  .dk-num{font-size:clamp(5rem,8.6vw,7rem)}
  .dk-say{min-height:0;font-size:.95rem;margin-top:8px}
  .dk-ctl{margin-top:12px;gap:8px}
  .dk-cta{margin-top:14px}
  .dk-hero{padding-top:96px}
}
/* 621-980 (critic r4: scrolled header without ground at 768, logo over the section heading) */
@media (min-width:621px) and (max-width:980px){.dk .hdr{background:rgba(7,12,9,.96);border-bottom:1px solid rgba(255,255,255,.06)}}

/* ==== r5 (08.11.2026 abends) darts top kill (critic r4 #1, B11.4): board and slate read as two columns.
   Winner of the blind juror fix-r1 (key darts: Y=A, quellen/welle-r5-20261108/fix-r1/juror-r1.md): "one wall". Only score and route hang
   as a slate on the wall plane next to the board, in one light pool; presets + slider are the slate's lower rail (same tilt),
   the two actions sit on one baseline under it. (B "score as lit type on the wall" lost: K23, Stanza-v4 giant-number formula.) ==== */
.dk-pool{display:none}
@media (min-width:981px){
  .dk-in{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
  .dk-copy{background:none;border:0;box-shadow:none;padding:0;border-radius:0;margin-left:-72px;width:min(100%,480px);transform:rotate(-1deg);transform-origin:50% 0}
  .dk-copy::before{display:none}
  .dk-prod{left:-9%;top:-9%}
  /* one light pool: the lamp hangs over the gap, its falloff reaches the board and the slate's top edge */
  .dk-lamp{left:clamp(300px,38vw,640px);width:min(52vw,760px)}
  .dk-pool{display:block;position:absolute;z-index:-1;pointer-events:none;left:36%;top:4%;width:62%;height:76%;
    background:radial-gradient(50% 46% at 50% 24%,rgba(255,226,170,.2),rgba(255,226,170,.06) 55%,transparent 75%)}
  .dk-far-shade{background:linear-gradient(90deg,rgba(5,8,6,.9) 0%,rgba(5,8,6,.55) 36%,rgba(5,8,6,.62) 58%,rgba(5,8,6,.82) 100%),
    linear-gradient(180deg,rgba(5,8,6,.55),transparent 22%,transparent 78%,#09100C 100%)}
  .dk-h1{font-size:clamp(1.45rem,2.1vw,2rem)}
  .dk-score{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:end;margin:14px 0 0;padding:18px 24px 14px 26px;
    border:6px solid #5a3c22;border-bottom:0;border-radius:5px 5px 0 0;
    background:radial-gradient(90% 60% at 40% 0%,rgba(255,232,180,.28),transparent 64%),linear-gradient(180deg,#1a201b,#0f1410);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 40px 60px -34px rgba(255,232,180,.32)}
  .dk-score::before{content:"";position:absolute;left:22%;right:22%;top:-34px;height:28px;pointer-events:none;
    border-left:1px solid rgba(220,210,190,.28);border-right:1px solid rgba(220,210,190,.28)}
  .dk-left-k{grid-column:1/-1}
  .dk-num{grid-row:2;font-size:clamp(5.6rem,8.4vw,7.6rem);color:#F3EFE4;text-shadow:0 0 1px rgba(255,255,255,.4),0 0 40px rgba(255,236,190,.16)}
  .dk-route{grid-row:2;align-self:center;flex-direction:column;align-items:flex-start;gap:6px}
  .dk-say{grid-column:1/-1;margin-top:8px;font-size:.92rem;min-height:0;color:#d3d6cf}
  .dk-ctl{max-width:none;margin:0;padding:12px 18px 14px;gap:10px;background:linear-gradient(180deg,#2c1d10,#21160c);
    border:6px solid #5a3c22;border-top:1px solid rgba(255,232,180,.18);border-radius:0 0 5px 5px;box-shadow:-24px 30px 50px -22px rgba(0,0,0,.9)}
  .dk-chips{flex-wrap:nowrap;gap:6px}
  .dk-chips button{flex:1 1 0;min-width:0;padding-inline:.4em;background:rgba(9,14,11,.72)}
  .dk-hint{font-size:.84rem;margin:0;color:#d3d6cf}
  .dk-cta{margin:22px 0 0;flex-wrap:nowrap;align-items:center;gap:24px;max-width:none}
}
@media (min-width:981px) and (max-width:1199px){
  .dk-copy{margin-left:-56px}
  .dk-num{font-size:clamp(4.6rem,7vw,5.8rem)}
  .dk-cta{gap:16px}
}
/* r5: guides merged - footer gets a fourth group */
@media (min-width:1041px){ .dk .ftr-top{grid-template-columns:1.3fr repeat(4,1fr)} }
.dk-guide{margin-top:14px}
/* r5: phone footer like the other flagships (three tight columns), page length <= 6 screens at 360 */
@media (max-width:620px){
  .dk .ftr{padding:26px 0 16px}
  .dk .ftr-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}
  .dk .ftr-bot{margin-top:12px}
}
@media (max-width:620px){ .dk .ftr-top>div:first-child{grid-column:1/-1} .dk .ftr ul{gap:0} }
/* r5: phone length <= 6 at 360 - the measuring FAQ folds, lead and figure caption (both repeat 173/237/293.4) hide on phones */
.dk-faqd > summary{list-style:none}
.dk-faqd > summary::-webkit-details-marker{display:none}
@media (min-width:621px){ .dk-faqd > summary{display:none} }
@media (max-width:620px){
  .dk-setup .lead,.dk-oche figcaption{display:none}
  .dk-faqd > summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:10px;padding:0 16px;border:1px solid var(--line);border-radius:12px;font-weight:600;cursor:pointer}
  .dk-faqd > summary::after{content:"";width:9px;height:9px;border-right:1.6px solid var(--fg-dim);border-bottom:1.6px solid var(--fg-dim);transform:translateY(-3px) rotate(45deg)}
  .dk-faqd[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
  .dk .sec{padding:30px 0}
}
@media (max-width:380px){ .dk .sec{padding:22px 0} .dk-hero{padding-bottom:14px} .dk .ftr{padding-top:20px} }