.game-page[data-game-id="penalty-kicks"]{padding-top:14px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(430px,.65fr);column-gap:14px;row-gap:4px}
.game-page[data-game-id="penalty-kicks"]>.crumbs{grid-column:1/-1}
.game-page[data-game-id="penalty-kicks"]>h1{grid-column:1;grid-row:2;margin:8px 0 0;font-size:clamp(2.55rem,3vw,3.25rem);white-space:nowrap}
.game-page[data-game-id="penalty-kicks"]>.lede{grid-column:1;grid-row:3;margin:0;font-size:.78rem;line-height:1.38}
.game-page[data-game-id="penalty-kicks"]>.play-layout,.game-page[data-game-id="penalty-kicks"]>.play-layout>section{display:contents}
.game-page[data-game-id="penalty-kicks"] .mode-bar{grid-column:2;grid-row:2/4;margin:8px 0 0}
.game-page[data-game-id="penalty-kicks"] .mode-bar>div{display:grid;align-content:center;padding:9px 12px}
.game-page[data-game-id="penalty-kicks"] .mode-bar h2{margin-bottom:7px;font-size:1.05rem}
.game-page[data-game-id="penalty-kicks"] .difficulty button{padding:7px 4px}
.game-page[data-game-id="penalty-kicks"] .game-shell{grid-column:1/-1;grid-row:4;margin-top:2px}
.game-page[data-game-id="penalty-kicks"]>.game-info{grid-column:1/-1;grid-row:5}
.game-shell:has(.pk-game){min-height:0;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;background:linear-gradient(#03101ce8,#03101cf4),url('/assets/covers/penalty-kicks.webp') center/cover no-repeat}
.game-shell:has(.pk-game) .game-root{min-height:0}
.game-shell:has(.pk-game) .game-status{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding:8px 12px;border:1px solid #38566d;background:#04111ff2}
.game-shell:has(.pk-game) .game-status strong{max-width:68%}
.game-shell:has(.pk-game) .game-tools{flex-direction:row;padding:0}
.game-shell:has(.pk-game) .game-tools button{flex:1;padding:9px 8px;text-align:center}

.pk-game{--pk-night:#04111f;--pk-panel:#071a2c;--pk-panel-2:#0b2137;--pk-orange:#f47721;--pk-amber:#ffae58;--pk-ivory:#fff1d2;--pk-cyan:#41d9ff;--pk-green:#a8f05e;--pk-muted:#9eb1bf;min-width:0;width:100%;display:grid;gap:7px;color:var(--pk-ivory);font-family:Inter,"Segoe UI",sans-serif}
.pk-topbar{min-width:0;display:grid;grid-template-columns:222px minmax(280px,1fr) 166px;gap:7px;align-items:stretch}
.pk-modes,.pk-turn,.pk-top-actions button,.pk-scoreboard,.pk-console{border:1px solid #38566d;border-radius:8px;background:linear-gradient(180deg,#0a2035f7,#04111ffc);box-shadow:inset 0 0 0 1px #132e43,0 7px 22px #0008}
.pk-modes{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px}
.pk-modes button{min-width:0;border:1px solid transparent;border-radius:5px;background:#061525;color:var(--pk-muted);font:800 .68rem "Barlow Condensed",sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.pk-modes button.active{border-color:var(--pk-amber);background:linear-gradient(180deg,#ff872b,#d9520b);color:white;box-shadow:inset 0 1px 0 #fff7,0 0 16px #f4772140}
.pk-modes button:hover,.pk-modes button:focus-visible{outline:2px solid var(--pk-orange);outline-offset:1px}
.pk-turn{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 15px;text-align:center}
.pk-turn strong{color:var(--pk-ivory);font:800 clamp(1.1rem,2vw,1.45rem) "Barlow Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.pk-turn span{color:#587088}.pk-turn b{color:var(--pk-orange);font:800 .66rem "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.pk-top-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.pk-top-actions button{display:grid;place-items:center;align-content:center;gap:2px;color:var(--pk-ivory);font:800 .51rem "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.pk-top-actions svg{width:20px;height:20px;fill:none;stroke:var(--pk-orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pk-top-actions button:hover:not(:disabled),.pk-top-actions button:focus-visible{border-color:var(--pk-ivory);outline:2px solid var(--pk-ivory);outline-offset:1px}.pk-top-actions button:disabled{opacity:.38;cursor:not-allowed}

.pk-scoreboard{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:center;min-height:51px;padding:4px 16px}
.pk-team{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:13px}.pk-team-away{justify-content:flex-start}
.pk-team small{overflow:hidden;color:var(--pk-ivory);font:800 .63rem "Barlow Condensed",sans-serif;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.pk-attempts{min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pk-team-away .pk-attempts{justify-content:flex-start}
.pk-attempts i{position:relative;width:14px;height:14px;border:1px solid #71889a;border-radius:50%;background:#051322;box-shadow:inset 0 0 0 2px #06101b}.pk-attempts i.goal{border-color:var(--pk-green);background:var(--pk-green);box-shadow:0 0 8px #a8f05e55}.pk-attempts i.save{border-color:var(--pk-cyan);background:var(--pk-cyan);box-shadow:0 0 8px #41d9ff55}.pk-attempts i.miss{border-color:#ff755e;background:#39101a}.pk-attempts i.miss:after{content:"";position:absolute;inset:2px;background:linear-gradient(45deg,transparent 43%,#ff755e 43% 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,#ff755e 43% 57%,transparent 57%)}
.pk-score{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--pk-ivory);font:900 1.8rem "Barlow Condensed",sans-serif;letter-spacing:.04em}.pk-score i{color:#60788b;font-style:normal;font-size:1rem}

.pk-pitch-wrap{position:relative;isolation:isolate;min-width:0;padding:6px;border:1px solid #49667d;border-radius:10px;background:#020a12e8;box-shadow:inset 0 0 28px #000,0 13px 35px #000b}
.pk-pitch{display:block;width:100%;height:min(27vw,420px);border-radius:8px;background:#061525;box-shadow:0 0 0 1px #41d9ff3d;touch-action:none;cursor:crosshair}
.pk-pitch:focus-visible{outline:3px solid var(--pk-cyan);outline-offset:2px}
.pk-overlay{position:absolute;z-index:10;inset:6px;display:grid;place-items:center;border-radius:8px;background:#02081178;backdrop-filter:blur(1px)}.pk-overlay[hidden]{display:none}
.pk-overlay>div{width:min(82%,510px);box-sizing:border-box;display:grid;justify-items:center;gap:10px;padding:clamp(22px,4vw,42px);border:1px solid #466983;border-radius:10px;background:linear-gradient(180deg,#081d31fa,#03101cfa);box-shadow:inset 0 0 0 2px #16364c,0 20px 50px #000d;text-align:center}
.pk-overlay strong{color:var(--pk-ivory);font:800 clamp(2rem,4.5vw,3.25rem)/.94 "Barlow Condensed",sans-serif;letter-spacing:.02em}
.pk-overlay p{max-width:390px;margin:0;color:var(--pk-muted);font-size:.74rem;line-height:1.5}
.pk-overlay button{width:min(100%,280px);min-height:46px;border:1px solid #ffc27c;border-radius:6px;background:linear-gradient(#ff872b,#e6570a);color:white;font:900 .8rem "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px 0 #fff8,0 4px 0 #832d06;cursor:pointer}.pk-overlay button:hover,.pk-overlay button:focus-visible{outline:3px solid white;outline-offset:3px}
.pk-outcome{position:absolute;z-index:7;top:24px;left:50%;display:grid;min-width:180px;justify-items:center;padding:8px 20px;border:1px solid #ffffff80;border-radius:6px;background:#03101ee8;box-shadow:0 8px 25px #000c;transform:translateX(-50%);pointer-events:none}.pk-outcome[hidden]{display:none}.pk-outcome strong{color:var(--pk-green);font:900 1.65rem/.95 "Barlow Condensed",sans-serif;text-transform:uppercase}.pk-outcome span{color:var(--pk-ivory);font-size:.57rem}.pk-outcome[data-outcome="save"] strong{color:var(--pk-cyan)}.pk-outcome[data-outcome="miss"] strong{color:#ff755e}

.pk-console{min-width:0;display:grid;grid-template-columns:176px minmax(250px,1.1fr) 126px minmax(330px,1.3fr);grid-template-rows:auto auto;align-items:stretch;gap:7px;padding:7px}
.pk-aim{grid-row:1/3;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:16px repeat(3,1fr);gap:4px;padding:6px;border:1px solid #405f76;border-radius:6px;background:#061525}.pk-aim small{grid-column:1/-1;color:var(--pk-cyan);font:800 .5rem "Barlow Condensed",sans-serif;letter-spacing:.12em;text-align:center;text-transform:uppercase}.pk-aim button{display:grid;min-width:38px;min-height:31px;place-items:center;padding:0;border:1px solid #38566d;border-radius:4px;background:#0a2035;color:var(--pk-cyan);font:900 1rem/1 Arial,sans-serif;cursor:pointer}.pk-aim button[data-pk-aim="up"]{grid-column:2}.pk-aim button[data-pk-aim="left"]{grid-column:1;grid-row:3}.pk-aim button[data-pk-aim="right"]{grid-column:3;grid-row:3}.pk-aim button[data-pk-aim="down"]{grid-column:2;grid-row:4}.pk-aim i{grid-column:2;grid-row:3;place-self:center;width:9px;height:9px;border:2px solid var(--pk-orange);border-radius:50%;box-shadow:0 0 8px #f47721}.pk-aim button:hover:not(:disabled),.pk-aim button:focus-visible{outline:2px solid var(--pk-cyan)}
.pk-composure{min-width:0;display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px;padding:7px 10px;border:1px solid #405f76;border-radius:6px;background:#061525}.pk-composure>span{display:grid}.pk-composure small{color:var(--pk-muted);font:800 .45rem "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase}.pk-composure strong{overflow:hidden;color:var(--pk-ivory);font:800 .66rem "Barlow Condensed",sans-serif;text-overflow:ellipsis;white-space:nowrap}.pk-composure strong[data-perfect="true"]{color:var(--pk-green)}
.pk-meter{position:relative;height:18px;overflow:visible;border:1px solid #71889a;border-radius:4px;background:#091c2e;box-shadow:inset 0 0 8px #000}.pk-meter i{position:absolute;inset-block:0}.pk-meter i:nth-child(1){left:0;width:37%;background:linear-gradient(90deg,#8d291b,#e99e19)}.pk-meter i:nth-child(2){left:37%;width:26%;background:linear-gradient(90deg,#81c73b,#b4ef59,#81c73b)}.pk-meter i:nth-child(3){left:63%;right:0;background:linear-gradient(90deg,#e99e19,#8d291b)}.pk-meter b{position:absolute;z-index:2;top:-5px;width:4px;height:28px;border-radius:3px;background:white;box-shadow:0 0 0 1px #020811,0 0 9px #fff;transform:translateX(-50%)}
.pk-kick{grid-column:3;grid-row:1;display:grid;grid-template-columns:29px auto;grid-template-rows:1fr 1fr;place-content:center;align-items:center;column-gap:6px;border:1px solid #ffbd73;border-radius:6px;background:linear-gradient(180deg,#ff8629,#d9510a);color:white;box-shadow:inset 0 1px 0 #ffffff66,0 3px 0 #762606;cursor:pointer}.pk-kick svg{grid-row:1/3;width:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pk-kick span{align-self:end;font:900 .82rem "Barlow Condensed",sans-serif;letter-spacing:.09em;text-transform:uppercase}.pk-kick small{align-self:start;font:800 .46rem "Barlow Condensed",sans-serif;letter-spacing:.07em;text-transform:uppercase}.pk-kick:disabled,.pk-aim button:disabled,.pk-dives button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.pk-kick:hover:not(:disabled),.pk-kick:focus-visible{outline:3px solid var(--pk-ivory);outline-offset:2px}
.pk-dives{grid-column:4;grid-row:1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pk-dives button{min-width:0;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:5px;padding:5px 7px;border:1px solid #405f76;border-radius:5px;background:#061525;color:var(--pk-ivory);font:800 .55rem "Barlow Condensed",sans-serif;cursor:pointer}.pk-dives svg{width:23px;fill:none;stroke:var(--pk-cyan);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pk-dives button.active{border-color:var(--pk-cyan);background:#0b2a40;box-shadow:0 0 12px #41d9ff33}.pk-dives button:hover:not(:disabled),.pk-dives button:focus-visible{outline:2px solid var(--pk-cyan)}
.pk-game kbd{display:inline-grid;min-width:19px;min-height:19px;place-items:center;padding:1px 3px;border:1px solid #6e8494;border-radius:3px;background:#020a12;color:var(--pk-ivory);box-shadow:inset 0 -2px #000;font:800 .5rem/1 Arial,sans-serif}
.pk-message{grid-column:2/5;grid-row:2;min-width:0;display:grid;align-content:center;padding:6px 10px;border:1px solid #405f76;border-radius:5px;background:#061525}.pk-message strong{overflow:hidden;color:var(--pk-ivory);font:800 .67rem "Barlow Condensed",sans-serif;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.pk-message span{color:var(--pk-muted);font-size:.53rem;line-height:1.35}
.pk-help{display:flex;align-items:center;justify-content:center;gap:8px;min-height:28px;margin:0;padding:4px 8px;border:1px solid #38566d;border-radius:5px;background:#04111fe8;color:#91a6b5;font-size:.54rem;line-height:1.35}.pk-help span{display:flex;align-items:center;gap:4px;white-space:nowrap}.pk-help>i{width:3px;height:3px;border-radius:50%;background:var(--pk-orange)}
.pk-game[data-phase="flight"] .pk-pitch-wrap{box-shadow:inset 0 0 0 2px #41d9ff2b,0 13px 35px #000b}.pk-game[data-phase="paused"] .pk-pitch{filter:saturate(.65)}

@media(max-width:920px){.game-page[data-game-id="penalty-kicks"]{display:block;padding-top:14px}.game-page[data-game-id="penalty-kicks"]>h1{margin-top:14px;white-space:normal}.game-page[data-game-id="penalty-kicks"]>.lede{margin:4px 0 15px}.game-page[data-game-id="penalty-kicks"] .mode-bar{margin:0 0 10px}.game-page[data-game-id="penalty-kicks"] .game-shell{margin-top:0}.pk-topbar{grid-template-columns:190px minmax(250px,1fr) 140px}.pk-console{grid-template-columns:158px minmax(230px,1fr) 112px minmax(295px,1.25fr)}}
@media(max-width:700px){
  .game-shell:has(.pk-game){padding:6px;background-position:center top}.game-shell:has(.pk-game) .game-status{align-items:flex-start;gap:7px;padding:7px 8px;font-size:.68rem}.game-shell:has(.pk-game) .game-status strong{max-width:61%}
  .pk-game{gap:6px}.pk-topbar{grid-template-columns:1fr 114px;gap:6px}.pk-modes{grid-column:1;grid-row:1;min-height:49px}.pk-top-actions{grid-column:2;grid-row:1}.pk-turn{grid-column:1/-1;grid-row:2;min-height:42px}.pk-turn strong{font-size:1rem}.pk-turn b{font-size:.54rem}
  .pk-scoreboard{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);min-height:48px;padding-inline:8px}.pk-team{display:grid;justify-items:end;gap:4px}.pk-team-away{justify-items:start}.pk-team small{font-size:.52rem}.pk-attempts{gap:4px}.pk-attempts i{width:11px;height:11px}.pk-score{gap:5px;font-size:1.35rem}
  .pk-pitch-wrap{padding:4px}.pk-pitch{height:auto;aspect-ratio:5/3}.pk-overlay{inset:4px}.pk-overlay>div{width:min(90%,370px);padding:18px 14px;gap:8px}.pk-overlay p{font-size:.64rem}.pk-overlay button{min-height:40px}.pk-outcome{top:14px;min-width:150px;padding:6px 14px}.pk-outcome strong{font-size:1.3rem}
  .pk-console{grid-template-columns:minmax(0,1fr) 96px;grid-template-rows:58px 58px auto auto auto;gap:6px;padding:5px}.pk-aim{grid-column:1;grid-row:1/3;min-height:110px}.pk-kick{grid-column:2;grid-row:1/3}.pk-composure{grid-column:1/-1;grid-row:3}.pk-dives{grid-column:1/-1;grid-row:4;min-height:48px}.pk-dives button{grid-template-columns:21px 1fr auto;padding-inline:5px}.pk-dives svg{width:20px}.pk-message{grid-column:1/-1;grid-row:5;text-align:center}.pk-help{flex-wrap:wrap;gap:4px 7px;padding-block:5px;font-size:.49rem}
}
@media(max-width:410px){.game-page[data-game-id="penalty-kicks"]>h1{font-size:2.35rem}.pk-modes button{font-size:.58rem}.pk-turn{gap:6px}.pk-top-actions button{font-size:.46rem}.pk-scoreboard{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr)}.pk-team small{max-width:92px}.pk-attempts i{width:10px;height:10px}.pk-console{grid-template-columns:minmax(0,1fr) 88px}.pk-composure{grid-template-columns:82px 1fr}.pk-dives button{grid-template-columns:1fr;justify-items:center}.pk-dives button svg,.pk-dives button kbd{display:none}.pk-message span{font-size:.49rem}.pk-help>i:nth-of-type(n+4),.pk-help span:nth-of-type(n+5){display:none}}
@media(prefers-reduced-motion:reduce){.pk-game *{scroll-behavior:auto!important}}