.penalty-duel-page{--color-bg: #07160e;--color-surface: #0d2818;--color-text: #e8f0e2;--color-text-muted: #7fa882;--pd-gold: #f5c542;--pd-gold-dim: #c49a22;--pd-gold-bright: #ffd94a;--pd-green-deep: #0d2818;--pd-green-mid: #133d20;--pd-green-turf: #1a5c2a;--pd-green-bright: #2e8b47;--pd-post-white: #d4e8c8;--pd-zone-hover: rgba(245, 197, 66, .18);--pd-zone-active: rgba(245, 197, 66, .38);--pd-radius: 6px;--pd-border-turf: #1a4a28;--pd-border-keep: #2a5a36;--pd-dot-border: #3a6a44;--pd-dot-keep: #2a5a3a;--pd-dot-save-bg: #2e4a36;--pd-dot-miss-bg: #3a2a1a;--pd-dot-miss-border: #6a4a2a;--pd-meter-bg: #0a2014;--pd-page-bg-deep: #07160e;--pd-text-dark: #0a1408;--pd-miss-red-border: #8b4444;--pd-miss-red-text: #e08888;--pd-ball-hi: #fff;--pd-ball-mid: #e8e8e0;--pd-ball-shadow: #c8c8b0;--color-card: #0d2818;--color-border: #1a4a28;background:var(--color-bg);color:var(--color-text)}.penalty-duel-page .tool-frame{max-width:960px;margin-inline:auto;padding-inline:16px}.penalty-duel-page .page-title{color:var(--pd-gold);font-size:clamp(1.4rem,4vw,2rem);letter-spacing:.01em;margin:0}.penalty-duel-page .page-subtitle{color:var(--color-text-muted);font-size:.92rem;margin-top:4px}.penalty-duel-page .tool-header-block{padding-block:10px 4px}.pd-ui{position:relative;display:flex;flex-direction:column;gap:0;max-width:900px;margin-inline:auto;border-radius:10px;overflow:hidden;background:var(--pd-green-deep);border:1.5px solid var(--pd-border-turf);box-shadow:0 0 60px #f5c5420a,inset 0 0 40px #0006}.pd-hud{display:flex;align-items:center;gap:10px;padding:10px 16px 8px;background:#0000004d;border-bottom:1px solid var(--pd-border-turf);flex-wrap:nowrap}.pd-hud-rounds{display:flex;gap:3px;flex:1;min-width:0;flex-wrap:nowrap;overflow:visible;align-items:center}.pd-round-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--pd-dot-border);background:transparent;transition:background .25s,border-color .25s;flex-shrink:0}.pd-round-dot--keep{border-color:var(--pd-dot-keep);border-style:dashed}.pd-round-dot[data-result=goal]{background:var(--pd-gold);border-color:var(--pd-gold)}.pd-round-dot[data-result=save]{background:var(--pd-dot-save-bg);border-color:var(--pd-dot-border)}.pd-round-dot[data-result=miss]{background:var(--pd-dot-miss-bg);border-color:var(--pd-dot-miss-border)}.pd-round-dot[data-result=current]{border-color:var(--pd-gold);box-shadow:0 0 6px var(--pd-gold);animation:pd-dot-pulse 1s infinite}@keyframes pd-dot-pulse{0%,to{opacity:1}50%{opacity:.5}}.pd-hud-score{display:flex;align-items:center;gap:6px;font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.pd-score-you{color:var(--pd-gold)}.pd-score-sep{color:var(--color-text-muted);font-size:1.1rem}.pd-score-ai{color:var(--color-text-muted)}.pd-hud-phase{font-size:.875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:right;min-width:60px}.pd-taunt-ribbon{background:#0006;border-bottom:1px solid var(--pd-border-turf);padding:7px 16px;min-height:36px;display:flex;align-items:center}.pd-taunt-text{font-size:.875rem;color:var(--pd-gold);font-style:italic;opacity:.9;line-height:1.4;transition:opacity .3s}.pd-pitch-row{display:flex;align-items:flex-start;gap:0;position:relative}.pd-mind-meter{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 12px 12px;background:#00000040;border-right:1px solid var(--pd-border-turf);min-width:52px;width:52px;flex-shrink:0;user-select:none}.pd-mind-meter-label{font-size:.875rem;color:var(--pd-gold-bright);font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,0,0,.8);writing-mode:vertical-rl;text-orientation:mixed}.pd-mind-meter-track{flex:1;min-height:80px;width:14px;background:var(--pd-meter-bg);border-radius:8px;border:1px solid var(--pd-border-turf);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.pd-mind-meter-fill{width:100%;background:linear-gradient(to top,#3a6a8a,#5aa0c0);border-radius:8px;transition:height .6s cubic-bezier(.34,1.56,.64,1),background .4s;position:absolute;bottom:0;left:0}.pd-mind-meter-fill[data-lock=warm]{background:linear-gradient(to top,var(--pd-gold-dim),var(--pd-gold))}.pd-mind-meter-fill[data-lock=hot]{background:linear-gradient(to top,var(--pd-gold),var(--pd-gold-bright));box-shadow:0 0 10px #f5c54299}.pd-mind-meter-pct{font-size:.72rem;color:var(--pd-gold-bright);font-variant-numeric:tabular-nums;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8)}.pd-mind-guess{font-size:.58rem;color:var(--color-text-muted);text-align:center;min-height:14px;word-break:break-all}.pd-goal-area{flex:1;position:relative;aspect-ratio:4 / 3;min-height:190px;overflow:hidden;cursor:default;background:radial-gradient(ellipse 70% 55% at 50% -8%,rgba(245,197,66,.16) 0%,transparent 62%),radial-gradient(circle 40% at 4% 2%,rgba(245,197,66,.14) 0%,transparent 55%),radial-gradient(circle 40% at 96% 2%,rgba(245,197,66,.14) 0%,transparent 55%),linear-gradient(180deg,var(--pd-green-turf) 0%,var(--pd-green-mid) 62%,var(--pd-green-deep) 100%)}.pd-goal-area:before,.pd-goal-area:after{content:"";position:absolute;top:-6px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,rgba(255,247,214,.95) 0%,rgba(245,197,66,.55) 40%,transparent 72%);box-shadow:0 0 24px 6px #f5c54259;pointer-events:none;z-index:2;animation:pd-flood-flicker 4.5s ease-in-out infinite}.pd-goal-area:before{left:-4px}.pd-goal-area:after{right:-4px;animation-delay:1.6s}@keyframes pd-flood-flicker{0%,to{opacity:.9}48%{opacity:1}52%{opacity:.82}}.pd-net-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.pd-zones{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);z-index:5}.pd-zone{background:transparent;border:none;border-right:1px solid rgba(212,232,200,.1);border-bottom:1px solid rgba(212,232,200,.1);cursor:pointer;position:relative;touch-action:manipulation;min-height:48px;transition:background .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}.pd-zone:last-child,.pd-zone:nth-child(3){border-right:none}.pd-zone:nth-child(4),.pd-zone:nth-child(5),.pd-zone:nth-child(6){border-bottom:none}.pd-zone:hover{background:var(--pd-zone-hover);box-shadow:inset 0 0 0 1px #f5c54240}.pd-zone[data-selected]{background:var(--pd-zone-active);box-shadow:inset 0 0 0 2px var(--pd-gold)}.pd-zone[data-result=goal]{background:#f5c54238;box-shadow:inset 0 0 0 2px var(--pd-gold)}.pd-zone[data-result=save]{background:#52c4622e;box-shadow:inset 0 0 0 2px var(--pd-green-bright)}.pd-zone[data-result=miss]{background:#b43c2829;box-shadow:inset 0 0 0 2px var(--pd-miss-red-border)}.pd-zone:disabled,.pd-zone[disabled]{cursor:not-allowed;opacity:.92}.pd-zone-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#ffffffbf;font-weight:700;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;transition:color .1s;text-shadow:0 1px 4px rgba(0,0,0,.7)}.pd-zone:hover .pd-zone-label,.pd-zone[data-selected] .pd-zone-label{color:var(--pd-gold);text-shadow:0 0 8px rgba(245,197,66,.5)}.pd-zone-reticle{position:absolute;top:50%;left:50%;width:28px;height:28px;border:2px solid var(--pd-gold);border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:opacity .15s;pointer-events:none}.pd-zone[data-selected] .pd-zone-reticle{opacity:1;animation:pd-reticle-pulse .5s ease-out forwards}@keyframes pd-reticle-pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}60%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.pd-ball{position:absolute;bottom:18%;left:50%;transform:translate(-50%);width:28px;height:28px;z-index:10;pointer-events:none;will-change:left,bottom,transform}.pd-ball-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--pd-ball-hi) 0%,var(--pd-ball-mid) 40%,var(--pd-ball-shadow) 100%);box-shadow:0 2px 8px #00000080;position:relative}.pd-ball-inner:after{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 30% 30%,transparent 20%,rgba(0,0,0,.08) 70%)}.pd-ball[data-state=wobble] .pd-ball-inner{animation:pd-wobble .42s ease-out}@keyframes pd-wobble{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-3px) rotate(-8deg)}35%{transform:translate(3px) rotate(7deg)}55%{transform:translate(-2px) rotate(-5deg)}75%{transform:translate(2px) rotate(3deg)}}.pd-comet-trail{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0}.pd-ball[data-comet=on] .pd-comet-trail{opacity:1}.pd-ball[data-comet=on] .pd-comet-trail:before{content:"";position:absolute;left:50%;top:50%;width:64px;height:13px;transform:translate(-92%,-50%) scaleX(1);transform-origin:100% 50%;border-radius:50%;background:linear-gradient(to left,rgba(255,255,255,.85) 0%,rgba(245,197,66,.55) 28%,rgba(245,197,66,.12) 62%,transparent 100%);filter:blur(1.5px);animation:pd-comet-flick .5s ease-out}@keyframes pd-comet-flick{0%{opacity:0;transform:translate(-92%,-50%) scaleX(.4)}35%{opacity:1;transform:translate(-92%,-50%) scaleX(1.05)}to{opacity:.85;transform:translate(-92%,-50%) scaleX(1)}}.pd-net-ripple{position:absolute;width:54px;height:54px;margin-left:-27px;margin-bottom:-27px;border-radius:50%;pointer-events:none;z-index:6;background:radial-gradient(circle,rgba(255,255,255,.28) 0%,rgba(255,255,255,.1) 38%,transparent 68%);box-shadow:0 0 0 1px #ffffff2e inset;animation:pd-net-ripple .65s cubic-bezier(.2,.7,.3,1) forwards}.pd-net-ripple[data-kind=save]{background:radial-gradient(circle,rgba(82,196,98,.3) 0%,rgba(82,196,98,.1) 40%,transparent 68%)}@keyframes pd-net-ripple{0%{transform:scale(.25);opacity:0}25%{opacity:1}to{transform:scale(1.7);opacity:0}}.pd-keep-armed{position:absolute;width:34px;height:34px;margin-left:-17px;margin-bottom:-17px;border:2px solid var(--pd-gold);border-radius:50%;pointer-events:none;z-index:7;box-shadow:0 0 10px #f5c54299,inset 0 0 8px #f5c54259;animation:pd-keep-armed-in .45s cubic-bezier(.34,1.56,.64,1) forwards,pd-keep-armed-pulse .9s .45s infinite}.pd-keep-armed:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#f5c54280}@keyframes pd-keep-armed-in{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pd-keep-armed-pulse{0%,to{box-shadow:0 0 10px #f5c54299,inset 0 0 8px #f5c54259}50%{box-shadow:0 0 16px #f5c542e6,inset 0 0 10px #f5c54280}}.pd-keeper{position:absolute;top:6%;left:50%;--pd-keep-x: 0%;--pd-keep-y: 0px;--pd-keep-rot: 0deg;--pd-keep-scale: 1;transform:translate(-50%) translate(var(--pd-keep-x)) translateY(var(--pd-keep-y)) rotate(var(--pd-keep-rot)) scale(var(--pd-keep-scale));width:46px;height:62px;z-index:8;pointer-events:none;transition:top .42s cubic-bezier(.3,.9,.4,1),left .42s cubic-bezier(.3,.9,.4,1),transform .42s cubic-bezier(.3,.9,.4,1)}.pd-keeper[data-state=ready]{--pd-keep-y: 2px;--pd-keep-scale: .96;transition:transform .22s ease-out}.pd-keeper[data-dive=TL]{left:16%;--pd-keep-rot: -42deg;top:calc(30% - 31px)}.pd-keeper[data-dive=TM]{left:50%;--pd-keep-rot: 0deg;top:calc(30% - 31px);--pd-keep-y: -4px}.pd-keeper[data-dive=TR]{left:84%;--pd-keep-rot: 42deg;top:calc(30% - 31px)}.pd-keeper[data-dive=BL]{left:16%;--pd-keep-rot: -68deg;top:calc(80% - 31px)}.pd-keeper[data-dive=BM]{left:50%;--pd-keep-rot: 0deg;top:calc(80% - 31px);--pd-keep-y: 4px}.pd-keeper[data-dive=BR]{left:84%;--pd-keep-rot: 68deg;top:calc(80% - 31px)}.pd-keeper[data-state=diving]{--pd-keep-scale: 1.05}.pd-keeper[data-state=caught]{filter:drop-shadow(0 0 8px rgba(82,196,98,.8)) brightness(1.5)}.pd-keeper[data-state=caught] .pd-keeper-glove{fill:#8ff0a0}.pd-keeper[data-state=beaten]{filter:brightness(.7) saturate(.6);opacity:.85}.pd-keeper[data-role=player] .pd-keeper-body{fill:var(--pd-gold-bright)}.pd-keeper[data-role=player] .pd-keeper-glove{fill:#fff}.pd-striker{position:absolute;bottom:10%;left:var(--pd-striker-left, 50%);transform:translate(-50%);width:40px;height:56px;z-index:9;pointer-events:none;transition:left .4s ease,transform .4s ease}.pd-striker:not([hidden]){display:block}.pd-striker-leg{transition:all .2s ease}.pd-hesitation-dot{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--pd-gold-bright);box-shadow:0 0 8px var(--pd-gold);opacity:0;display:none}.pd-hesitation-dot:not([hidden]){display:block;animation:pd-hesitate .5s ease-in-out 3}@keyframes pd-hesitate{0%,to{opacity:0;transform:translate(-50%) scale(.5)}50%{opacity:1;transform:translate(-50%) scale(1)}}.pd-result-flash{position:absolute;inset:0;display:none;align-items:center;justify-content:center;z-index:20;pointer-events:none;border-radius:0}.pd-result-flash:not([hidden]){display:flex;animation:pd-flash-in .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes pd-flash-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.pd-result-flash[data-result=goal]{background:#f5c5421f}.pd-result-flash[data-result=save]{background:#1e503259}.pd-result-flash[data-result=miss]{background:#3c14144d}.pd-result-flash-text{font-size:clamp(2rem,10vw,3.5rem);font-weight:900;letter-spacing:.04em;color:var(--pd-gold);text-shadow:0 0 20px rgba(245,197,66,.6)}.pd-light-sweep{position:absolute;inset:0;background:linear-gradient(135deg,#f5c54200,#f5c54259,#f5c54200);background-size:200% 200%;pointer-events:none;z-index:25;display:none}.pd-light-sweep:not([hidden]){display:block;animation:pd-light-sweep .9s ease-out forwards}@keyframes pd-light-sweep{0%{background-position:-100% -100%;opacity:0}25%{opacity:1}to{background-position:200% 200%;opacity:0}}.pd-keep-zones-panel{background:#00000040;border-top:1px solid var(--pd-border-turf);padding:10px 12px;display:none}.pd-keep-zones-panel:not([hidden]){display:block}.pd-keep-zones-hint{font-size:.75rem;color:var(--pd-gold);margin-bottom:8px;text-align:center;letter-spacing:.05em;font-weight:600}.pd-keep-zones{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px}.pd-keep-zone{min-height:52px;background:#0d2818cc;border:1.5px solid var(--pd-border-keep);border-radius:var(--pd-radius);color:var(--color-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;touch-action:manipulation;transition:background .1s,border-color .1s,color .1s;-webkit-tap-highlight-color:transparent}.pd-keep-zone:hover{background:var(--pd-zone-hover);border-color:var(--pd-gold);color:var(--pd-gold)}.pd-keep-zone[data-selected]{background:var(--pd-zone-active);border-color:var(--pd-gold);color:var(--pd-gold);box-shadow:0 0 8px #f5c5424d}.pd-keep-zone[data-result=save]{background:#f5c54233;border-color:var(--pd-gold);color:var(--pd-gold)}.pd-keep-zone[data-result=miss]{background:#b4282833;border-color:var(--pd-miss-red-border);color:var(--pd-miss-red-text)}.pd-keep-zone:disabled,.pd-keep-zone[disabled]{cursor:not-allowed;opacity:.5}.pd-power-bar-wrap{padding:10px 16px 12px;background:#00000040;border-top:1px solid var(--pd-border-turf)}.pd-power-bar-hint{font-size:.875rem;color:var(--pd-gold);margin-bottom:6px;font-weight:600;text-align:center}.pd-power-bar-track{--pd-power-bad: #b23a24;--pd-power-edge: #8a4a22;--pd-power-near: #3e7a44;--pd-power-sweet: #52c462;height:22px;background:linear-gradient(to right,var(--pd-power-bad) 0%,var(--pd-power-edge) 18%,var(--pd-power-near) 28%,var(--pd-power-sweet) 38%,var(--pd-power-sweet) 58%,var(--pd-power-near) 68%,var(--pd-power-edge) 82%,var(--pd-power-bad) 100%);border-radius:11px;position:relative;overflow:hidden;border:1px solid var(--pd-border-turf);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pd-power-bar-sweet{position:absolute;top:0;height:100%;width:36%;left:30%;border:2px solid rgba(255,255,255,.4);border-radius:9px;pointer-events:none}.pd-power-bar-cursor{position:absolute;top:0;width:4px;height:100%;background:#fff;border-radius:2px;transform:translate(-50%);box-shadow:0 0 6px #fffc;pointer-events:none;will-change:left}.pd-power-bar-instructions{font-size:.875rem;color:var(--color-text-muted);text-align:center;margin-top:5px}.pd-phase-banner{position:absolute;inset:0;background:#07160eed;display:none;align-items:center;justify-content:center;z-index:30;border-radius:9px}.pd-phase-banner:not([hidden]){display:flex;animation:pd-banner-in .4s ease-out}@keyframes pd-banner-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pd-phase-banner-inner{text-align:center;padding:24px 20px;max-width:320px}.pd-phase-banner-title{font-size:1.6rem;font-weight:800;color:var(--pd-gold);margin:0 0 8px;letter-spacing:.02em}.pd-phase-banner-sub{font-size:.9rem;color:var(--color-text-muted);margin:0 0 20px;line-height:1.5}.pd-phase-banner-btn{min-height:48px;padding-inline:32px;background:var(--pd-gold);color:var(--pd-text-dark);border:none;font-weight:700;font-size:1rem;border-radius:var(--pd-radius);cursor:pointer;touch-action:manipulation;transition:background .15s;-webkit-tap-highlight-color:transparent}.pd-phase-banner-btn:hover{background:var(--pd-gold-bright)}.pd-sudden-death{text-align:center;padding:6px 16px;background:linear-gradient(90deg,transparent,rgba(245,197,66,.15),transparent);color:var(--pd-gold);font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid rgba(245,197,66,.3);border-bottom:1px solid rgba(245,197,66,.3);display:none}.pd-sudden-death:not([hidden]){display:block;animation:pd-sd-pulse 1.5s infinite}@keyframes pd-sd-pulse{0%,to{opacity:1}50%{opacity:.55}}.pd-story-card{position:absolute;inset:0;background:linear-gradient(180deg,var(--pd-page-bg-deep) 0%,var(--pd-green-deep) 100%);display:none;flex-direction:column;align-items:stretch;z-index:40;overflow-y:auto;border-radius:9px;overscroll-behavior:contain}.pd-story-card:not([hidden]){display:flex;animation:pd-story-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes pd-story-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pd-story-card-inner{padding:20px 16px 16px;display:flex;flex-direction:column;gap:14px;min-height:100%}.pd-story-title{text-align:center}.pd-story-title-text{font-size:1.4rem;font-weight:800;color:var(--pd-gold);letter-spacing:.02em}.pd-story-scores{text-align:center;font-size:2rem;font-weight:800;color:var(--color-text);letter-spacing:.05em;font-variant-numeric:tabular-nums}.pd-story-grid-wrap{background:#0003;border:1px solid var(--pd-border-turf);border-radius:var(--pd-radius);padding:12px 8px;overflow-x:auto}.pd-story-grid{display:flex;flex-direction:column;gap:14px;min-width:240px}.pd-story-section{display:flex;flex-direction:column;gap:3px;border-left:3px solid var(--pd-gold-dim);padding-left:10px}.pd-story-section[data-side=keep]{border-left-color:var(--pd-green-bright)}.pd-story-section-head{font-size:.74rem;font-weight:700;color:var(--pd-gold);margin-bottom:4px;letter-spacing:.01em}.pd-story-section[data-side=keep] .pd-story-section-head{color:#7ed694}.pd-story-row{display:grid;grid-template-columns:1.8rem 1fr 1fr 2.6rem;gap:6px;align-items:center;font-size:.74rem}.pd-story-row--head{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.62rem;border-bottom:1px solid var(--pd-border-turf);padding-bottom:4px;margin-bottom:2px}.pd-story-cell--res{text-align:right;font-weight:700;font-size:.68rem}.pd-story-cell{padding:4px;border-radius:3px;text-align:center;font-weight:500;background:#ffffff08;color:var(--color-text-muted);font-size:.7rem}.pd-story-cell[data-hit=true]{background:#f5c5422e;color:var(--pd-gold);font-weight:700}.pd-story-cell[data-role=round]{color:var(--color-text-muted);background:transparent;font-size:.65rem}.pd-story-cell[data-goal=true]{color:var(--pd-gold)}.pd-story-cell[data-miss=true]{color:var(--pd-miss-red-text)}.pd-story-streak{text-align:center;font-size:.8rem;color:var(--color-text-muted)}.pd-story-streak strong{color:var(--pd-gold)}.pd-story-actions{display:flex;justify-content:center;padding-top:4px}.pd-rematch-btn{min-height:52px;padding-inline:40px;background:var(--pd-gold);color:var(--pd-text-dark);border:none;font-weight:800;font-size:1.05rem;border-radius:var(--pd-radius);cursor:pointer;touch-action:manipulation;transition:background .15s,transform .1s;letter-spacing:.02em;-webkit-tap-highlight-color:transparent}.pd-rematch-btn:hover{background:var(--pd-gold-bright)}.pd-rematch-btn:active{transform:scale(.97)}.pd-audio-toggle-wrap{display:flex;justify-content:flex-end;padding:0 12px;background:#0003;border-top:1px solid var(--pd-border-turf)}.pd-audio-btn{display:flex;align-items:center;gap:5px;min-height:44px;min-width:44px;background:transparent;border:none;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;padding:0 10px;border-radius:4px;transition:color .15s;-webkit-tap-highlight-color:transparent}.pd-audio-btn svg{width:18px;height:18px;flex-shrink:0}.pd-audio-btn:hover,.pd-audio-btn[aria-pressed=true]{color:var(--pd-gold)}.pd-audio-btn[aria-pressed=true] .pd-audio-on{opacity:1}.pd-audio-btn[aria-pressed=true] .pd-audio-off{opacity:0}.pd-audio-btn[aria-pressed=false] .pd-audio-on{opacity:.3}.pd-audio-btn[aria-pressed=false] .pd-audio-off{opacity:0}.pd-inline-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000000b3;color:var(--color-text-muted);font-size:.72rem;padding:3px 10px;border-radius:20px;white-space:nowrap;pointer-events:none;z-index:15;animation:pd-hint-fade 1.8s forwards}@keyframes pd-hint-fade{0%{opacity:0;transform:translate(-50%) translateY(6px)}20%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0}}@media(max-width:480px){.penalty-duel-page .tool-frame{padding-inline:8px}.pd-ui{border-radius:8px}.pd-mind-meter{min-width:40px;width:40px;padding:8px 5px 8px 7px}.pd-mind-meter-track{min-height:60px}.pd-mind-meter-label{font-size:.875rem}.pd-keep-zones{gap:5px}.pd-keep-zone{min-height:48px;font-size:.875rem}.pd-hud{padding:7px 8px 6px;gap:6px}.pd-hud-score{font-size:1.1rem}.pd-round-dot{width:8px;height:8px}.pd-hud-phase{font-size:.875rem;min-width:48px}.pd-result-flash-text{font-size:2.2rem}.pd-goal-area{min-height:140px}.pd-power-bar-wrap{padding:8px 10px 10px}.pd-power-bar-track{height:20px}}@media(min-width:768px){.pd-goal-area{min-height:200px}.pd-mind-meter-track{min-height:120px}.pd-keep-zone{min-height:56px;font-size:.85rem}}@media(prefers-reduced-motion:reduce){.pd-ball,.pd-ball-inner,.pd-keeper,.pd-striker,.pd-zone-reticle,.pd-result-flash,.pd-light-sweep,.pd-phase-banner,.pd-story-card,.pd-sudden-death,.pd-hesitation-dot,.pd-comet-trail,.pd-comet-trail:before,.pd-net-ripple,.pd-keep-armed,.pd-keep-armed:after,.pd-goal-area:before,.pd-goal-area:after{animation:none!important;transition:none!important}.pd-ball{transition:left .12s linear,bottom .12s linear!important}.pd-keeper{transition:top .12s linear,transform .12s linear!important}}