.training-own-card{position:relative;width:100%;aspect-ratio:3/2;background:#fff;color:#14201b;overflow:hidden;font-family:"Arial Narrow","Liberation Sans",Arial,Helvetica,sans-serif;container-type:inline-size}
.training-own-card-brand,.training-own-card-title,.training-own-card-field-meta,.training-own-card-material,.training-own-card-flow,.training-own-card-variants,.training-own-card-goals,.training-own-card-questions,.training-own-card-legend{position:absolute;box-sizing:border-box;border-radius:.78cqw;overflow:hidden}
.training-own-card-brand{left:0;top:.39%;width:20.84%;height:6.65%;display:flex;align-items:center;padding:0 1.43cqw;background:linear-gradient(135deg,#0a638f,#06476f);color:#fff;font-size:2.1cqw;font-weight:900;white-space:nowrap;text-shadow:0 .08cqw .12cqw rgba(0,0,0,.16)}
.training-own-card-title{left:21.49%;top:.39%;width:50.13%;height:6.65%;display:flex;align-items:center;padding:0 1.3cqw;background:linear-gradient(135deg,#f2f7fb,#e2edf7);font-size:1.95cqw;font-weight:900;line-height:1.05}
.training-own-card-field-meta{left:72.07%;top:.39%;width:14.39%;height:8.01%;display:flex;flex-direction:column;justify-content:center;padding:0 1.05cqw;background:linear-gradient(135deg,#f5f9fc,#e2edf7);gap:.1cqw}
.training-own-card-field-meta strong{font-size:1.28cqw}.training-own-card-field-meta span{font-size:.88cqw;font-weight:800;line-height:1;overflow-wrap:anywhere}
.training-own-card-material{left:86.91%;top:.39%;width:13.02%;height:8.01%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 .85cqw;background:linear-gradient(135deg,#f5f9fc,#e2edf7);font-size:1cqw;font-weight:800;line-height:1.08}
.training-own-card-material strong{font-size:1.25cqw;margin-bottom:.22cqw}.training-own-card-material span{font-size:.98cqw}
.training-own-card-pitch{position:absolute;left:0;top:8.01%;width:76.82%;height:69.12%;overflow:hidden;border-radius:.8cqw;background:#369822}
.training-own-card-pitch>svg{display:block;width:100%;height:100%;object-fit:cover}
.training-own-card-empty-pitch{display:grid;place-items:center;width:100%;height:100%;background:#3f9a50;color:#fff;font-weight:800;font-size:2cqw}
.training-own-card-flow{left:77.47%;top:9.38%;width:22.46%;height:35.84%;background:linear-gradient(135deg,#f4f8fc,#e2edf7)}
.training-own-card-variants{left:77.47%;top:46.09%;width:22.46%;height:31.04%;background:linear-gradient(135deg,#f4f8fc,#e2edf7)}
.training-own-card-goals{left:0;top:77.54%;width:32.88%;height:22.36%;background:linear-gradient(135deg,#f4f8fc,#e2edf7)}
.training-own-card-questions{left:33.53%;top:77.54%;width:37.89%;height:22.36%;background:linear-gradient(135deg,#f4f8fc,#e2edf7)}
.training-own-card-legend{left:72.07%;top:77.54%;width:27.86%;height:22.36%;background:linear-gradient(135deg,#f4f8fc,#e2edf7)}
.training-own-card h3{height:4.1cqw;margin:0;padding:0 1.3cqw;display:flex;align-items:center;background:linear-gradient(135deg,#0a638f,#06476f);color:#fff;font-size:1.48cqw;line-height:1;font-weight:900;text-shadow:0 .07cqw .1cqw rgba(0,0,0,.18)}
.training-own-card-flow>div{padding:.78cqw .72cqw}
.training-own-card-step{display:grid;grid-template-columns:2.8cqw 1fr;gap:.62cqw;align-items:start;min-height:3.88cqw;margin-bottom:.18cqw}
.training-own-card-step b{display:grid;place-items:center;width:2.8cqw;height:2.8cqw;border-radius:50%;background:#07527d;color:#fff;font-size:1.38cqw;font-weight:900}
.training-own-card-step span{font-size:1.04cqw;line-height:1.16}
.training-own-card-flow.is-compact .training-own-card-step{grid-template-columns:2.48cqw 1fr;gap:.5cqw;min-height:3.35cqw;margin-bottom:.08cqw}.training-own-card-flow.is-compact .training-own-card-step b{width:2.48cqw;height:2.48cqw;font-size:1.22cqw}.training-own-card-flow.is-compact .training-own-card-step span{font-size:.9cqw;line-height:1.1}
.training-own-card-variants>div{margin:.58cqw .65cqw 0;padding:.45cqw .75cqw;border-radius:.55cqw;font-size:1.05cqw;line-height:1.19}
.training-own-card-variants .is-easier{background:#cde6b9}.training-own-card-variants .is-harder{background:#f4b9b6}
.training-own-card-variants strong{font-size:1.17cqw}.training-own-card-variants p{margin:.45cqw 0 0}
.training-own-card-list{margin:1.15cqw 1.1cqw 0;padding-left:1.42cqw;font-size:1.14cqw;line-height:1.32}
.training-own-card-goals small{position:absolute;left:1.15cqw;bottom:.8cqw;font-size:.72cqw;font-weight:700;color:#344}
.training-own-card-legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:.78cqw 1cqw;padding:1.05cqw 1.15cqw;font-size:1.02cqw}
.training-own-card-legend-item{display:flex;align-items:center;gap:.65cqw;min-width:0}
.training-own-card-legend-symbol{position:relative;display:inline-block;flex:0 0 1.7cqw;width:1.7cqw;height:1.55cqw}
.training-own-card-legend-symbol.is-blue,.training-own-card-legend-symbol.is-red{height:1.85cqw;background:#1557c0;clip-path:polygon(30% 5%,42% 0,58% 0,70% 5%,100% 25%,85% 48%,72% 38%,72% 100%,28% 100%,28% 38%,15% 48%,0 25%);filter:drop-shadow(.08cqw .12cqw .08cqw rgba(0,0,0,.35))}.training-own-card-legend-symbol.is-red{background:#e82d2d}
.training-own-card-legend-symbol.is-goal{height:1.28cqw;border:.13cqw solid #5f6870;background:repeating-linear-gradient(90deg,transparent 0 .34cqw,#9aa3a9 .34cqw .4cqw),repeating-linear-gradient(0deg,#fff 0 .28cqw,#9aa3a9 .28cqw .34cqw)}
.training-own-card-legend-symbol.is-cone{width:0;height:0;border-left:.6cqw solid transparent;border-right:.6cqw solid transparent;border-bottom:1.25cqw solid #f58220}
.training-own-card-legend-symbol.is-ball{border-radius:50%;background:#fff;border:.14cqw solid #17212a}
.training-own-card-legend-symbol.is-pass,.training-own-card-legend-symbol.is-run,.training-own-card-legend-symbol.is-dribble{width:2.05cqw;height:.18cqw;background:#111;margin-right:.2cqw;overflow:visible}
.training-own-card-legend-symbol.is-run{background:repeating-linear-gradient(90deg,#42515b 0 .45cqw,transparent .45cqw .75cqw)}
.training-own-card-legend-symbol.is-dribble{background:repeating-linear-gradient(90deg,#42515b 0 .25cqw,transparent .25cqw .5cqw)}
.training-own-card-legend-symbol.is-pass::after,.training-own-card-legend-symbol.is-run::after,.training-own-card-legend-symbol.is-dribble::after{content:"";position:absolute;right:-.08cqw;top:-.32cqw;border-left:.62cqw solid #111;border-top:.35cqw solid transparent;border-bottom:.35cqw solid transparent}
.training-own-card-builder .training-builder-preview-image{aspect-ratio:3/2!important;background:#fff!important}
.training-own-card-preview{position:relative;width:min(300px,38vw);height:auto;aspect-ratio:3/2!important;padding:0;border:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line);cursor:zoom-in}
.training-own-card-preview>[data-own-training-card]{position:absolute;inset:0}
.training-own-card-preview>.training-diagram-zoom{position:absolute;z-index:5;right:6px;bottom:6px}
.training-own-card-modal-card{width:min(1500px,100%);max-width:100%;max-height:96vh;overflow:auto}
.training-own-card-modal-visual{width:100%;aspect-ratio:3/2;background:#fff}
.training-own-card-modal-visual>[data-own-training-card]{width:100%;height:100%}
@media(max-width:700px){.training-own-card-preview{width:100%;max-width:none}.training-own-card-modal-card{width:100%;padding:10px;overflow-x:hidden}}
@media print{.training-own-card-preview{width:260px;box-shadow:none}.training-own-card-preview>.training-diagram-zoom{display:none!important}}

.training-fixed-media-card{container-type:inline-size}

.training-picker-card-image:has(.training-own-card-builder),
.training-picker-card-image:has(.training-own-card){
  height:auto!important;
  aspect-ratio:3/2!important;
  background:#eef3f6!important;
}
.training-picker-card-image .training-own-card-builder,
.training-picker-card-image .training-own-card-builder .training-builder-preview-image,
.training-picker-card-image .training-own-card{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}

/* Approved fixed own/FCE pilot card: render the exact raster card, not a rebuilt HTML card. */
.training-own-card.training-own-card-fixed-image{
  display:block;
  position:relative;
  width:100%;
  height:100%;
  aspect-ratio:3/2;
  background:#fff;
}
.training-own-card.training-own-card-fixed-image>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.training-own-card-fixed-preview>[data-own-training-card]{
  position:absolute;
  inset:0;
}