@font-face{font-family:Modam;src:url(/fonts/modam/ModamFaNumWeb-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Modam;src:url(/fonts/modam/ModamFaNumWeb-Medium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Modam;src:url(/fonts/modam/ModamFaNumWeb-SemiBold.woff)format("woff");font-weight:600;font-display:swap}@font-face{font-family:Modam;src:url(/fonts/modam/ModamFaNumWeb-Bold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Modam;src:url(/fonts/modam/ModamFaNumWeb-ExtraBold.woff)format("woff");font-weight:800;font-display:swap}.penalty-shell{color:#fff;background:#070e1d;place-items:start center;min-height:100vh;padding:0;font-family:Modam,Tahoma,sans-serif;display:grid}.pen-page{isolation:isolate;color:#fff;background:#132544;width:min(100%,520px);height:100dvh;min-height:480px;position:relative;overflow:hidden}.pen-world{pointer-events:none;background:#102446;position:absolute;inset:0;overflow:hidden}.pen-stands{background:#20395c;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(16,1fr);display:grid;position:absolute;left:0;right:0;overflow:hidden;box-shadow:inset 0 -7px #10253e}.pen-stands-upper{height:19%;top:0}.pen-stands-lower{height:15%;top:23%}.pen-fan{transform-origin:bottom;width:19px;height:26px;animation:1.2s ease-in-out infinite alternate pen-crowd;animation-delay:var(--fan-delay);place-self:end center;position:relative}.pen-fan i{background:#e6ae82;width:8px;height:9px;position:absolute;top:2px;left:6px;box-shadow:0 -3px #253146,-2px 2px #253146,2px 2px #253146}.pen-fan b{background:var(--fan-color);width:14px;height:14px;position:absolute;bottom:0;left:3px;box-shadow:inset 0 -3px #0004}.pen-fan:after{content:"";background:var(--fan-color);width:4px;height:10px;box-shadow:15px 0 var(--fan-color);position:absolute;top:12px;left:0}@keyframes pen-crowd{0%,45%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-3px)rotate(3deg)}}.pen-placard{z-index:3;background:#f9e9bd;border:3px solid #34476a;place-items:center;width:30px;height:30px;animation:1.6s ease-in-out infinite alternate pen-flag;display:grid;position:absolute;top:43%;box-shadow:2px 2px #11203a}.pen-placard:after{content:"";background:#ede2bd;width:3px;height:15px;position:absolute;top:100%}.pen-placard-a{left:11%;transform:rotate(-8deg)}.pen-placard-b{animation-delay:-.7s;right:11%}.pen-placard .pen-badge{width:19px;height:19px;image-rendering:pixelated}@keyframes pen-flag{0%{rotate:-7deg}to{rotate:7deg}}.pen-banner{color:#d7f6ff;background:#102750;border-block:3px solid #477ba1;justify-content:space-around;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;left:0;right:0;overflow:hidden}.pen-banner span{text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}.pen-banner-field{justify-content:space-between;height:6%;padding-inline:3%;top:38%}.pen-field{background:repeating-linear-gradient(90deg,#397344 0 12.5%,#3e7d4a 12.5% 25%);position:absolute;inset:44% 0 0;box-shadow:inset 0 12px 20px #142d2b66}.pen-field svg{width:100%;height:75%;display:block}.pen-grass-shade{background:linear-gradient(#0000,#071b28b0);height:30%;position:absolute;bottom:0;left:0;right:0}.pen-goal{perspective:350px;width:78%;height:23%;position:absolute;top:33%;left:11%}.pen-net{transform-origin:top;opacity:.85;background:repeating-linear-gradient(90deg,#0000 0 8%,#d5e4ed99 8.2% 8.8%),repeating-linear-gradient(0deg,#0000 0 11%,#d5e4ed99 11.3% 12%);border:2px solid #cbd9e7;position:absolute;inset:2% 2% 0}.pen-goal-post{background:#f6f7f1;width:5px;position:absolute;top:0;bottom:0;box-shadow:2px 0 #667c8a}.pen-post-left{left:0}.pen-post-right{right:0}.pen-goal-crossbar{background:#f6f7f1;height:5px;position:absolute;top:0;left:0;right:0;box-shadow:0 2px #667c8a}.pen-player{filter:drop-shadow(0 4px 1px #0006);image-rendering:pixelated;position:absolute;overflow:visible}.pen-keeper{z-index:2;width:19%;height:18%;top:37%;left:50%;transform:translate(-50%)}.pen-kicker{z-index:3;width:20%;height:24%;top:56%;left:36%}.pen-ball{aspect-ratio:1;z-index:4;background:radial-gradient(circle at 48% 43%,#1e2938 0 18%,#fff 20%);border:2px solid #18253c;border-radius:50%;width:7%;position:absolute;top:72%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 2px #0007}.pen-event-goal .pen-ball,.pen-event-out .pen-ball{animation:pen-flight var(--flight) linear forwards}@keyframes pen-flight{0%{transform:translate(-50%,-50%)scale(1)rotate(0)}to{transform:translate(calc(-50% + var(--ball-hit-dx)),calc(-50% + var(--ball-hit-dy))) scale(.76) rotate(260deg)}}@keyframes pen-rebound{0%{left:45%;top:var(--ball-start-y);transform:translate(-50%,-50%)scale(1)}66%{left:var(--ball-hit-x);top:var(--ball-hit-y);transform:translate(-50%,-50%)scale(.76)}to{left:var(--rebound-x);top:61%;transform:translate(-50%,-50%)scale(.85)rotate(-100deg)}}@keyframes pen-net-impact{0%{transform:scale(1)}35%{transform:scale(1.07,1.12)}70%{transform:scale(.99,.97)}to{transform:scale(1)}}@keyframes pen-post-impact{0%,to{translate:0}25%{translate:3px}65%{translate:-2px}}.pen-event-save .pen-keeper,.pen-event-goal .pen-keeper,.pen-event-post .pen-keeper,.pen-event-out .pen-keeper{animation:pen-dive var(--flight) cubic-bezier(.15,.55,.25,1) forwards}@keyframes pen-dive{0%{top:37%;left:50%;transform:translate(-50%)}to{left:var(--keeper-target);top:var(--keeper-top);transform:translateX(-50%) rotate(var(--dive-angle))}}.pen-event-save .pen-keeper .pen-character-body{animation:pen-save-jolt .2s ease-out var(--flight)}@keyframes pen-save-jolt{50%{transform:translateY(4px)}}.pen-event-goal .pen-kicker .pen-leg-b,.pen-event-save .pen-kicker .pen-leg-b,.pen-event-out .pen-kicker .pen-leg-b,.pen-event-post .pen-kicker .pen-leg-b{transform-origin:38px 78px;animation:.25s ease-out pen-kick}@keyframes pen-kick{40%{transform:rotate(-32deg)}to{transform:rotate(5deg)}}.pen-top{z-index:10;top:max(8px,env(safe-area-inset-top));align-items:center;gap:8px;display:flex;position:absolute;left:10px;right:10px}.pen-top>a,.pen-top>button{color:#fff;background:#0c1835e8;border:1px solid #ffffff40;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.pen-top>button[aria-pressed=true]{color:#0f4331;background:#d4f7df}.pen-top>div{text-shadow:0 2px #081425;flex:1;line-height:1.4;display:grid}.pen-top b{font-size:14px}.pen-top small{color:#e3effa;font-size:10px}.pen-top svg{width:18px;height:18px}.pen-badge{object-fit:contain;flex:none;width:34px;height:34px;display:block}.pen-score{z-index:9;top:calc(max(8px,env(safe-area-inset-top)) + 48px);color:#fff;background:#0b1734eb;border:1px solid #9ab4db55;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:3px;padding:7px 9px;display:grid;position:absolute;left:10px;right:10px}.pen-score>div:not(.pen-score-mid):not(.pen-dots){justify-content:center;align-items:center;gap:4px;min-width:0;font-size:11px;display:flex}.pen-score>div>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pen-score-mid{text-align:center;min-width:72px;line-height:1.5}.pen-score-mid small{color:#c9d9ef;font-size:9px;display:block}.pen-score-mid b small{display:inline}.pen-dots{grid-column:1/-1;justify-content:space-between;display:flex}.pen-dots>div{flex-wrap:wrap;gap:4px;max-width:45%;display:flex}.pen-dots i{background:0 0;border:1px solid #a7bad1;border-radius:50%;width:8px;height:8px}.pen-dots i.goal{background:#64dc94;border-color:#64dc94}.pen-dots i.miss{background:#f57e7e;border-color:#f57e7e}.pen-overlay{z-index:8;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));overscroll-behavior:contain;max-height:calc(100% - 125px);position:absolute;overflow:auto}.pen-panel,.pen-controls{color:#fff;background:#0b1734f2;border:1px solid #9ab4db55;border-radius:15px;padding:14px;box-shadow:0 8px 24px #07132666}.pen-panel-head,.pen-control-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.pen-panel h1{font-size:21px;line-height:1.35}.pen-panel-head p,.pen-control-head p{color:#d7e4f4;margin:2px 0;font-size:11px}.pen-control-head h2{font-size:16px}.pen-control-head>b{color:#c5d9f2;font-size:11px}.pen-mini-wallet{text-align:left;color:#cfe4ee;font-size:11px;display:grid}.pen-mini-wallet b{color:#ffd687;font-size:15px}.pen-team-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:10px 0;display:grid}.pen-team-list button{color:#e8f1f9;border:1px solid #8394aa55;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:5px 2px;font-size:9px;display:flex}.pen-team-list button[aria-pressed=true]{color:#124c37;background:#e8f5ed;border-color:#92d9ad;font-weight:800}.pen-team-list .pen-badge{width:27px;height:27px}.pen-team-list span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.pen-sponsor-editor{color:#dce9f8;margin:5px 0;font-size:11px}.pen-sponsor-editor summary{cursor:pointer}.pen-sponsor-editor label{align-items:center;gap:6px;margin-top:6px;display:flex}.pen-sponsor-editor input{color:#162641;background:#fff;border:1px solid #99aaca;border-radius:8px;flex:1;min-width:0;padding:6px}.pen-primary,.pen-secondary{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:45px;font-size:13px;font-weight:800;display:flex}.pen-primary{color:#0b3025;background:#86ecae;width:100%}.pen-primary svg{width:17px;height:17px}.pen-primary:disabled{opacity:.45}.pen-secondary{color:#fff;background:#263d62;padding:0 12px}.pen-power-actions{gap:8px;display:flex}.pen-power-actions .pen-primary{flex:1}.pen-note,.pen-recovery{color:#d0deeb;margin-top:6px;font-size:10px;line-height:1.6}.pen-recharge{gap:5px;margin-top:6px;font-size:10px;display:grid}.pen-recharge button{color:#b4f2cc;padding:8px;text-decoration:underline}.pen-meter{background:linear-gradient(90deg,#cc5a62,#e6b85f 27%,#70ce97 50%,#e6b85f 73%,#cc5a62);border-radius:6px;height:10px;margin:17px 4px 4px;position:relative}.pen-power{background:linear-gradient(90deg,#70ce97 0%,#6dd5ab 48%,#f0bb57 78%,#ef5966 96%)}.pen-meter i{background:#fff;border:1px solid #14213b;border-radius:3px;width:6px;height:22px;position:absolute;top:-6px;transform:translate(-50%)}.pen-meter-labels{color:#d2e4ef;direction:ltr;justify-content:space-between;margin-bottom:10px;font-size:10px;display:flex}.pen-keeper-grid{direction:ltr;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.pen-keeper-grid button{color:#fff;border:1px solid #8c9bb7;border-radius:8px;min-height:39px;font-size:11px}.pen-keeper-grid button[aria-pressed=true]{color:#123e2e;background:#c6f0d5;border-color:#9be6b4;font-weight:800}.pen-result{text-align:center}.pen-result p{color:#d4e3ef;margin:4px 0 10px;font-size:12px}.pen-message{color:#7e460d;background:#fff0dc;border-radius:9px;padding:8px;font-size:11px}.pen-page button:focus-visible,.pen-page a:focus-visible{outline-offset:2px;outline:3px solid #7cd9ff}@media (height<=650px){.pen-team-list{margin:5px 0}.pen-team-list .pen-badge{width:22px;height:22px}.pen-panel,.pen-controls{padding:10px}.pen-sponsor-editor{margin:2px 0}.pen-top>div small{display:none}}@media (prefers-reduced-motion:reduce){.pen-fan,.pen-placard{animation:none}.pen-event-goal .pen-ball,.pen-event-save .pen-ball,.pen-event-post .pen-ball,.pen-event-out .pen-ball,.pen-event-goal .pen-net,.pen-event-post .pen-goal,.pen-event-save .pen-keeper,.pen-event-goal .pen-keeper,.pen-event-post .pen-keeper,.pen-event-out .pen-keeper{animation-duration:.01ms;animation-delay:0s}}.pen-stands{background:repeating-linear-gradient(0deg,#173056 0 13%,#274569 14% 17%);grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(32,1fr)}.pen-fan{width:100%;max-width:14px;height:100%;min-height:10px;max-height:22px}.pen-fan i{width:36%;height:38%;top:6%;left:32%;box-shadow:0 -2px #253146,-1px 1px #253146,1px 1px #253146}.pen-fan b{width:70%;height:50%;left:15%;box-shadow:inset 0 -2px #0004}.pen-fan:after{width:20%;height:36%;box-shadow:8px 0 var(--fan-color);top:50%;left:2%}.pen-aisle{background:repeating-linear-gradient(0deg,#566173 0 3px,#f4ba74 3px 4px,#4d6174 4px 8px);width:3%;position:absolute;top:0;bottom:0;box-shadow:0 0 0 2px #162a47}.pen-aisle-a{left:17%;transform:skew(-6deg)}.pen-aisle-b{right:17%;transform:skew(6deg)}.pen-goal{aspect-ratio:320/120;width:82%;height:auto;top:33%;left:9%;overflow:visible}.pen-net{opacity:.8;transform-origin:50%;transform-box:fill-box;background:0 0;border:0;position:static;inset:auto}.pen-event-goal .pen-net{animation:pen-net-impact .45s ease-out var(--flight)}:is(html:has(.penalty-shell),body:has(.penalty-shell)){height:100%;overflow:hidden}body:has(.penalty-shell){padding:0}.pen-world{--ball-start-y:72%}.pen-ball{top:var(--ball-start-y)}.pen-event-save .pen-keeper,.pen-event-goal .pen-keeper,.pen-event-post .pen-keeper,.pen-event-out .pen-keeper{animation-duration:calc(var(--flight) + .2s);animation-delay:-.2s}@media (height<=700px){.pen-world{--ball-start-y:65%}.pen-kicker{height:18%;top:48%}}@media (prefers-reduced-motion:reduce){.pen-event-save .pen-keeper,.pen-event-goal .pen-keeper,.pen-event-post .pen-keeper,.pen-event-out .pen-keeper{animation-duration:.01ms;animation-delay:0s}}.pen-floodlight{z-index:1;background:radial-gradient(circle,#fff 0 2px,#ffd88b 2px 3px,#0000 4px) 0 0/9px 9px,#203856;border:3px solid #324d6a;width:12%;height:4%;position:absolute;top:2%;transform:skewY(-9deg);box-shadow:0 0 15px #e2f4ff77}.pen-light-left{left:1%}.pen-light-right{right:1%;transform:skewY(9deg)}.pen-fan i:before{content:"";border-left:1px solid #26334c;border-right:1px solid #26334c;height:25%;position:absolute;inset:20% 12% auto}.pen-fan:nth-child(4n) i{background:#ca906d}.pen-fan:nth-child(7n) i{background:#f3c49d}.pen-fan:nth-child(5n){animation-duration:1.6s}.pen-fan:nth-child(7n):after{height:55%;top:23%;transform:rotate(-15deg)}.pen-fan:nth-child(3n) b{box-shadow:inset 2px 0 #fff3,inset 0 -2px #0006}.pen-top>div{background:#0b1734da;border-radius:9px;padding:3px 9px}.pen-fan:nth-child(6n){animation-duration:1.7s}.pen-fan:nth-child(7n):after{animation:1.1s ease-in-out infinite alternate pen-fan-wave;animation-delay:var(--fan-delay);transform-origin:bottom}@keyframes pen-fan-wave{0%{rotate:-10deg}to{rotate:17deg}}@media (prefers-reduced-motion:reduce){.pen-fan:nth-child(7n):after{animation:none}}.pen-field{background:#397847}.pen-field svg{height:100%}.pen-page{container-type:inline-size}.pen-mark{z-index:1;left:50%;top:var(--ball-start-y);opacity:.8;background:#f4f5dc;border-radius:50%;width:5%;height:4px;position:absolute;transform:translate(-50%,80%)}.pen-keeper-shadow{z-index:1;background:#081e18aa;border-radius:50%;width:15%;height:1.4%;position:absolute;top:calc(33% + 29.47cqw);left:50%;transform:translate(-50%)}.pen-event-goal .pen-keeper,.pen-event-save .pen-keeper,.pen-event-post .pen-keeper,.pen-event-out .pen-keeper{animation:pen-dive-natural calc(var(--flight) + .4s) cubic-bezier(.25,.55,.3,1) -.2s forwards}.pen-event-goal .pen-keeper-shadow,.pen-event-save .pen-keeper-shadow,.pen-event-post .pen-keeper-shadow,.pen-event-out .pen-keeper-shadow{animation:pen-shadow calc(var(--flight) + .4s) ease-out -.2s forwards}@keyframes pen-dive-natural{0%{transform:translate(-50%)rotate(0)}72%{transform:translate(calc(-50% + var(--keeper-dx)),var(--keeper-up)) rotate(var(--dive-angle))}to{transform:translate(calc(-50% + var(--keeper-dx)),0) rotate(var(--dive-angle))}}@keyframes pen-shadow{to{transform:translate(calc(-50% + var(--keeper-dx)),0)}}.pen-event-goal .pen-keeper .pen-arm-a,.pen-event-save .pen-keeper .pen-arm-a,.pen-event-post .pen-keeper .pen-arm-a,.pen-event-out .pen-keeper .pen-arm-a{transform-origin:15px 49px;animation:pen-arm-left calc(var(--flight) + .4s) ease-out -.2s forwards}.pen-event-goal .pen-keeper .pen-arm-b,.pen-event-save .pen-keeper .pen-arm-b,.pen-event-post .pen-keeper .pen-arm-b,.pen-event-out .pen-keeper .pen-arm-b{transform-origin:49px 49px;animation:pen-arm-right calc(var(--flight) + .4s) ease-out -.2s forwards}@keyframes pen-arm-left{to{transform:rotate(50deg)}}@keyframes pen-arm-right{to{transform:rotate(-50deg)}}.pen-team-list{grid-template-columns:repeat(4,minmax(0,1fr))}.pen-stands{grid-template-rows:repeat(8,1fr)}.pen-aisle{width:6.25%;transform:none}.pen-aisle-a{left:15.625%}.pen-aisle-b{right:15.625%}.pen-fan{animation-duration:var(--fan-duration)}.pen-placard{width:26px;height:25px;animation-duration:2.1s;top:25%}.pen-placard-a{left:7%}.pen-placard-b{right:7%}.pen-placard-c{animation-delay:-1.3s;top:48%;left:37%}.pen-placard-d{animation-delay:-.9s;top:32%;right:35%}.pen-stands-lower .pen-placard{top:35%}.pen-placard:before{content:"";background:#eab28a;width:5px;height:5px;position:absolute;top:calc(100% + 9px);left:calc(50% - 1px);box-shadow:2px 1px #27344a}.pen-crowd--cheer .pen-fan{animation-name:pen-celebrate;animation-duration:calc(var(--fan-duration) * .55)}.pen-crowd--cheer .pen-fan:after{height:55%;top:22%;transform:rotate(-16deg)}.pen-crowd--cheer .pen-placard{animation-duration:.55s}@keyframes pen-celebrate{0%,35%{transform:translateY(0)rotate(-4deg)}70%{transform:translateY(-5px)rotate(5deg)}to{transform:translateY(-1px)rotate(-2deg)}}.pen-touchpad{z-index:5;touch-action:manipulation;cursor:crosshair;background:0 0;width:100%;position:absolute;inset:18% 0 0}.pen-aim-arrow{z-index:7;clip-path:polygon(30% 0,70% 0,70% 45%,100% 45%,50% 100%,0 45%,30% 45%);filter:drop-shadow(0 2px 2px #0009);pointer-events:none;background:#ffda65;width:15px;height:17px;position:absolute;top:calc(33% - 19px);transform:translate(-50%)}.pen-field-hint{z-index:6;left:50%;bottom:max(6%,env(safe-area-inset-bottom));white-space:nowrap;color:#fff;pointer-events:none;background:#091a32c9;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%)}.pen-field-power{z-index:6;color:#fff;text-shadow:0 1px #07182e;pointer-events:none;direction:ltr;align-items:center;gap:6px;width:60%;font-size:10px;display:flex;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.pen-field-power>div{background:#15213ce8;border:1px solid #d4e5dc;border-radius:3px;flex:1;height:9px;overflow:hidden}.pen-field-power i{background:linear-gradient(90deg,#78ecae,#edc360 75%,#ed5959 96%);height:100%;display:block}.pen-field-power small{font-size:9px}.pen-keeper-hint{bottom:12%}.pen-save-zones{z-index:7;aspect-ratio:320/120;direction:ltr;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);width:82%;display:grid;position:absolute;top:33%;left:9%}.pen-save-zones button{touch-action:manipulation;background:0 0;place-items:center;display:grid}.pen-save-zones button span{border:1px solid #fff9;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #17233d44}.pen-touchpad:focus-visible,.pen-save-zones button:focus-visible{outline-offset:-3px;outline:2px solid #d8fff2}@media (prefers-reduced-motion:reduce){.pen-event-goal .pen-keeper,.pen-event-save .pen-keeper,.pen-event-post .pen-keeper,.pen-event-out .pen-keeper,.pen-event-goal .pen-keeper-shadow,.pen-event-save .pen-keeper-shadow,.pen-event-post .pen-keeper-shadow,.pen-event-out .pen-keeper-shadow,.pen-keeper .pen-arm-a,.pen-keeper .pen-arm-b{animation-duration:.01ms;animation-delay:0s}}.pen-field-lines{pointer-events:none;width:100%;height:calc(67% - 29.47cqw);position:absolute;inset:calc(33% + 29.47cqw) 0 0}.pen-keeper{transform-origin:50% 100%}.pen-fan:nth-child(4n){animation-name:pen-crowd-lean}.pen-fan:nth-child(9n){animation-name:pen-crowd-bob}.pen-crowd--cheer .pen-fan{animation-name:pen-celebrate}.pen-crowd--cheer .pen-fan:nth-child(3n){animation-name:pen-cheer-wave}@keyframes pen-crowd-lean{0%,35%,to{transform:rotate(0)}60%{transform:rotate(5deg)}80%{transform:rotate(-2deg)}}@keyframes pen-crowd-bob{0%,55%,to{transform:translateY(0)}65%{transform:translateY(-2px)}80%{transform:translateY(0)}}@keyframes pen-cheer-wave{0%,45%,to{transform:translateY(0)rotate(2deg)}65%{transform:translateY(-3px)rotate(-7deg)}80%{transform:translateY(-1px)rotate(6deg)}}@media (prefers-reduced-motion:reduce){.pen-fan,.pen-fan:nth-child(n),.pen-crowd--cheer .pen-fan:nth-child(n){animation:none}}.pen-world{--six-line-y:calc(52.5% + 14.735cqw);--box-line-y:calc(91.5% - 14.735cqw)}.pen-goal-line,.pen-six-line,.pen-box-line{z-index:1;background:#f5f6e7bb;width:100%;height:2px;position:absolute;left:0}.pen-six-line{top:var(--six-line-y)}.pen-mark{width:5.8%;height:6px;top:var(--ball-start-y);opacity:1;background:#fff;transform:translate(-50%,-50%)}.pen-ball{background:0 0;border:0;width:6.2%;box-shadow:0 3px 2px #0006}.pen-ball svg{width:100%;height:100%;display:block}.pen-player{filter:none}.pen-field svg{shape-rendering:crispedges}.pen-score{border-radius:7px;gap:0;width:min(225px,58%);padding:4px 6px;top:55px;left:10px;right:auto}.pen-score .pen-badge{width:18px;height:18px}.pen-score>div:not(.pen-score-mid):not(.pen-dots){gap:2px;font-size:9px}.pen-score strong{font-size:15px}.pen-score-mid{min-width:42px}.pen-score-mid small{font-size:8px}.pen-score-mid b{font-size:9px}.pen-dots i{width:5px;height:5px}.pen-dots>div{gap:2px}.pen-save-zones button span{background:#b9ffd8dd;border:2px solid #143c2d;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 2px #fff,0 2px 5px #000b}.pen-save-zones button:hover span,.pen-save-zones button:focus-visible span{background:#fff36b;box-shadow:0 0 0 4px #173c2dbb}@media (height<=700px){.pen-world{--six-line-y:calc(49% + 14.735cqw);--box-line-y:calc(81% - 14.735cqw)}}.pen-keeper{width:14%;height:auto}.pen-kicker{width:20%;height:auto;top:calc(var(--ball-start-y) - 28cqw)}.pen-field-power--curve>div{background:linear-gradient(90deg,#de986b,#e7ece3 50%,#de986b);position:relative;overflow:visible}.pen-field-power--curve>div:after{content:"";border-left:1px solid #182b35;height:15px;position:absolute;top:-4px;left:50%}.pen-field-power--curve i{z-index:1;background:#fff;border:1px solid #173c2d;height:17px;position:absolute;top:-5px;transform:translate(-50%);width:5px!important}.pen-goal{aspect-ratio:320/120;width:32%;height:auto;top:33%;left:34%}.pen-six-area{width:100%;left:0;top:var(--goal-line-y);height:var(--six-depth);z-index:1;pointer-events:none;position:absolute;overflow:visible}.pen-six-area path{fill:none;stroke:#f5f6e7bb;stroke-width:.45px;vector-effect:non-scaling-stroke;stroke-width:2px}.pen-box-line{top:var(--box-line-y)}.pen-keeper{width:6.5%;height:auto;top:calc(33% + 1.4cqw)}.pen-keeper-shadow{width:8%;top:var(--goal-line-y)}.pen-banner-field{height:4%;top:calc(29% + 11.5cqw)}.pen-save-zones button span{width:15px;height:15px}.pen-aim-arrow{top:calc(33% - 18px)}.pen-height-arrow{z-index:7;clip-path:polygon(0 30%,45% 30%,45% 0,100% 50%,45% 100%,45% 70%,0 70%);pointer-events:none;background:#ffda65;width:15px;height:15px;position:absolute;left:calc(34% - 16px)}.pen-placard{width:30px;height:29px}.pen-placard .pen-badge{image-rendering:auto;width:24px;height:24px}.pen-fan:nth-child(n),.pen-crowd--cheer .pen-fan:nth-child(n){animation:none}.pen-fan:nth-child(8n){animation:2.3s ease-in-out infinite alternate pen-crowd;animation-delay:var(--fan-delay)}.pen-crowd--cheer .pen-fan:nth-child(5n){animation:.7s ease-in-out infinite alternate pen-celebrate;animation-delay:var(--fan-delay)}.pen-fan:nth-child(n):after{animation:none}.pen-score{direction:ltr;background:#0b1734eb;width:210px;max-width:54%;padding:6px 8px;display:block}.pen-score-row,.pen-score-shots{justify-content:space-between;align-items:center;gap:4px;display:flex}.pen-score .pen-score-row{font-size:10px}.pen-score-row span{white-space:nowrap}.pen-score-row strong{font-size:16px}.pen-score-row .pen-badge{width:19px;height:19px}.pen-score-shots{margin-top:4px}.pen-score-shots div{gap:3px;display:flex}.pen-score-shots i{border:1px solid #a7bad1;border-radius:50%;width:6px;height:6px}.pen-score-shots i.goal{background:#64dc94}.pen-score-shots i.miss{background:#f57e7e}.pen-score-shots small{color:#d6e4f3;direction:rtl;font-size:9px}.pen-score-separator{color:#a8b7ce}.pen-energy{z-index:9;background:#0b1734df;border-radius:7px;padding:5px;position:absolute;top:57px;right:12px}.pen-hearts{direction:ltr;align-items:center;gap:3px;display:flex}.pen-hearts svg{width:14px;height:13px}.pen-mini-wallet .pen-hearts{justify-content:flex-end}@media (height<=700px){.pen-world{--six-depth:calc(14.4% - 5.175cqw);--box-line-y:calc(89% - 8.625cqw)}}@media (prefers-reduced-motion:reduce){.pen-fan:nth-child(n),.pen-crowd--cheer .pen-fan:nth-child(n){animation:none}}.pen-mark{width:9%;height:7px}.pen-score{width:235px}.pen-score>div.pen-score-row:not(.pen-score-mid):not(.pen-dots),.pen-score>div.pen-score-shots:not(.pen-score-mid):not(.pen-dots){justify-content:space-between;display:flex}.pen-score>div.pen-score-row:not(.pen-score-mid):not(.pen-dots){font-size:10px}.pen-score-row span{text-overflow:ellipsis;min-width:0;overflow:hidden}.pen-score-shots small{white-space:nowrap}.pen-page{--pen-ball-y:72%}.pen-world{--goal-line-y:calc(33% + 21.56cqw);--six-depth:calc(17.55% - 9.702cqw);--box-line-y:calc(101.25% - 16.17cqw)}.pen-goal{z-index:2;width:60%;left:20%}.pen-field{top:calc(var(--goal-line-y) - 3cqw)}.pen-goal-line{top:var(--goal-line-y)}.pen-keeper{z-index:3;width:10%;height:16.4063cqw;top:calc(33% + 6.15cqw)}.pen-keeper-shadow{top:var(--goal-line-y);width:11%}.pen-banner-field{top:calc(var(--goal-line-y) - 4% - 1.5cqw);z-index:1;height:4%}.pen-save-zones{aspect-ratio:320/120;width:60%;height:auto;top:33%;left:20%}.pen-direction-arrow{z-index:7;left:50%;top:var(--pen-ball-y);transform-origin:50% 100%;width:32px;height:100px;transform:translate(-50%,-100%) rotate(var(--arrow-angle)) scaleY(var(--arrow-rise));pointer-events:none;filter:drop-shadow(1px 2px #112b3a);position:absolute;overflow:visible}.pen-power-vertical{z-index:6;pointer-events:none;background:#172943;border:2px solid #d9e8ed;border-radius:4px;width:13px;height:30%;padding:2px;position:absolute;bottom:10%;right:5%}.pen-power-vertical i{background:linear-gradient(#ef5854 0%,#f8c73e 16%,#6cdef7 35%,#39bcf1 100%);max-height:calc(100% - 4px);display:block;position:absolute;bottom:2px;left:2px;right:2px}.pen-crowd-art{image-rendering:pixelated;transform-origin:bottom;background:url(/penalty/crowd-tile.svg) 50%/auto 100% repeat-x;position:absolute;inset:0}.pen-crowd--cheer .pen-crowd-art{animation:.6s steps(2,end) infinite alternate pen-crowd-swell}@keyframes pen-crowd-swell{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.pen-world-switch:after{content:"";z-index:8;pointer-events:none;background:#08162b;animation:.7s ease-in-out both pen-turn-wipe;position:absolute;inset:0}@keyframes pen-turn-wipe{0%{opacity:0}45%,55%{opacity:.88}to{opacity:0}}.pen-energy-panel{gap:8px;display:grid}.pen-energy-panel h2,.pen-energy-panel h3,.pen-energy-panel p{margin:0}.pen-energy-panel p,.pen-energy-panel small{color:#d5e3f3;font-size:11px}.pen-energy-panel h3{font-size:13px}.pen-energy-panel .pen-secondary{width:100%}.pen-energy-panel .pen-secondary:disabled{opacity:.5}.pen-mission{color:#fff;background:#21385c;border-radius:7px;justify-content:space-between;gap:8px;padding:9px;font-size:11px;display:flex}.pen-mission small{color:#a7edc0}@media (height<=700px){.pen-page{--pen-ball-y:65%}.pen-world{--six-depth:calc(14.4% - 9.702cqw);--box-line-y:calc(89% - 16.17cqw)}}@media (prefers-reduced-motion:reduce){.pen-crowd--cheer .pen-crowd-art{animation:none}.pen-world-switch:after{animation-duration:.01ms}}.pen-ball,.pen-mark{left:45%}.pen-ball{width:5.4%}.pen-direction-arrow{width:40px;height:70px;transform:translate(-50%,-100%) rotate(var(--arrow-angle));left:48%}.pen-banner-upper{height:6%;top:17%}.pen-banner-field{top:calc(var(--goal-line-y) - 6% - 1.5cqw);height:6%}.pen-save-zones{grid-template-rows:repeat(3,1fr)}.pen-score-shots i{width:9px;height:9px}.pen-event-post .pen-goal{animation:none}.pen-event-post .pen-post-frame{animation:pen-post-impact .28s ease-out var(--flight)}@media (prefers-reduced-motion:reduce){.pen-event-post .pen-post-frame{animation-duration:.01ms;animation-delay:0s}}.pen-top{justify-content:space-between}.pen-event-goal .pen-ball,.pen-event-save .pen-ball,.pen-event-post .pen-ball,.pen-event-out .pen-ball{z-index:2}.pen-keeper-shadow{top:calc(var(--goal-line-y) + .1cqw);width:9%;height:.8%}.pen-event-goal .pen-ball{animation:pen-flight var(--flight) linear forwards,pen-goal-depth .24s ease-out var(--flight) forwards}@keyframes pen-goal-depth{0%{transform:translate(calc(-50% + var(--ball-hit-dx)),calc(-50% + var(--ball-hit-dy))) scale(.76) rotate(260deg)}to{transform:translate(calc(-50% + var(--ball-net-dx)),calc(-50% + var(--ball-net-dy))) scale(.64) rotate(285deg)}}@media (prefers-reduced-motion:reduce){.pen-event-goal .pen-ball{animation-duration:.01ms,.01ms;animation-delay:0s,0s}}.pen-event-save .pen-ball,.pen-event-post .pen-ball{animation:pen-flight var(--flight) linear forwards}@media (prefers-reduced-motion:reduce){.pen-event-save .pen-ball,.pen-event-post .pen-ball{animation-duration:.01ms;animation-delay:0s}}.pen-event-save .pen-ball{z-index:4}.pen-event-save .pen-keeper{transform-origin:50%;animation:pen-save-intercept var(--flight) ease-out forwards}.pen-event-save .pen-keeper .pen-arm-a,.pen-event-save .pen-keeper .pen-arm-b,.pen-event-save .pen-keeper .pen-character-body{animation:none}@keyframes pen-save-intercept{0%{transform:translate(-50%)rotate(0)}85%,to{transform:translate(calc(-50% + var(--save-dx)),calc(-50% + var(--save-dy))) rotate(var(--dive-angle))}}@media (prefers-reduced-motion:reduce){.pen-event-save .pen-keeper{animation-duration:.01ms;animation-delay:0s}}.pen-goal-touch{z-index:7;touch-action:none;cursor:crosshair;position:absolute;inset:0}.pen-goal-touch:focus-visible{outline-offset:3px;outline:2px solid #fff}.pen-target{--time-left:100%;--target-color:#9af6bf;will-change:transform;pointer-events:none;border-radius:50%;width:38px;height:38px;position:absolute;top:calc(33% + 11.25cqw);left:50%;transform:translate(-50%,-50%)}.pen-target:before,.pen-target:after{content:"";position:absolute;inset:0}.pen-target:before{background:conic-gradient(var(--target-color) var(--time-left),#fff6 0);border-radius:50%;-webkit-mask:radial-gradient(circle,#0000 0 65%,#000 67%);mask:radial-gradient(circle,#0000 0 65%,#000 67%)}.pen-target:after{background:linear-gradient(#fff,#fff) 50%/2px 12px no-repeat,linear-gradient(#fff,#fff) 50%/12px 2px no-repeat}.pen-target-urgent{--target-color:#ffba69}.pen-target-keeper{box-shadow:0 0 0 1px #a2efff80}.pen-target-keeper .pen-target-time:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#8ee9f415 0%,#71d8f12e 72%,#b8efff20 100%);border:1px dashed #b8edffc9;border-radius:50%;width:22.09cqw;height:12.17cqw;position:absolute;top:40px;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 8px #c2f8ff40,0 0 8px #55d5f52b}.pen-target-time{border:1px solid var(--target-color);color:#fff;background:#10243ef2;border-radius:5px;place-items:center;min-width:21px;height:18px;padding:0 4px;font:700 11px/1 Modam,Tahoma,sans-serif;display:grid;position:absolute;top:-21px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #07152599}.pen-touch-info{z-index:7;white-space:nowrap;color:#fff;pointer-events:none;background:#0b1734df;border-radius:5px;gap:12px;padding:5px 10px;font-size:11px;display:flex;position:absolute;top:24%;left:50%;transform:translate(-50%)}.pen-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pen-match-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.pen-match-actions .pen-primary{grid-column:1/-1}.pen-match-actions label{color:#cfe0ee;gap:3px;font-size:10px;display:grid}.pen-match-actions input{color:#142441;text-align:center;letter-spacing:2px;background:#fff;border:1px solid #718aaa;border-radius:8px;width:100%;min-width:0;padding:8px}.pen-match-actions .pen-secondary{align-self:end;min-height:38px}.pen-match-actions button:disabled{opacity:.5}.pen-lobby{text-align:center}.pen-lobby h2{font-size:16px}.pen-lobby p{color:#d5e3f3;margin:8px 0;font-size:11px}.pen-lobby strong{letter-spacing:4px;color:#b5f7cf;font-size:22px;display:block}.pen-lobby .pen-secondary{width:100%;margin-top:10px}.pen-match-actions .pen-practice-start{background:#314d70;grid-column:1/-1}.pen-kicker{width:23%;height:37.65cqw;left:25.5%;top:calc(var(--ball-start-y) - 32cqw)}.pen-mark{left:45%;top:calc(var(--ball-start-y) + 2.7cqw);transform:translate(-50%,-50%)}.pen-event-goal .pen-ball,.pen-event-save .pen-ball,.pen-event-post .pen-ball,.pen-event-out .pen-ball,.pen-event-goal .pen-keeper,.pen-event-save .pen-keeper,.pen-event-post .pen-keeper,.pen-event-out .pen-keeper{will-change:transform}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Modam,Tahoma,sans-serif}button,input{font:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}