:root{--train-bg:#050b13;--train-panel:#0c1727;--train-card:#091321;--train-line:rgba(148,163,184,.18);--train-green:#31ea7a;--train-text:#f8fafc;--train-muted:#93a4b8;--train-red:#fb7185}
[hidden]{display:none!important}
*{box-sizing:border-box}body.dmc-page-training{margin:0;background:radial-gradient(circle at 4% 30%,rgba(14,165,233,.12),transparent 34%),radial-gradient(circle at 96% 26%,rgba(244,63,94,.12),transparent 32%),var(--train-bg);color:var(--train-text);font-family:Inter,system-ui,sans-serif}.training-page{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:22px 0 50px}.training-hero,.training-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--train-line);border-radius:24px;background:linear-gradient(110deg,rgba(49,234,122,.08),transparent 45%),var(--train-panel);padding:22px 24px}.training-hero h1,.training-workspace-head h2,.training-section-head h2{font-family:"Barlow Condensed",Impact,sans-serif;margin:2px 0;font-weight:800;letter-spacing:-.025em}.training-hero h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:.9}.training-hero p,.training-workspace-head p,.training-section-head p{margin:7px 0 0;color:var(--train-muted)}.training-kicker{display:block;color:var(--train-green);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.training-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:12px;padding:11px 15px;font:800 .88rem Inter,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}.training-button.primary{background:var(--train-green);color:#03110a}.training-button.secondary{background:#111f31;border-color:rgba(148,163,184,.24);color:#e2e8f0}.training-button.danger{background:rgba(127,29,29,.22);border-color:rgba(251,113,133,.45);color:#fecdd3}.training-button:disabled{opacity:.4;cursor:not-allowed}#trainingPlayerMount{margin:14px 0}.training-error{border:1px solid rgba(251,113,133,.45);background:rgba(127,29,29,.23);color:#fecdd3;border-radius:16px;padding:14px;margin:14px 0;font-weight:700}.training-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:25px 2px 12px}.training-section-head h2{font-size:1.8rem}.training-section-head.compact{margin:0 0 12px}.training-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.training-drill{position:relative;overflow:hidden;border:1px solid var(--train-line);border-radius:20px;background:linear-gradient(145deg,var(--drill-glow,rgba(49,234,122,.09)),transparent 42%),var(--train-card);padding:18px;min-height:238px;display:flex;flex-direction:column}.training-drill:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--drill-accent,var(--train-green))}.training-drill .group{color:var(--drill-accent,var(--train-green));font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.training-drill h3{font:800 2rem/1 "Barlow Condensed",Impact,sans-serif;margin:9px 0 8px}.training-drill p{color:var(--train-muted);line-height:1.48;margin:0 0 16px;flex:1}.training-drill-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.training-drill-pb small{display:block;color:#64748b;font-weight:800;text-transform:uppercase;font-size:.65rem}.training-drill-pb strong{font-size:1.1rem}.training-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.training-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid var(--train-line);border-radius:15px;background:var(--train-card);padding:12px 14px}.training-history-row strong,.training-history-row span{display:block}.training-history-row span{color:var(--train-muted);font-size:.78rem;margin-top:3px}.training-history-empty{color:var(--train-muted);border:1px dashed var(--train-line);border-radius:15px;padding:22px}.training-workspace-head{margin-bottom:14px}.training-workspace-head h2{font-size:2.4rem}.training-workspace-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.training-grid{display:grid;grid-template-columns:1.05fr 1.25fr .9fr;grid-template-rows:minmax(330px,48vh) minmax(210px,1fr);gap:13px}.training-card{border:1px solid var(--train-line);border-radius:22px;background:var(--train-panel);padding:20px;min-width:0}.training-target-card{display:flex;flex-direction:column}.training-target{font:800 clamp(6rem,12vw,11rem)/.84 "Barlow Condensed",Impact,sans-serif;letter-spacing:-.05em;margin:auto 0;color:#fff}.training-target-card p{color:var(--train-muted);font-size:1.05rem}.training-progress-track{height:12px;border-radius:999px;background:#172438;overflow:hidden;margin:16px 0 7px}.training-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--train-green),#38bdf8);transition:width .3s}.training-entry-card{display:flex;flex-direction:column}.training-hit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:auto 0}.training-hit-button{min-height:108px;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:#111f31;color:#fff;font:800 3.2rem "Barlow Condensed",Impact,sans-serif;cursor:pointer}.training-hit-button small{display:block;font:700 .75rem Inter,sans-serif;color:var(--train-muted)}.training-hit-button:hover{border-color:var(--train-green);background:rgba(49,234,122,.11)}.training-score-entry{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:auto 0}.training-score-display{grid-column:1/-1;border:1px solid rgba(49,234,122,.5);border-radius:18px;background:#06101d;color:#fff;text-align:center;font:800 5rem "Barlow Condensed",Impact,sans-serif;height:100px;width:100%;outline:none}.training-score-entry button{min-height:52px;border:1px solid var(--train-line);border-radius:12px;background:#111f31;color:#fff;font:800 1.25rem Inter,sans-serif;cursor:pointer}.training-score-entry .enter{grid-column:1/-1;background:var(--train-green);color:#03110a}.training-checkout-entry{display:grid;gap:12px;margin:auto 0}.training-checkout-entry>button{min-height:86px;border-radius:18px;font:800 2rem "Barlow Condensed",Impact,sans-serif;cursor:pointer}.training-checkout-entry .miss{border:1px solid rgba(251,113,133,.45);background:rgba(127,29,29,.22);color:#fecdd3}.training-checkout-entry .hit{border:1px solid var(--train-green);background:rgba(49,234,122,.15);color:#dcfce7}.training-darts-choice{display:flex;align-items:center;gap:10px;color:var(--train-muted)}.training-darts-choice select{flex:1;background:#07111f;color:#fff;border:1px solid var(--train-line);border-radius:10px;padding:10px}.training-save-status{color:var(--train-muted);font-size:.78rem;margin:12px 0 0}.training-score-card{background:radial-gradient(circle at 100% 0,rgba(49,234,122,.11),transparent 40%),var(--train-panel)}.training-live-score{display:block;font:800 clamp(5rem,9vw,8.5rem)/.9 "Barlow Condensed",Impact,sans-serif;margin:22px 0 0}.training-score-card>span:not(.training-kicker){color:var(--train-muted)}.training-mini-stats{display:grid;gap:7px;margin-top:28px}.training-mini-stats div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--train-line);padding-top:8px}.training-mini-stats small{color:var(--train-muted)}.training-trail-card{grid-column:1/-1;padding:15px 18px;overflow:hidden}.training-attempts{display:grid;grid-template-columns:repeat(10,minmax(90px,1fr));gap:8px;overflow-x:auto;padding-bottom:5px}.training-attempt{border:1px solid var(--train-line);border-radius:12px;background:#07111f;padding:10px}.training-attempt small,.training-attempt span{display:block;color:var(--train-muted);font-size:.68rem}.training-attempt strong{display:block;font:800 1.5rem "Barlow Condensed",Impact,sans-serif;margin:4px 0}.training-complete{margin-top:14px;border:1px solid rgba(49,234,122,.48);border-radius:22px;background:linear-gradient(115deg,rgba(49,234,122,.17),rgba(56,189,248,.07)),var(--train-panel);padding:24px;text-align:center}.training-complete h2{font:800 2.3rem "Barlow Condensed",Impact,sans-serif;margin:5px}.training-complete>strong{display:block;font:800 5rem "Barlow Condensed",Impact,sans-serif;color:var(--train-green)}.training-complete p{color:#cbd5e1}.training-complete div{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.training-complete.is-pb{box-shadow:0 0 45px rgba(49,234,122,.16)}
@media(max-width:1050px){.training-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.training-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.training-score-card{grid-column:1/-1}.training-target-card,.training-entry-card{min-height:390px}}
@media(max-width:720px){.training-page{width:min(100% - 18px,1500px);padding-top:10px}.training-hero,.training-workspace-head{align-items:flex-start;display:block;padding:17px}.training-hero .training-button{margin-top:14px}.training-catalog,.training-history,.training-grid{grid-template-columns:1fr}.training-workspace-actions{justify-content:flex-start;margin-top:13px}.training-card,.training-target-card,.training-entry-card{min-height:auto}.training-target{margin:36px 0}.training-score-card,.training-trail-card{grid-column:auto}.training-attempts{grid-template-columns:repeat(10,100px)}.training-history-row{grid-template-columns:1fr auto}.training-history-row .share-history{display:none}}
/* DMC_TRAINING_UAT:START */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.training-key-help{margin:9px 0 0;color:var(--train-muted);font-size:.76rem;line-height:1.4;text-align:center}
.training-score-display:focus{border-color:var(--train-green);box-shadow:0 0 0 4px rgba(49,234,122,.13)}
.training-checkout-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.training-checkout-summary>div{border:1px solid var(--train-line);border-radius:12px;background:#07111f;padding:9px;text-align:center}
.training-checkout-summary small,.training-checkout-summary strong{display:block}
.training-checkout-summary small{color:var(--train-muted);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.training-checkout-summary strong{font:800 1.65rem "Barlow Condensed",Impact,sans-serif;margin-top:2px}
.training-checkout-summary .remaining{border-color:rgba(49,234,122,.48);background:rgba(49,234,122,.08)}
.training-checkout-summary .remaining strong{color:var(--train-green)}
.training-current-visits{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.training-current-visits>span{border:1px solid var(--train-line);border-radius:999px;background:#07111f;color:#e2e8f0;padding:6px 9px;font-size:.72rem}
.training-current-visits small{color:var(--train-muted)}
.training-checkout-confirm{display:grid;gap:10px;text-align:center;margin:auto 0}
.training-checkout-confirm>strong{font:800 2rem "Barlow Condensed",Impact,sans-serif;color:var(--train-green)}
.training-checkout-confirm>p{margin:0;color:var(--train-muted)}
.training-checkout-confirm>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.training-checkout-confirm>div button{min-height:78px;border:1px solid rgba(49,234,122,.45);border-radius:14px;background:rgba(49,234,122,.11);color:#fff;font:800 2rem "Barlow Condensed",Impact,sans-serif;cursor:pointer}
.training-checkout-confirm>div small{display:block;color:var(--train-muted);font:700 .68rem Inter,sans-serif}
@media(max-width:720px){.training-workspace-actions .training-hub-back{width:100%;order:-1}.training-checkout-summary strong{font-size:1.45rem}.training-score-display{height:82px;font-size:4rem}.training-key-help{font-size:.72rem}}
/* DMC_TRAINING_UAT:END */
