.pauseNotice{background:#efdb6920;color:#efdb69;border:1px solid #efdb6977;padding:12px;border-radius:5px;font-size:12px;margin:12px 0}
.zoneScale{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:20px 0 0}
.zoneScale>span{background:color-mix(in srgb,var(--zone) 12%,#111b18);border-top:4px solid var(--zone);padding:10px 3px;text-align:center;font:700 20px monospace;border-radius:4px;color:var(--zone);opacity:.6}
.zoneScale>span.current{opacity:1;outline:2px solid var(--zone);outline-offset:2px}
.zoneScale small{display:block;font:9px 'DM Sans',sans-serif;margin-top:5px;color:var(--cream)}
#zones span{background:color-mix(in srgb,var(--zone) 10%,transparent);color:var(--zone);border-top:3px solid var(--zone)}
#zones span small{display:block;font-size:8px;margin-top:4px}
#zones span.activeZone{background:color-mix(in srgb,var(--zone) 28%,transparent);box-shadow:inset 0 0 0 2px var(--zone)}
.shotPreview{border-color:var(--zone)}
.shotPreview .eyebrow,.shotPreview h3{color:var(--zone)}
.executionResults{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.executionCard{background:var(--bg);padding:15px 12px;border:1px solid var(--line);border-radius:5px;min-width:0}
.executionCard>span{color:var(--muted);font-size:11px}
.executionCard.winner{border-color:var(--feedback);box-shadow:0 0 16px color-mix(in srgb,var(--feedback) 14%,transparent)}
.executionRating strong{display:block;color:var(--feedback);font-size:15px;margin:14px 0 5px}
.executionRating b{font:700 24px monospace;color:var(--cream)}
.precisionTrack{height:22px;background:#713d4233;position:relative;margin-top:22px;border-radius:4px}
.precisionBand{height:100%;position:absolute;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#ffa662 0% 20%,#efdb69 20% 35%,#6dd3a6 35% 45%,#69b5f4 45% 55%,#6dd3a6 55% 65%,#efdb69 65% 80%,#ffa662 80% 100%);opacity:.55;border-radius:3px}
.precisionCenter{position:absolute;left:50%;height:30px;top:-4px;border-left:1px dashed white}
.precisionMarker{position:absolute;top:-5px;width:4px;height:32px;border-radius:3px;background:var(--feedback);transform:translateX(-50%);box-shadow:0 0 0 2px #111b18;animation:markerAppear .45s ease-out}
.precisionLabels{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin:8px 0 16px}
.executionCard>small{font-size:10px;color:var(--muted);display:block;line-height:1.5}
.finalScore{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.finalScore>span{display:block;font-size:10px;color:var(--muted)}
.finalScore b{font:700 28px monospace;display:block;margin:6px 0;color:var(--cream)}
.finalScore em{font-style:normal;font-size:9px;color:var(--muted);letter-spacing:1px}
.winner .finalScore em{color:var(--feedback)}
.resultHeadline.attackWin{color:var(--lime)}.resultHeadline.defenseWin{color:var(--blue)}
.tacticalSummary{padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:5px;margin:16px 0;font-size:11px}
.tacticalSummary strong{letter-spacing:1px;font-size:10px}
.tacticalSummary p{margin:8px 0;color:var(--muted)}
.tacticalSummary b{display:block;font:700 18px monospace;margin:8px 0}
.tacticalSummary small{display:block;color:var(--muted);line-height:1.6}
.readCorrect{border-color:var(--blue)}.readCorrect strong,.readCorrect b{color:var(--blue)}
.readWrong{border-color:var(--lime)}.readWrong strong,.readWrong b{color:var(--lime)}
.neutral strong{color:var(--muted)}
.scoreBreakdown{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 14px}
.scoreDetails{font-size:10px;color:var(--muted);margin:10px 0}.scoreDetails summary{cursor:pointer}
.fieldinfo .counterActive{color:#ffa662;font-weight:700}
.tacticalSummary{padding:10px 12px}.tacticalSummary p{font-size:10px}.executionCard{padding:12px 10px}
.executionRating b{font-size:20px}.executionRating>small{display:block;font-size:9px;color:var(--muted);margin-top:6px}
@keyframes markerAppear{from{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@media(prefers-reduced-motion:reduce){.precisionMarker{animation:none}}
@media(max-width:420px){.executionResults{gap:8px}.executionCard{padding:14px 9px}.executionRating strong{font-size:13px}.zoneScale small{font-size:8px}}