
:root{
  --dl-bg:#061014;
  --dl-panel:#0a1a20;
  --dl-panel2:#0d2228;
  --dl-line:#19434a;
  --dl-text:#f5fbfb;
  --dl-muted:#8fa9ad;
  --dl-teal:#27e0d2;
  --dl-teal2:#66fff1;
  --dl-danger:#ff727b
}
body.dl-open{overflow:hidden}
.dl-layer{position:fixed;inset:0;z-index:2147482000;background:rgba(2,8,10,.92);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .18s ease;color:var(--dl-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dl-layer[data-open="1"]{opacity:1;pointer-events:auto}
.dl-shell{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:radial-gradient(circle at 78% -10%,rgba(39,224,210,.10),transparent 34rem),var(--dl-bg)}
.dl-head{min-height:74px;display:flex;align-items:center;gap:22px;padding:14px clamp(16px,3vw,42px);border-bottom:1px solid var(--dl-line);background:rgba(6,16,20,.94)}
.dl-brand{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:0 12px;min-width:max-content}
.dl-brand span{color:var(--dl-teal);font-size:11px;font-weight:950;letter-spacing:.18em}
.dl-brand b{font-size:25px;letter-spacing:-.035em}
.dl-brand small{grid-column:1/-1;color:#6f8a8e;font-size:8px;font-weight:900;letter-spacing:.22em;margin-top:1px}
.dl-head-active{margin-left:auto;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(39,224,210,.18);border-radius:12px;background:#08161a}
.dl-head-active span{font-size:8px;font-weight:950;letter-spacing:.12em;color:var(--dl-teal)}
.dl-head-active b{font-size:13px}
.dl-head-active small{font-size:10px;color:var(--dl-muted)}
.dl-close{width:44px;height:44px;display:grid;place-items:center;border:1px solid #24464d;border-radius:12px;background:#0b1b20;color:#fff;font-size:27px;cursor:pointer}
.dl-close:hover{border-color:var(--dl-teal)}
.dl-tabs{display:flex;gap:5px;padding:8px clamp(16px,3vw,42px);overflow:auto;border-bottom:1px solid #102f35;background:#071419;scrollbar-width:none}
.dl-tabs::-webkit-scrollbar{display:none}
.dl-tabs button{min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8ea5a9;font:900 10px/1 Inter,sans-serif;letter-spacing:.08em;white-space:nowrap;cursor:pointer}
.dl-tabs button[data-active="1"]{border-color:rgba(39,224,210,.25);background:#0b2529;color:var(--dl-teal)}
.dl-main{overflow:auto;padding:clamp(16px,2.6vw,34px) clamp(14px,3vw,42px) 60px}
.dl-main button,.dl-modal button{cursor:pointer}
.dl-kicker,.dl-section-head>div>small,.dl-builder-stage small,.dl-passport-card small,.dl-active-strip small,.dl-community-card>small{color:var(--dl-teal);font-size:9px;font-weight:950;letter-spacing:.14em}
.dl-build{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(460px,.85fr);gap:16px;align-items:start;max-width:1680px;margin:auto}
.dl-builder-stage,.dl-build-controls,.dl-setup-card,.dl-community-card,.dl-form,.dl-experiments,.dl-requests,.dl-compare-darts article,.dl-diff,.dl-centre{border:1px solid var(--dl-line);border-radius:20px;background:linear-gradient(145deg,#0b1e23,#08161a);box-shadow:0 20px 60px rgba(0,0,0,.18)}
.dl-builder-stage{position:sticky;top:0;overflow:hidden}
.dl-stage-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px 22px 5px}
.dl-stage-top h2{margin:4px 0 0;font-size:clamp(27px,3vw,42px);letter-spacing:-.04em}
.dl-stage-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.dl-stage-actions button,.dl-section-head>button,.dl-experiments>button,.dl-setup-card footer button,.dl-community-card footer button,.dl-passport-actions button,.dl-active-strip button,.dl-savebar button{min-height:40px;border:1px solid #2a5057;border-radius:10px;background:#0d2429;color:#e9f8f7;padding:0 13px;font-size:9px;font-weight:950;letter-spacing:.07em}
.dl-stage-actions button:hover,.dl-section-head>button:hover,.dl-setup-card footer button:hover,.dl-community-card footer button:hover{border-color:var(--dl-teal)}
.dl-dart-stage{position:relative;display:grid;place-items:center;min-height:260px;padding:20px;background:radial-gradient(circle at center,rgba(39,224,210,.065),transparent 55%),linear-gradient(180deg,#08171b,#061115)}
.dl-dart-stage:before{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#274a4f 14%,#274a4f 86%,transparent)}
.dl-dart-svg{display:block;width:100%;height:auto;max-height:140px;overflow:visible}
.dl-dart-svg.large{max-height:190px}
.dl-balance-marker{position:absolute;bottom:13px;display:grid;place-items:center;transform:translateX(-50%);pointer-events:none}
.dl-balance-marker i{height:26px;width:1px;background:var(--dl-teal);box-shadow:0 0 12px var(--dl-teal)}
.dl-balance-marker span{margin-top:3px;padding:3px 5px;border-radius:5px;background:#061014;color:var(--dl-teal);font-size:7px;font-weight:950;letter-spacing:.09em;white-space:nowrap}
.dl-live-spec{display:grid;grid-template-columns:1.25fr .75fr;border-top:1px solid var(--dl-line)}
.dl-specs{display:grid;grid-template-columns:repeat(4,1fr)}
.dl-specs>div{padding:14px 15px;border-right:1px solid #15363c}
.dl-specs small{display:block;color:#728f93;font-size:8px;letter-spacing:.08em}
.dl-specs b{display:block;margin-top:5px;font-size:19px}
.dl-compat{padding:13px 16px;display:grid;align-content:center;gap:3px;background:#071418}
.dl-compat strong{font-size:10px;letter-spacing:.08em;color:#f4f8f7}
.dl-compat[data-ok="1"] strong{color:var(--dl-teal)}
.dl-compat[data-ok="0"] strong{color:#ff8c94}
.dl-compat span{font-size:10px;color:#c7d7d8}
.dl-compat small{margin-top:3px;color:#657f83;font-size:8px;line-height:1.35}
.dl-build-controls{padding:18px}
.dl-build-meta{display:grid;grid-template-columns:1fr .72fr 1.1fr;gap:10px;margin-bottom:14px}
.dl-build-meta label,.dl-form label,.dl-modal label,.dl-compare-select label{display:grid;gap:6px;color:#86a2a6;font-size:9px;font-weight:900;letter-spacing:.08em}
.dl-build-meta input,.dl-build-meta select,.dl-form input,.dl-form select,.dl-form textarea,.dl-modal input,.dl-modal select,.dl-modal textarea,.dl-compare-select select{width:100%;min-height:44px;border:1px solid #285058;border-radius:10px;background:#061216;color:#f4ffff;padding:9px 11px;font:750 13px/1.2 Inter,sans-serif;outline:none}
.dl-build-meta input:focus,.dl-build-meta select:focus,.dl-form input:focus,.dl-form select:focus,.dl-form textarea:focus,.dl-modal input:focus,.dl-modal select:focus,.dl-modal textarea:focus,.dl-compare-select select:focus{border-color:var(--dl-teal);box-shadow:0 0 0 3px rgba(39,224,210,.10)}
.dl-pickers{display:grid;gap:10px}
.dl-picker{border:1px solid #173b42;border-radius:14px;background:#071519;overflow:hidden}
.dl-picker>header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:11px 13px;border-bottom:1px solid #14343a}
.dl-picker>header div{display:grid;gap:3px}
.dl-picker>header small{font-size:8px;font-weight:950;letter-spacing:.1em;color:var(--dl-teal)}
.dl-picker>header b{font-size:12px}
.dl-picker>header>span{color:#69878b;font-size:8px;font-weight:900}
.dl-part-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);gap:6px;overflow-x:auto;padding:7px;scroll-snap-type:x proximity}
.dl-part-grid button{scroll-snap-align:start;min-height:106px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto auto;gap:2px 7px;text-align:left;align-content:center;border:1px solid #17363d;border-radius:11px;background:#09191d;color:#f4f9f8;padding:9px}
.dl-part-grid button:hover{border-color:#39727b}
.dl-part-grid button[data-selected="1"]{border-color:var(--dl-teal);background:linear-gradient(135deg,#0d2e30,#092023);box-shadow:inset 0 0 0 1px rgba(39,224,210,.28)}
.dl-part-dot{grid-row:1/4;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#0d292d;color:var(--dl-teal);font-weight:900}
.dl-part-grid strong{font-size:11px}
.dl-part-grid small{color:#87a1a5;font-size:9px}
.dl-part-grid em{color:#5f7e82;font-size:8px;font-style:normal}
.dl-savebar{position:sticky;bottom:-1px;display:flex;gap:8px;align-items:center;margin:14px -18px -18px;padding:13px 18px;border-top:1px solid var(--dl-line);background:rgba(8,22,26,.96);backdrop-filter:blur(10px)}
.dl-savebar>div{display:grid;gap:2px;margin-right:auto}
.dl-savebar strong{font-size:11px}
.dl-savebar span{color:#739094;font-size:9px}
.dl-savebar button.primary,.dl-big{border-color:var(--dl-teal)!important;background:var(--dl-teal)!important;color:#031314!important}
.dl-section-head{max-width:1500px;margin:0 auto 16px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}
.dl-section-head h2{margin:5px 0 4px;font-size:clamp(30px,4vw,52px);letter-spacing:-.045em}
.dl-section-head p{max-width:770px;margin:0;color:var(--dl-muted);line-height:1.55;font-size:14px}
.dl-setup-list,.dl-community-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dl-setup-card{padding:18px;display:grid;gap:13px}
.dl-setup-card[data-active="1"]{border-color:rgba(39,224,210,.65);box-shadow:inset 0 0 0 1px rgba(39,224,210,.17),0 20px 60px rgba(0,0,0,.2)}
.dl-setup-card>header{display:flex;justify-content:space-between;gap:14px}
.dl-setup-card>header small{display:block;color:var(--dl-teal);font-size:8px;font-weight:950;letter-spacing:.12em}
.dl-setup-card h3{margin:3px 0 0;font-size:24px}
.dl-setup-card>header>span{height:max-content;padding:5px 7px;border:1px solid #294b51;border-radius:7px;color:#8fa7aa;font-size:7px;font-weight:950;letter-spacing:.09em}
.dl-mini-dart{min-height:96px;display:grid;place-items:center;padding:4px 8px;border-radius:12px;background:#061317}
.dl-parts-line{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.dl-parts-line span{min-width:0;padding:8px;border:1px solid #17373e;border-radius:9px;color:#d5e5e4;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl-parts-line small{display:block;margin-bottom:3px;color:#66868a;font-size:7px;font-weight:900}
.dl-summary-row{display:flex;gap:7px;flex-wrap:wrap}
.dl-summary-row b{padding:6px 8px;border-radius:7px;background:#0b292d;color:#bdfaf4;font-size:9px}
.dl-perf{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.dl-perf>div{padding:8px;border:1px solid #173940;border-radius:9px;background:#071519}
.dl-perf small{display:block;color:#66868a;font-size:7px;font-weight:900;letter-spacing:.07em}
.dl-perf b{display:block;margin-top:4px;font-size:16px}
.dl-setup-card footer,.dl-community-card footer{display:flex;gap:6px;flex-wrap:wrap}
.dl-setup-card footer .danger{border-color:rgba(255,114,123,.3);color:#ff9fa5}
.dl-two{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:14px}
.dl-form{padding:18px;display:grid;gap:11px}
.dl-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dl-form label small{color:#5f7a7e}
.dl-form textarea,.dl-modal textarea{line-height:1.45;resize:vertical}
.dl-check{grid-template-columns:auto 1fr!important;align-items:center;justify-content:start}
.dl-check input{width:18px!important;min-height:18px!important}
.dl-big{min-height:48px;border:1px solid var(--dl-teal);border-radius:11px;padding:0 17px;font-size:10px;font-weight:950;letter-spacing:.08em}
.dl-experiments,.dl-requests{padding:18px}
.dl-experiments>article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #17363c}
.dl-experiments>article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(39,224,210,.28);color:var(--dl-teal);font-size:10px;font-weight:950}
.dl-experiments h3{margin:0 0 4px;font-size:17px}
.dl-experiments p,.dl-fine{margin:0;color:var(--dl-muted);font-size:12px;line-height:1.5}
.dl-experiments>button{margin-top:14px}
.dl-compare-select{max-width:900px;margin:0 auto 14px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}
.dl-compare-select>span{padding-bottom:14px;color:var(--dl-teal);font-size:10px;font-weight:950}
.dl-compare-darts{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dl-compare-darts article{padding:16px}
.dl-compare-darts h3{margin:0 0 6px}
.dl-diff{max-width:1100px;margin:12px auto 0;padding:8px 16px}
.dl-diff>div{display:grid;grid-template-columns:minmax(180px,1.4fr) 1fr 44px 1fr;gap:10px;align-items:center;min-height:52px;border-bottom:1px solid #17353b}
.dl-diff>div:last-child{border-bottom:0}
.dl-diff span{color:#8aa5a9;font-size:10px;font-weight:850}
.dl-diff b{font-size:16px}
.dl-diff i{color:#5d7b7f;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase;text-align:center}
.dl-community-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dl-community-card{padding:15px}
.dl-community-card h3{margin:5px 0;font-size:20px}
.dl-community-card p{color:var(--dl-muted);font-size:11px;line-height:1.5}
.dl-requests{display:grid;align-content:start;gap:8px}
.dl-requests>article{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #183940;border-radius:10px;background:#071519}
.dl-requests h3{margin:3px 0;font-size:14px}
.dl-requests p{margin:0;color:#789498;font-size:10px}
.dl-requests>article>span{font-size:8px;font-weight:950;color:var(--dl-teal)}
.dl-centre{max-width:760px;margin:8vh auto;padding:42px;text-align:center}
.dl-centre h2{font-size:clamp(34px,5vw,56px);margin:8px 0}
.dl-centre p{max-width:620px;margin:0 auto 22px;color:var(--dl-muted);font-size:15px;line-height:1.6}
.dl-empty{display:grid;gap:8px;place-items:center;color:#779296;text-align:center;padding:16px}
.dl-empty.large{grid-column:1/-1;min-height:220px;border:1px dashed #285058;border-radius:16px}
.dl-empty b{color:#ecf7f6;font-size:16px}
.dl-empty button{min-height:40px;border:1px solid #315b62;border-radius:9px;background:#0d292e;color:#fff;padding:0 13px;font-size:9px;font-weight:950}
.dl-loading{min-height:50vh;display:grid;place-items:center;align-content:center;gap:12px}
.dl-loading>span{width:34px;height:34px;border-radius:50%;border:3px solid #17464a;border-top-color:var(--dl-teal);animation:dlspin .7s linear infinite}
@keyframes dlspin{to{transform:rotate(360deg)}}
.dl-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:rgba(2,8,10,.78);opacity:0;pointer-events:none}
.dl-modal[data-open="1"]{opacity:1;pointer-events:auto}
.dl-modal form{width:min(560px,100%);max-height:90vh;overflow:auto;display:grid;gap:11px;padding:21px;border:1px solid var(--dl-line);border-radius:18px;background:#091b20;color:var(--dl-text);box-shadow:0 30px 100px #000}
.dl-modal header{display:flex;justify-content:space-between;gap:15px}
.dl-modal h2{margin:4px 0;font-size:28px}
.dl-modal header small{color:var(--dl-teal);font-size:8px;font-weight:950;letter-spacing:.1em}
.dl-modal header button{width:38px;height:38px;border:1px solid #2c5157;border-radius:9px;background:#0c2429;color:#fff;font-size:22px}
.dl-modal p{margin:0;color:var(--dl-muted);font-size:12px;line-height:1.5}
.dl-toast{position:fixed;z-index:2147483646;left:50%;bottom:22px;transform:translate(-50%,18px);max-width:min(560px,calc(100vw - 30px));padding:11px 15px;border:1px solid rgba(39,224,210,.38);border-radius:10px;background:#0b2529;color:#edfffd;font:800 12px/1.3 Inter,sans-serif;opacity:0;pointer-events:none;transition:.18s}
.dl-toast[data-show="1"]{opacity:1;transform:translate(-50%,0)}
.dl-toast[data-tone="error"]{border-color:rgba(255,114,123,.5);background:#32151a}
.dl-passport-card{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding:20px;border:1px solid rgba(39,224,210,.25);border-radius:20px;background:radial-gradient(circle at 85% 15%,rgba(39,224,210,.09),transparent 24rem),linear-gradient(145deg,#0b1e23,#071418)}
.dl-passport-copy h2{margin:6px 0;font-size:clamp(28px,4vw,44px);letter-spacing:-.04em}
.dl-passport-copy p,.dl-passport-active p{max-width:650px;color:var(--dl-muted);font-size:13px;line-height:1.55}
.dl-passport-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.dl-passport-actions button:first-child{border-color:var(--dl-teal);background:var(--dl-teal);color:#041414}
.dl-passport-active{padding:15px;border:1px solid #183c42;border-radius:14px;background:#061418}
.dl-passport-active h3{margin:5px 0;font-size:22px}
.dl-active-strip{display:flex;align-items:center;gap:15px;margin:0 0 14px;padding:12px 15px;border:1px solid rgba(39,224,210,.23);border-radius:13px;background:#081b20}
.dl-active-strip>div{display:grid;gap:2px;margin-right:auto}
.dl-active-strip b{font-size:14px}
.dl-active-strip span{color:#78969a;font-size:10px}
.dl-active-strip button{border-color:var(--dl-teal);color:var(--dl-teal)}

.dl-realistic-dart{filter:drop-shadow(0 16px 16px rgba(0,0,0,.34));transform:translateZ(0)}
.dl-dart-stage{background:
  radial-gradient(circle at 50% 42%,rgba(97,255,244,.09),transparent 34%),
  linear-gradient(180deg,#0a181d 0%,#071216 68%,#050d10 100%);
  border-top:1px solid rgba(255,255,255,.018)}
.dl-dart-stage:after{content:"";position:absolute;left:9%;right:9%;bottom:38px;height:1px;background:linear-gradient(90deg,transparent,rgba(148,181,184,.22),transparent);box-shadow:0 7px 18px rgba(0,0,0,.4);pointer-events:none}
.dl-render-badge{display:inline-flex;align-items:center;min-height:40px;padding:0 11px;border:1px solid rgba(39,224,210,.25);border-radius:10px;background:rgba(39,224,210,.08);color:#7efff4;font-size:8px;font-weight:950;letter-spacing:.1em;white-space:nowrap}
.dl-mini-dart{background:
  radial-gradient(circle at 58% 42%,rgba(39,224,210,.06),transparent 46%),
  linear-gradient(180deg,#071519,#050f12)}
.dl-admin-subhead{margin-top:8px;padding-top:12px;border-top:1px solid #173940}
.dl-form textarea[name="gripPattern"]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
@media(max-width:1150px){
  .dl-build{grid-template-columns:1fr}
  .dl-builder-stage{position:relative}
  .dl-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dl-build-meta{grid-template-columns:1fr 1fr}
  .dl-build-meta label:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .dl-head{min-height:62px;padding:10px 12px;gap:8px}
  .dl-brand{gap:0 6px}.dl-brand b{font-size:19px}.dl-brand span{font-size:8px}.dl-brand small{font-size:6px}
  .dl-head-active{margin-left:auto;padding:6px 8px;max-width:42vw}.dl-head-active small{display:none}.dl-head-active b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dl-close{width:39px;height:39px;border-radius:10px}
  .dl-tabs{padding:7px 10px}.dl-tabs button{min-height:36px;padding:0 10px;font-size:8px}
  .dl-main{padding:11px 10px 76px}
  .dl-stage-top{padding:14px 14px 0}.dl-stage-top{display:grid}.dl-stage-actions{justify-content:flex-start}
  .dl-dart-stage{min-height:190px;padding:10px}.dl-dart-svg.large{max-height:150px}
  .dl-live-spec{grid-template-columns:1fr}.dl-specs{grid-template-columns:1fr 1fr}.dl-specs>div{border-bottom:1px solid #15363c}.dl-specs>div:nth-child(2n){border-right:0}
  .dl-build-controls{padding:12px}.dl-build-meta{grid-template-columns:1fr}.dl-build-meta label:last-child{grid-column:auto}
  .dl-part-grid{grid-auto-columns:minmax(150px,72vw)}
  .dl-savebar{margin:12px -12px -12px;padding:11px 12px;display:grid;grid-template-columns:1fr 1fr}.dl-savebar>div{grid-column:1/-1}.dl-savebar button{width:100%}
  .dl-section-head{display:grid;align-items:start}.dl-section-head h2{font-size:34px}
  .dl-setup-list,.dl-community-grid,.dl-two,.dl-compare-darts{grid-template-columns:1fr}
  .dl-parts-line{grid-template-columns:1fr 1fr}.dl-perf{grid-template-columns:repeat(5,minmax(62px,1fr));overflow-x:auto}
  .dl-form-grid{grid-template-columns:1fr}
  .dl-compare-select{grid-template-columns:1fr}.dl-compare-select>span{padding:0;text-align:center}
  .dl-diff{padding:6px 10px}.dl-diff>div{grid-template-columns:1fr 1fr 28px 1fr;gap:6px}.dl-diff span{grid-column:1/-1;padding-top:8px}
  .dl-centre{margin:4vh auto;padding:24px 16px}
  .dl-passport-card{grid-template-columns:1fr;padding:15px}
  .dl-active-strip{align-items:flex-start}.dl-active-strip span{line-height:1.4}.dl-active-strip button{min-width:90px}
}
@media(max-width:430px){
  .dl-specs b{font-size:16px}.dl-stage-actions button{font-size:8px;padding:0 9px}
  .dl-savebar{grid-template-columns:1fr}
  .dl-setup-card{padding:13px}.dl-setup-card footer button{flex:1 1 calc(50% - 6px)}
  .dl-community-card footer{display:grid;grid-template-columns:1fr 1fr}
  .dl-active-strip{display:grid}.dl-active-strip button{width:100%}
}
@media(prefers-reduced-motion:reduce){.dl-layer,.dl-toast,.dl-loading>span{transition:none;animation:none}}


.dl-truth-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 0 2px}
.dl-truth-pill,.dl-fit-pill,.dl-part-verification{display:inline-flex;align-items:center;border:1px solid #1b4248;border-radius:999px;background:#0a171b;color:#9db6b9;font-size:8px;font-weight:950;letter-spacing:.08em;line-height:1;padding:7px 9px}
.dl-truth-pill[data-tone="good"]{border-color:rgba(39,224,210,.46);background:rgba(39,224,210,.09);color:#78fff4}
.dl-truth-pill[data-tone="mixed"]{border-color:rgba(255,255,255,.18);color:#d7e5e6}
.dl-fit-pill[data-fit="fits_cleanly"]{border-color:rgba(39,224,210,.46);color:#78fff4}
.dl-fit-pill[data-fit="compatible"]{border-color:rgba(130,210,255,.3);color:#b9e8ff}
.dl-fit-pill[data-fit="may_leave_shoulder"]{border-color:rgba(255,209,108,.34);color:#ffe4a3}
.dl-fit-pill[data-fit="incompatible"]{border-color:rgba(255,104,112,.42);color:#ffb4b8}
.dl-part-grid button{position:relative;overflow:hidden}
.dl-part-verification{position:absolute;right:8px;top:8px;padding:5px 6px;font-size:6.5px;pointer-events:none}
.dl-part-verification[data-verified="1"]{border-color:rgba(39,224,210,.42);background:rgba(39,224,210,.08);color:#78fff4}
.dl-part-grid button[data-selected="1"] .dl-part-verification{border-color:rgba(255,255,255,.32);color:#eafffd}
.dl-dart-stage{min-height:245px}
.dl-dart-stage .dl-dart-svg.large{width:min(100%,1080px);height:auto;max-height:220px}
@media(max-width:700px){.dl-dart-stage{min-height:190px}.dl-dart-stage .dl-dart-svg.large{max-height:165px}.dl-truth-pill,.dl-fit-pill{font-size:7px}}


/* Dart Lab v5 — locked premium concept direction */
.dl-shell{background:
  radial-gradient(circle at 82% 15%,rgba(30,219,209,.055),transparent 28rem),
  linear-gradient(180deg,#081116 0%,#050b0e 72%,#04090b 100%)}
.dl-head{min-height:64px;padding:10px clamp(14px,2.5vw,36px);background:rgba(5,12,15,.97);border-bottom-color:#17292e}
.dl-brand{grid-template-columns:auto;gap:0}
.dl-brand span{font-size:16px;letter-spacing:.16em;color:#f5ffff}
.dl-brand b{font-size:11px;color:var(--dl-teal);letter-spacing:.12em}
.dl-brand small{display:none}
.dl-head-active{border-color:#18353a;background:#081317}
.dl-tabs{justify-content:center;padding:4px 12px;border-bottom-color:#12262b;background:#061014}
.dl-tabs button{min-height:42px;border-radius:0;padding:0 16px;font-size:9px;letter-spacing:.1em}
.dl-tabs button[data-active="1"]{border-color:transparent;border-bottom:2px solid var(--dl-teal);background:transparent;color:#ecffff}
.dl-main{padding:0;overflow:auto}
.dl-concept{max-width:1780px;margin:0 auto;padding:0 clamp(14px,2.4vw,36px) 42px}
.dl-concept-hero{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(620px,1.15fr);gap:28px;align-items:end;padding:30px 4px 10px}
.dl-concept-title small{display:block;color:#748b90;font-size:9px;font-weight:950;letter-spacing:.34em}
.dl-concept-title h1{margin:7px 0 0;color:#f7ffff;font-size:clamp(48px,5.2vw,78px);line-height:.92;letter-spacing:-.045em}
.dl-concept-title h1 span{color:var(--dl-teal)}
.dl-concept-title p{margin:8px 0 0;color:#95a8ad;font-size:clamp(20px,2vw,30px);font-weight:560}
.dl-concept-title em{display:block;margin-top:18px;color:#91a5a8;font-family:Georgia,serif;font-size:14px;letter-spacing:.02em;transform:rotate(-2deg);transform-origin:left;font-style:italic}
.dl-concept-promises{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-self:start;padding-top:20px}
.dl-concept-promises>div{display:flex;gap:10px;align-items:center;min-width:0;padding:11px 10px;border-top:1px solid #162a2f}
.dl-concept-promises i{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #577075;border-radius:50%;color:#efffff;font-style:normal;font-size:15px}
.dl-concept-promises>div:last-child i{border-color:var(--dl-teal);color:var(--dl-teal)}
.dl-concept-promises span{display:grid;gap:4px;min-width:0}
.dl-concept-promises b{font-size:9px;letter-spacing:.08em}
.dl-concept-promises small{color:#81979c;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.dl-concept-stage{position:relative;min-height:330px;display:grid;place-items:center;margin:0 -6px;padding:10px 18px 28px;overflow:hidden}
.dl-concept-glow{position:absolute;inset:20% 10% 0;background:radial-gradient(ellipse at center,rgba(67,220,211,.11),rgba(67,220,211,.025) 40%,transparent 70%);filter:blur(16px);pointer-events:none}
.dl-concept-dart{position:relative;z-index:2;width:100%;display:grid;place-items:center}
.dl-concept-dart .dl-realistic-dart{width:min(100%,1460px);max-height:270px;filter:drop-shadow(0 15px 9px rgba(0,0,0,.62)) drop-shadow(0 2px 2px rgba(255,255,255,.09))}
.dl-concept-floor{position:absolute;z-index:1;left:5%;right:5%;bottom:32px;height:78px;background:linear-gradient(180deg,rgba(124,158,163,.05),rgba(124,158,163,.015));border-top:1px solid rgba(179,213,217,.15);transform:perspective(520px) rotateX(74deg);transform-origin:center top;box-shadow:0 -16px 45px rgba(0,0,0,.26)}
.dl-concept-balance{position:absolute;z-index:4;bottom:26px;display:grid;place-items:center;transform:translateX(-50%);opacity:.72}
.dl-concept-balance i{height:24px;width:1px;background:var(--dl-teal);box-shadow:0 0 10px var(--dl-teal)}
.dl-concept-balance span{margin-top:3px;color:#82eae3;font-size:6.5px;font-weight:950;letter-spacing:.12em}

.dl-component-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.dl-component-card{min-width:0;border:1px solid #1c3237;border-radius:12px;background:linear-gradient(180deg,#0a1418,#071014);overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.2)}
.dl-component-card[data-active="1"]{border-color:rgba(39,224,210,.62);box-shadow:inset 0 0 0 1px rgba(39,224,210,.18),0 0 30px rgba(39,224,210,.055)}
.dl-component-card header{height:40px;display:grid;grid-template-columns:24px auto 1fr;gap:8px;align-items:center;padding:0 10px;border-bottom:1px solid #15282d}
.dl-component-card header>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--dl-teal);color:#031113;font-size:10px;font-weight:950}
.dl-component-card header b{font-size:9px;letter-spacing:.09em}
.dl-component-card header button{justify-self:end;border:0;background:transparent;color:#a8b9bc;font-size:9px;font-weight:800}
.dl-component-card header button:hover{color:var(--dl-teal)}
.dl-component-thumb{height:88px;display:grid;place-items:center;padding:8px;background:radial-gradient(circle at 50% 50%,rgba(39,224,210,.045),transparent 65%)}
.dl-part-preview-svg{display:block;width:100%;height:100%;filter:drop-shadow(0 7px 5px rgba(0,0,0,.48))}
.dl-component-copy{display:grid;gap:4px;padding:0 12px 12px}
.dl-component-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-component-copy small{color:#7d9398;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-component-copy em{justify-self:start;padding:4px 6px;border:1px solid #203a40;border-radius:999px;color:#80979a;font-size:6.5px;font-style:normal;font-weight:950;letter-spacing:.08em}
.dl-component-copy em[data-verified="1"]{border-color:rgba(39,224,210,.35);color:#73fff2;background:rgba(39,224,210,.05)}

.dl-product-drawer{margin-top:10px;border:1px solid #1a373e;border-radius:14px;background:linear-gradient(180deg,#08181d,#071217);box-shadow:0 18px 45px rgba(0,0,0,.26);overflow:hidden}
.dl-product-drawer-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid #173038}
.dl-product-drawer-head small{color:var(--dl-teal);font-size:8px;font-weight:950;letter-spacing:.14em}
.dl-product-drawer-head h3{margin:4px 0 0;font-size:19px}
.dl-product-drawer-tools{display:flex;gap:8px;align-items:center}
.dl-product-drawer-tools input{min-width:280px;height:38px;border:1px solid #284a51;border-radius:9px;background:#051014;color:#f5ffff;padding:0 10px;font:700 11px Inter,sans-serif}
.dl-product-drawer-tools button{height:38px;border:1px solid #274a50;border-radius:9px;background:#0b2025;color:#dcebea;padding:0 11px;font-size:8px;font-weight:950}
.dl-product-drawer .dl-picker{border:0;border-radius:0;background:transparent}
.dl-product-drawer .dl-picker>header{display:none}
.dl-product-drawer .dl-part-grid{grid-auto-columns:minmax(190px,1fr);padding:10px}
.dl-product-drawer .dl-part-grid button{min-height:116px}

.dl-concept-lower{display:grid;grid-template-columns:1.02fr .98fr;gap:12px;margin-top:14px}
.dl-shape-section,.dl-concept-specs{border-top:1px solid #22383d;padding-top:11px}
.dl-concept-section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.dl-concept-section-title small{color:#a7b8bb;font-size:9px;font-weight:950;letter-spacing:.16em}
.dl-concept-section-title small span{color:#6e8387}
.dl-concept-section-title button{border:0;background:transparent;color:var(--dl-teal);font-size:8px;font-weight:950}
.dl-shape-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.dl-shape-card{min-width:0;border:1px solid #1d3338;border-radius:10px;background:#081217;color:#f4ffff;padding:7px;text-align:center}
.dl-shape-card[data-selected="1"]{border-color:var(--dl-teal);box-shadow:inset 0 0 0 1px rgba(39,224,210,.25),0 0 20px rgba(39,224,210,.05)}
.dl-shape-card:disabled{opacity:.34}
.dl-shape-card>div{height:64px;display:grid;place-items:center}
.dl-shape-card .dl-part-preview-svg{max-height:58px}
.dl-shape-card strong{display:block;margin-top:2px;font-size:9px}
.dl-shape-card small{display:block;margin-top:3px;color:#758a8f;font-size:7px}
.dl-spec-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.dl-spec-card-grid article{min-height:92px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid #1d343a;border-radius:10px;background:#081217;text-align:center;padding:8px}
.dl-spec-card-grid span{color:#9fb4b8;font-size:18px}
.dl-spec-card-grid b{font-size:18px}
.dl-spec-card-grid small{color:#71868a;font-size:8px}
.dl-spec-card-grid article[data-ok="1"] b{color:#83fff3}
.dl-spec-card-grid article[data-ok="0"] b{color:#ff9ca3}
.dl-spec-truth{margin-top:7px;padding:8px 10px;border:1px solid #19343a;border-radius:8px;background:#071217;display:grid;gap:3px}
.dl-spec-truth b{color:#7afff3;font-size:8px;letter-spacing:.08em}
.dl-spec-truth span{color:#748c90;font-size:8px;line-height:1.4}

.dl-concept-save{display:flex;gap:12px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid #172f35}
.dl-concept-save .dl-build-meta{margin:0;grid-template-columns:minmax(260px,1fr) minmax(200px,.7fr);flex:1}
.dl-concept-save-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dl-concept-save-actions button{min-height:44px;border:1px solid #294b52;border-radius:10px;background:#0b2025;color:#e8f6f5;padding:0 14px;font-size:9px;font-weight:950;letter-spacing:.06em}
.dl-concept-save-actions .dl-save-main{min-width:160px;border-color:var(--dl-teal);background:var(--dl-teal);color:#031315}

@media(max-width:1180px){
  .dl-concept-hero{grid-template-columns:1fr}
  .dl-concept-promises{padding-top:0}
  .dl-concept-stage{min-height:280px}
  .dl-component-row{grid-template-columns:repeat(2,1fr)}
  .dl-concept-lower{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dl-head{min-height:58px}.dl-head-active{display:none}
  .dl-concept{padding:0 10px 30px}
  .dl-concept-hero{padding-top:22px}
  .dl-concept-title h1{font-size:48px}
  .dl-concept-title p{font-size:19px}
  .dl-concept-promises{grid-template-columns:1fr}
  .dl-concept-promises>div{border-top:0;border-bottom:1px solid #15292e}
  .dl-concept-stage{min-height:200px;padding:4px 4px 18px}
  .dl-concept-dart .dl-realistic-dart{max-height:175px}
  .dl-component-row{grid-template-columns:1fr}
  .dl-component-card{display:grid;grid-template-columns:1fr 105px}
  .dl-component-card header,.dl-component-copy{grid-column:1}
  .dl-component-thumb{grid-column:2;grid-row:1/3;height:auto}
  .dl-product-drawer-head{align-items:stretch;flex-direction:column}
  .dl-product-drawer-tools{align-items:stretch;flex-direction:column}
  .dl-product-drawer-tools input{min-width:0;width:100%}
  .dl-shape-grid{grid-template-columns:repeat(2,1fr)}
  .dl-spec-card-grid{grid-template-columns:repeat(2,1fr)}
  .dl-concept-save{align-items:stretch;flex-direction:column}
  .dl-concept-save .dl-build-meta{grid-template-columns:1fr;width:100%}
  .dl-concept-save-actions{justify-content:stretch}
  .dl-concept-save-actions button{flex:1}
}


/* Dart Lab v6 — real manufacturer media */
.dl-real-product-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;background:transparent;filter:drop-shadow(0 9px 8px rgba(0,0,0,.38))}
.dl-part-tile-media{grid-row:1/4;width:74px;height:66px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:radial-gradient(circle at center,rgba(255,255,255,.05),transparent 72%);padding:4px}
.dl-part-tile-media .dl-part-preview-svg{width:100%;height:100%}
.dl-part-grid button{grid-template-columns:78px 1fr;min-height:126px}
.dl-photo-badge{display:inline-flex;align-items:center;padding:4px 6px;border:1px solid rgba(39,224,210,.36);border-radius:999px;background:rgba(39,224,210,.06);color:#7efff4;font-size:6px;font-weight:950;letter-spacing:.08em}
.dl-real-reference{margin-top:10px;padding:10px 0 0;border-top:1px solid #183037}
.dl-real-reference .dl-concept-section-title>span{color:#6f858a;font-size:8px}
.dl-real-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dl-real-reference-grid article{min-width:0;padding:8px;border:1px solid #1b3339;border-radius:10px;background:#071116}
.dl-real-reference-grid article>div{height:100px;display:grid;place-items:center;border-radius:8px;background:#f7f7f6;overflow:hidden}
.dl-real-reference-grid b{display:block;margin-top:7px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-real-reference-grid small{display:block;margin-top:3px;color:#71878b;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-component-thumb .dl-real-product-image{max-height:78px}
@media(max-width:900px){.dl-real-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dl-real-reference-grid{grid-template-columns:1fr}.dl-part-grid button{grid-template-columns:68px 1fr}.dl-part-tile-media{width:64px}}


.dl-concept-stage[data-has-photo="1"]{grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:12px;align-items:stretch;padding-right:8px}
.dl-concept-stage-main{position:relative;min-height:310px;display:grid;place-items:center;overflow:hidden}
.dl-stage-label{position:absolute;z-index:6;left:12px;top:10px;display:grid;gap:2px}
.dl-stage-label b{color:#dce9ea;font-size:7px;letter-spacing:.12em}
.dl-stage-label span{color:#617b80;font-size:7px}
.dl-hero-photo-reference{position:relative;z-index:7;align-self:center;min-width:0;display:grid;gap:6px;padding:10px;border:1px solid rgba(39,224,210,.23);border-radius:12px;background:linear-gradient(180deg,rgba(8,21,25,.96),rgba(5,13,16,.98));box-shadow:0 20px 50px rgba(0,0,0,.3)}
.dl-hero-photo-reference header{display:flex;justify-content:space-between;gap:8px;align-items:center}
.dl-hero-photo-reference header span{color:#78fff4;font-size:6.5px;font-weight:950;letter-spacing:.11em}
.dl-hero-photo-reference header b{color:#879ca0;font-size:6.5px;letter-spacing:.08em}
.dl-hero-photo-image{height:150px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#f5f5f3;padding:6px}
.dl-hero-photo-image .dl-real-product-image{max-width:100%;max-height:100%;object-fit:contain;filter:none}
.dl-hero-photo-reference>strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-hero-photo-reference>small{color:#7d9498;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-hero-photo-reference>p{margin:1px 0 0;color:#607a7e;font-size:7.5px;line-height:1.35}
@media(max-width:1050px){.dl-concept-stage[data-has-photo="1"]{grid-template-columns:1fr}.dl-hero-photo-reference{width:min(100%,560px);justify-self:center}.dl-hero-photo-image{height:120px}.dl-concept-stage-main{min-height:230px}}


.dl-product-filters{display:flex;gap:6px;overflow-x:auto;padding:8px 10px 0;scrollbar-width:none}
.dl-product-filters::-webkit-scrollbar{display:none}
.dl-product-filters button{flex:0 0 auto;min-height:30px;padding:0 9px;border:1px solid #213c42;border-radius:999px;background:#071216;color:#7f969a;font-size:7px;font-weight:950;letter-spacing:.06em}
.dl-product-filters button[data-active="1"]{border-color:rgba(39,224,210,.5);background:rgba(39,224,210,.08);color:#77fff3}
.dl-product-filters button[data-dl-real-only]{margin-left:auto;border-color:rgba(255,255,255,.14)}
.dl-product-filters button[data-dl-real-only][data-active="1"]{border-color:var(--dl-teal);color:var(--dl-teal)}


/* Dart Lab v7.1 — assembled dart is the hero */
.dl-concept-stage{
  min-height:500px;
  padding:8px 12px 28px;
}
.dl-concept-stage[data-has-photo="1"]{
  grid-template-columns:minmax(0,1fr) minmax(220px,280px);
  gap:14px;
  padding-right:8px;
}
.dl-concept-stage-main{
  min-height:470px;
}
.dl-concept-dart{
  width:100%;
  padding:0 4px;
}
.dl-concept-dart .dl-realistic-dart{
  width:100%;
  max-width:none;
  max-height:410px;
}
.dl-hero-photo-reference{
  align-self:center;
}
.dl-hero-photo-image{
  height:132px;
}

@media(max-width:1180px){
  .dl-concept-stage{min-height:390px}
  .dl-concept-stage-main{min-height:360px}
  .dl-concept-dart .dl-realistic-dart{max-height:310px}
}
@media(max-width:1050px){
  .dl-concept-stage[data-has-photo="1"]{grid-template-columns:1fr}
  .dl-concept-stage-main{min-height:340px}
  .dl-concept-dart .dl-realistic-dart{max-height:290px}
  .dl-hero-photo-reference{width:min(100%,520px);justify-self:center}
}
@media(max-width:760px){
  .dl-concept-stage{min-height:275px;padding:4px 2px 18px}
  .dl-concept-stage-main{min-height:250px}
  .dl-concept-dart .dl-realistic-dart{max-height:220px}
}
@media(max-width:430px){
  .dl-concept-stage{min-height:245px}
  .dl-concept-stage-main{min-height:225px}
  .dl-concept-dart .dl-realistic-dart{max-height:198px}
}


/* Dart Lab v7.2 — full-width hero preview after real-device review */
.dl-concept-stage,
.dl-concept-stage[data-has-photo="1"]{
  grid-template-columns:1fr!important;
  min-height:520px;
  padding:8px 0 30px;
}
.dl-concept-stage-main{
  width:100%;
  min-width:0;
  min-height:490px;
  overflow:visible;
}
.dl-concept-dart{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.dl-concept-dart .dl-realistic-dart{
  width:min(96vw,1600px)!important;
  max-width:none!important;
  max-height:none!important;
  height:auto!important;
  flex:0 0 auto;
}
.dl-hero-photo-reference{
  display:none!important;
}
.dl-real-reference{
  margin-top:4px;
}
@media(max-width:1180px){
  .dl-concept-stage,
  .dl-concept-stage[data-has-photo="1"]{min-height:400px}
  .dl-concept-stage-main{min-height:370px}
  .dl-concept-dart .dl-realistic-dart{width:min(95vw,1250px)!important}
}
@media(max-width:760px){
  .dl-concept-stage,
  .dl-concept-stage[data-has-photo="1"]{min-height:275px;padding:2px 0 14px}
  .dl-concept-stage-main{min-height:250px}
  .dl-concept-dart .dl-realistic-dart{width:97vw!important}
}
@media(max-width:430px){
  .dl-concept-stage,
  .dl-concept-stage[data-has-photo="1"]{min-height:240px}
  .dl-concept-stage-main{min-height:220px}
}
