.penalty-card{border:1px solid #c7a657;background:#0e2928;border-radius:16px;padding:16px;margin:16px 0;color:#f3f5ec}
.penalty-card h2,.penalty-card h3{margin:0 0 8px;color:#f3f5ec}.penalty-card p{line-height:1.45}.penalty-card button,.penalty-card select{min-height:48px}
.penalty-score{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;margin:14px 0}
.penalty-score strong{font-size:1.7rem;color:#f2d083}.penalty-order{display:grid;gap:10px}.penalty-order label{display:grid;gap:5px;font-size:.9rem;font-weight:700}
.penalty-goal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(60px,1fr));gap:8px;padding:12px 10px 8px;border:4px solid #dce9df;border-bottom:0;border-radius:12px 12px 2px 2px;background:repeating-linear-gradient(90deg,#e3f2e81a 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,#e3f2e81a 0 1px,transparent 1px 28px),#183d38;margin:12px 0 16px}
.penalty-zone{border:1px solid #9ab0a2;border-radius:9px;background:#0a2422;color:#fff;padding:8px 4px;font:inherit;font-size:.86rem;font-weight:700;line-height:1.15;cursor:pointer;min-width:0}
.penalty-zone[data-zone="left_high"]{grid-area:1/1}.penalty-zone[data-zone="right_high"]{grid-area:1/3}.penalty-zone[data-zone="center"]{grid-area:1/2/3/3;align-self:center}.penalty-zone[data-zone="left_low"]{grid-area:2/1}.penalty-zone[data-zone="right_low"]{grid-area:2/3}
.penalty-zone[aria-pressed="true"]{color:#10291f;background:#f3d37b;border:3px solid #fff;box-shadow:0 0 0 2px #856326}.penalty-card :focus-visible{outline:3px solid #fff;outline-offset:3px}
.penalty-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.penalty-actions button{flex:1;min-width:180px}.penalty-result{padding:12px;border-radius:10px;background:#214940}.penalty-history{margin:10px 0 0;padding-left:1.4em}.penalty-history li{padding:4px 0}.penalty-wait{font-weight:700;color:#f5d68c}.penalty-field{display:grid;gap:6px;margin:12px 0}
@media (max-width:360px){.penalty-card{padding:12px}.penalty-goal{gap:5px;padding:8px 6px}.penalty-zone{font-size:.75rem}.penalty-score{font-size:1rem}.penalty-score strong{font-size:1.4rem}}