.penalty-shootout-card{width:100%;max-width:28rem;margin:0 auto;border-radius:2rem;overflow:hidden;display:flex;flex-direction:column;user-select:none;position:relative;background:var(--bg-surface, #1e293b);border:2px solid var(--border-base, #334155);box-shadow:0 12px 40px #00000026}.theme-dark .penalty-shootout-card{background:var(--bg-surface, #0f172a);border-color:var(--border-base, #1e293b)}.ps-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-surface, #1e293b);border-bottom:1px solid var(--border-base, #334155)}.ps-bar-title{font-size:.85rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dimmed, #94a3b8)}.ps-team{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 1.25rem;gap:.75rem;position:relative;overflow:hidden;transition:background .2s ease,box-shadow .2s ease}.ps-team-a{background:linear-gradient(180deg,#ef44441f,#ef444405)}.ps-team-b{background:linear-gradient(180deg,#3b82f61f,#3b82f605)}.ps-team+.ps-team{border-top:2px solid var(--border-base, #334155)}.ps-team.ps-active-turn{box-shadow:inset 0 0 20px #ffffff14}.ps-team-a.ps-active-turn{border-left:4px solid #ef4444}.ps-team-b.ps-active-turn{border-left:4px solid #3b82f6}.ps-name{background:transparent;border:1px solid transparent;outline:none;text-align:center;font-size:1.1rem;font-weight:800;color:var(--text-base, #f8fafc);padding:.25rem .75rem;width:100%;max-width:14rem;border-radius:.5rem;letter-spacing:.02em;transition:background .15s,border-color .15s}.ps-name:focus{background:var(--bg-muted, rgba(255, 255, 255, .08));border-color:var(--border-base, #475569)}.ps-score{font-size:5.5rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em;transition:transform .12s;text-shadow:0 4px 20px rgba(0,0,0,.15)}.ps-score-a{color:#ef4444}.ps-score-b{color:#3b82f6}.ps-score-boom{animation:ps-goal-boom .5s cubic-bezier(.34,1.56,.64,1)}@keyframes ps-goal-boom{0%{transform:scale(1)}30%{transform:scale(1.5);filter:brightness(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}.ps-indicator-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:.25rem}.ps-circle{width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:900;border:2px solid var(--border-base, #475569);transition:transform .2s cubic-bezier(.34,1.56,.64,1);&.ps-pending{background:var(--bg-surface, #1e293b);color:var(--text-dimmed, #64748b)}&.ps-scored{background:#22c55e;color:#fff;border-color:#22c55e;box-shadow:0 4px 12px #22c55e66;transform:scale(1.1)}&.ps-missed{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef444466;transform:scale(1.1)}}.ps-status-banner{text-align:center;padding:.85rem 1rem;background:var(--bg-surface, #1e293b);border-top:1px solid var(--border-base, #334155);border-bottom:1px solid var(--border-base, #334155);font-weight:800;font-size:.95rem;color:var(--text-base, #f8fafc);letter-spacing:.02em;&.ps-winner{background:linear-gradient(135deg,#22c55e33,#22c55e0d);color:#22c55e;font-size:1.15rem}}.ps-controls{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1.25rem 1rem;background:var(--bg-surface, #1e293b)}.ps-btn-shoot{height:4rem;border-radius:1.25rem;border:none;cursor:pointer;font-size:1.2rem;font-weight:900;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .1s ease,box-shadow .15s ease}.ps-btn-goal{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 24px #22c55e59}.ps-btn-goal:active{transform:scale(.92)}.ps-btn-miss{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef444459}.ps-btn-miss:active{transform:scale(.92)}.ps-secondary-row{display:flex;justify-content:space-between;padding:.5rem 1rem 1.25rem;background:var(--bg-surface, #1e293b);border-top:1px solid var(--border-base, #334155)}.ps-btn-sub{background:transparent;border:none;color:var(--text-dimmed, #94a3b8);font-weight:700;font-size:.85rem;cursor:pointer;padding:.5rem .75rem;border-radius:.5rem;transition:background .15s,color .15s}.ps-btn-sub:hover{background:var(--bg-muted, rgba(255, 255, 255, .06));color:var(--text-base, #f8fafc)}.ps-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:10}.ps-p{position:absolute;font-weight:900;font-size:1.6rem;pointer-events:none;animation:ps-float .8s ease-out forwards}.ps-p-goal{color:#22c55e;text-shadow:0 0 16px rgba(34,197,94,.8)}.ps-p-miss{color:#ef4444;text-shadow:0 0 16px rgba(239,68,68,.8)}@keyframes ps-float{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-2.5rem) scale(1.5)}to{opacity:0;transform:translateY(-4rem) scale(.5)}}.ps-winner-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease;&.ps-winner-show{opacity:1;pointer-events:auto}}.ps-winner-backdrop{position:absolute;inset:0;background:#0f172acc;backdrop-filter:blur(8px)}.ps-winner-card{position:relative;background:var(--bg-surface, #1e293b);border:3px solid #eab308;border-radius:2rem;padding:2.5rem 3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:0 0 50px #eab30866;animation:ps-pop .5s cubic-bezier(.34,1.56,.64,1);z-index:1000}@keyframes ps-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.ps-trophy{font-size:3.5rem;font-weight:900;color:#eab308;text-shadow:0 0 20px rgba(234,179,8,.6);animation:ps-pulse-trophy 1.2s ease-in-out infinite alternate}@keyframes ps-pulse-trophy{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(1.15) rotate(3deg)}}.ps-winner-title{font-size:.9rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dimmed, #94a3b8)}.ps-winner-name{font-size:2.5rem;font-weight:900;color:#22c55e;text-shadow:0 2px 10px rgba(34,197,94,.3)}.ps-winner-details{font-size:1.1rem;font-weight:700;color:var(--text-base, #f8fafc)}.ps-winner-close-btn{margin-top:.75rem;padding:.75rem 2rem;border-radius:1rem;border:none;background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 4px 16px #eab30866;transition:transform .1s ease;&:active{transform:scale(.92)}}