.penalty-site{padding-bottom:92px}.penalty-header{border-bottom:1px solid #214245;align-items:center;gap:12px;padding:18px 24px;display:flex}.penalty-header h1{font-size:24px;line-height:1.15}.penalty-header .eyebrow{font-size:10px}.penalty-header .icon-btn{margin-left:auto}.penalty-layout{grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:28px;max-width:1050px;margin:auto;padding:24px;display:grid}.penalty-play{min-width:0}.penalty-score{justify-content:space-between;align-items:center;gap:12px;padding:10px 4px 14px;display:flex}.penalty-score>div>span{letter-spacing:2px;color:#9abdbd;font-size:11px}.penalty-score strong{color:#42f2dc;font-size:34px;line-height:1.1;display:block}.penalty-score small{color:#c4d7d7;font-size:14px}.penalty-dots{gap:7px;display:flex}.penalty-dots span{border:1px solid #35585b;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;display:flex}.penalty-dots .goal{color:#3affe0;border-color:#3affe0}.penalty-dots .miss{color:#ffa08b}.penalty-dots .next{border-color:#cffff4}.penalty-stage{background:#091f23;border:1px solid #31575b;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 15px 45px #0005}.penalty-stage canvas{aspect-ratio:2/3;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;display:block}.penalty-overlay{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#021019aa,#021019e8);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:28px;display:flex;position:absolute;inset:0}.penalty-overlay h2{font-size:clamp(25px,5vw,38px);font-style:italic;line-height:1.05}.penalty-overlay p{color:#c8dddd;font-size:15px}.penalty-overlay a{color:#40eadc;font-size:14px}.penalty-overlay small{color:#a4c5c3;font-size:12px}.penalty-hint{color:#d9fff7;text-align:center;pointer-events:none;background:#031113cc;border-radius:8px;padding:9px 10px;font-size:14px;position:absolute;top:10px;left:10px;right:10px}.penalty-power{align-items:center;gap:9px;padding:14px 2px;display:flex}.penalty-power>span{letter-spacing:1px;font-size:11px}.penalty-power>div{background:linear-gradient(90deg,#163e38 65%,#774138 65%);border-radius:8px;flex:1;height:8px;overflow:hidden}.penalty-power i{height:100%;transition:width 80ms;display:block}.penalty-power>b{text-align:right;min-width:115px;font-size:11px}.penalty-result-flash{text-align:center;background:#031716ee;border:1px solid #2a7474;border-radius:12px;gap:8px;padding:16px;display:grid;position:absolute;top:48%;left:16px;right:16px}.penalty-result-flash strong{color:#3bf7d7;font-size:30px;font-style:italic}.penalty-result-flash span,.penalty-result-flash p{font-size:14px}.penalty-finish{gap:11px}.penalty-total{color:#3ff6db;font-size:76px;line-height:1}.penalty-summary{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin:8px 0;display:grid}.penalty-summary span{color:#bdd4d3;font-size:11px}.penalty-summary b{color:#edfffa;font-size:22px;display:block}.penalty-actions{gap:8px;width:100%;display:flex}.penalty-actions button{padding:8px;font-size:12px}.penalty-text-btn{color:#8cceca;background:0 0;border:0;min-height:40px;font-size:14px;text-decoration:underline}.penalty-aside{padding-top:65px}.penalty-aside>section{margin-bottom:24px;padding:24px}.penalty-aside h2{margin-bottom:18px}.penalty-rules b{color:#35efdc}.penalty-rules p+p{margin-top:16px}.penalty-rules .muted{font-size:14px;line-height:1.65}.penalty-ranking [data-slot=tabs-list]{width:100%;margin-bottom:16px}.penalty-my-rank{border:1px solid #29dbcc;border-radius:8px;justify-content:space-between;gap:12px;margin-top:16px;padding:14px 10px;display:flex}.penalty-my-rank span{overflow-wrap:anywhere;flex:1}.penalty-message{color:#facba9;padding:10px 0;font-size:14px}.penalty-callout{color:#f2ffff;background:linear-gradient(110deg,#0b3638,#021012);border:1px solid #2dcbbb;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:0 40px 28px;padding:24px;text-decoration:none;display:flex}.penalty-callout strong{font-size:28px;font-style:italic;display:block}.penalty-callout p{color:#a9ceca;font-size:14px}.penalty-callout>span:last-child{color:#36f4da;white-space:nowrap;font-size:18px}@media (max-width:700px){.penalty-layout{padding:12px 14px;display:block}.penalty-header{padding:12px 16px}.penalty-header h1{font-size:21px}.penalty-play{max-width:420px;margin:auto}.penalty-stage{max-height:none}.penalty-aside{padding-top:16px}.penalty-aside>section{padding:20px}.penalty-callout{margin:0 16px 24px;padding:20px}.penalty-callout strong{font-size:23px}.penalty-callout>span:last-child{font-size:14px}.bottom-nav span{font-size:10px}.penalty-overlay{gap:12px;padding:20px}}@media (prefers-reduced-motion:reduce){.penalty-power i{transition:none}}.penalty-offline{text-align:center;color:#add5ce;background:#0b2c2b;padding:12px 20px;font-size:14px}@media (max-width:700px){.penalty-stage{width:clamp(260px,66.67svh - 153.341px,100%);margin-inline:auto}}@media (max-height:740px) and (max-width:700px){.penalty-overlay{gap:8px;padding:16px}.penalty-overlay h2{font-size:24px}.penalty-total{font-size:50px}.penalty-summary{margin:0}.penalty-finish .primary,.penalty-finish .outline-btn{min-height:40px;padding:8px}.penalty-overlay>small{font-size:11px}}.football-life-callout>span:first-child{min-width:0}.football-life-callout>.football-life-cta{color:#000;letter-spacing:.015em;background:linear-gradient(135deg,#99f7e5 0%,#40d9c8 52%,#26b7b0 100%);border:1px solid #a4fff0a6;border-radius:999px;flex-shrink:0;justify-content:space-between;align-items:center;gap:22px;min-height:56px;padding:8px 10px 8px 26px;font-size:16px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:inset 0 1px #e8fffba6,inset 0 -2px 2px #006b7133,0 6px 18px #0005,0 0 22px #3de3ce20}.football-life-cta-icon{background:#ffffff30;border:1px solid #eefff970;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 1px 2px #ffffff38}.football-life-cta-icon svg{transition:transform .18s}@media (hover:hover) and (pointer:fine){.football-life-callout:hover>.football-life-cta{filter:brightness(1.06);transform:translateY(-2px);box-shadow:inset 0 1px #e8fffbcc,0 9px 24px #0006,0 0 30px #3de3ce40}.football-life-callout:hover .football-life-cta-icon svg{transform:translate(3px)}}.football-life-callout:active>.football-life-cta{filter:brightness(.96);transform:translateY(1px)scale(.98);box-shadow:inset 0 2px 5px #006b7140,0 2px 8px #0004}.football-life-callout:focus-visible{outline-offset:5px;outline:2px solid #a3ffed}.football-life-callout:focus-visible>.football-life-cta{outline-offset:4px;outline:3px solid #e1fff8;box-shadow:0 0 0 7px #071b20,0 0 28px #3de3ce40}@media (max-width:700px){.football-life-callout{flex-wrap:wrap;gap:18px}.football-life-callout>.football-life-cta{gap:20px;min-height:52px;margin-left:auto;padding-left:22px;font-size:16px}.football-life-cta-icon{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.football-life-callout>.football-life-cta,.football-life-cta-icon svg{transition:none}.football-life-callout:hover>.football-life-cta,.football-life-callout:active>.football-life-cta,.football-life-callout:hover .football-life-cta-icon svg{transform:none}}.football-life-callout>.football-life-cta>span{color:#000;-webkit-text-fill-color:#000}