:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--background)}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100vh;background:var(--background)}button{font:inherit;touch-action:manipulation}.shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:clamp(16px,4vw,32px);display:grid;align-content:center;gap:20px}.switcher{display:flex;gap:10px;flex-wrap:wrap}.switcher button,.action{min-height:46px;border:0;border-radius:999px;padding:10px 18px;background:var(--primary);color:#fff;font-weight:750;cursor:pointer}.switcher button[aria-pressed=false]{background:color-mix(in srgb,var(--surface) 82%,var(--primary));color:var(--text)}.card{background:var(--surface);border-radius:24px;padding:clamp(20px,5vw,38px);box-shadow:0 20px 60px #0003;overflow:hidden}.eyebrow{margin:0;color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}h1,h2{margin:8px 0 10px;line-height:1.12}.hud{display:flex;justify-content:space-between;gap:12px;margin:18px 0;padding:12px 0;border-block:1px solid color-mix(in srgb,var(--text) 15%,transparent);font-weight:700}.answers{display:grid;gap:10px;margin-top:20px}.answer{min-height:52px;padding:12px 16px;text-align:left;border:2px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:14px;background:transparent;color:var(--text);cursor:pointer}.answer:hover,.answer:focus-visible{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent)}.feedback{min-height:24px;font-weight:750;color:var(--primary)}.symbols{color:var(--accent);letter-spacing:.4em}@media(max-width:420px){.shell{padding:12px;align-content:start}.card{border-radius:18px;padding:20px}.switcher button{flex:1}}.arcade-card{padding:16px}.track{position:relative;width:min(100%,420px);height:min(62vh,560px);margin:auto;display:flex;overflow:hidden;border-radius:18px;background:repeating-linear-gradient(180deg,transparent 0 38px,color-mix(in srgb,var(--accent) 65%,transparent) 40px 44px);border:4px solid var(--accent)}.lane{flex:1;border-inline-end:2px dashed color-mix(in srgb,var(--accent) 62%,transparent)}.lane:last-child{border:0}.player,.obstacle{position:absolute;translate:-50% -50%;font-size:2rem;z-index:2}.player{top:88%;transition:left 80ms linear;filter:drop-shadow(0 4px 3px rgb(0 0 0 / 35%))}.obstacle{z-index:1}.arcade-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.arcade-controls button{min-height:58px;border:0;border-radius:14px;background:var(--primary);color:#fff;font-size:1.5rem;font-weight:900}body[data-arcade-theme=frozen-escape] .track{background-color:#bae6fd;background-image:repeating-linear-gradient(165deg,transparent 0 44px,rgb(255 255 255 / 80%) 46px 50px);box-shadow:inset 0 0 40px #e0f2fe}body[data-arcade-theme=road-rider] .track{background-color:#374151;background-image:repeating-linear-gradient(180deg,transparent 0 38px,#fbbf24 40px 44px)}.puzzle-card{padding:clamp(12px,3vw,24px)}.puzzle-board{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:clamp(4px,1vw,8px);width:min(100%,520px);margin:auto}.puzzle-piece{aspect-ratio:1;min-width:0;border:2px solid color-mix(in srgb,var(--primary) 28%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 82%,white);font-size:clamp(1.25rem,6vw,2.25rem);cursor:pointer;transition:scale .1s,border-color .1s}.puzzle-piece.selected{border-color:var(--primary);scale:.9}.puzzle-piece.hinted{outline:4px solid var(--accent);animation:hint-pulse .7s ease-in-out infinite alternate}.puzzle-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.puzzle-actions button{min-height:48px;border:0;border-radius:14px;background:var(--primary);color:#fff;font-weight:800}body[data-puzzle-theme=stadium-match] .puzzle-board{padding:10px;border-radius:18px;background:repeating-linear-gradient(90deg,#15803d 0,#15803d 16.66%,#166534 16.66%,#166534 33.33%)}body[data-puzzle-theme=orchard-match] .puzzle-board{padding:10px;border-radius:28px 12px;background:radial-gradient(circle at 20% 10%,#fde68a,transparent 35%),#fecdd3}@keyframes hint-pulse{to{scale:1.08}}.skill-card{padding:14px}.skill-scene{position:relative;height:min(62vh,520px);overflow:hidden;border-radius:20px;touch-action:none}.skill-object{position:absolute;left:50%;bottom:7%;translate:-50%;font-size:3rem;cursor:grab}.skill-target{position:absolute;left:50%;top:14%;translate:-50%;font-size:5rem}.skill-blocker{position:absolute;left:50%;top:24%;translate:-50%;font-size:4.5rem}.skill-scene.basketball{background:linear-gradient(#172554 0,#172554 42%,#c2410c 42%);border-bottom:12px solid #fdba74}.skill-scene.basketball .skill-target{width:110px;height:90px;border:7px solid white;border-bottom:9px solid #ea580c;text-align:center}.skill-scene.penalty{background:linear-gradient(#7dd3fc 0,#7dd3fc 30%,#166534 30%);border-bottom:10px solid white}.skill-scene.penalty .skill-target{width:70%;height:34%;border:8px solid white;font-size:2rem;text-align:center;background:repeating-linear-gradient(45deg,transparent 0 12px,#ffffff55 13px 15px)}.crowd{height:30%;background:radial-gradient(circle,#fff 2px,transparent 3px) 0 0/18px 18px,#991b1b}.skill-scene.angle-target{background:linear-gradient(#7dd3fc 0,#7dd3fc 30%,#166534 30%);border-bottom:10px solid white}.skill-scene.angle-target:before{content:"";position:absolute;left:15%;top:9%;width:70%;height:36%;border:8px solid white;background:repeating-linear-gradient(45deg,transparent 0 12px,#ffffff55 13px 15px)}.skill-scene.angle-target .skill-target{left:50%;top:18%;z-index:2;width:72px;height:72px;display:grid;place-items:center;border:5px solid #d9f43b;border-radius:50%;color:#d9f43b;font-size:2.7rem}.football-shell{width:min(100%,640px);min-height:100vh;margin:auto;padding:clamp(12px,4vw,28px);display:grid;place-items:center}.stadium-card{position:relative;width:100%;overflow:hidden;border:1px solid rgb(217 244 59 / 28%);border-radius:28px;padding:clamp(22px,6vw,44px);background:linear-gradient(160deg,#fffffffa,#ebfff0f5);box-shadow:0 28px 80px #0000006b}.stadium-card:after{content:"";position:absolute;inset:auto -10% -90px;height:160px;border-radius:50%;background:repeating-linear-gradient(90deg,#087f3d 0,#087f3d 12.5%,#0a7139 12.5%,#0a7139 25%);opacity:.16;pointer-events:none}.stadium-lights{height:52px;margin:-44px -44px 26px;background:radial-gradient(circle,#fff 0 2px,transparent 3px) 0 0/18px 18px,linear-gradient(90deg,#06150e,#164c2d,#06150e);box-shadow:0 16px 42px #d9f43b57}.football-mark,.trophy{margin:18px 0 0;font-size:clamp(3rem,12vw,5rem);line-height:1;filter:drop-shadow(0 8px 8px rgb(0 0 0 / 18%))}.home-card h1,.result-card h1{max-width:12ch;font-size:clamp(2.35rem,10vw,4.6rem);letter-spacing:-.05em}.lead{max-width:42ch;font-size:clamp(1rem,3.8vw,1.22rem);line-height:1.5}.football-action{position:relative;z-index:1;width:100%;margin-top:16px;min-height:58px;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 10px 22px #087f3d47}.microcopy{position:relative;z-index:1;margin:12px 0 0;text-align:center;font-size:.82rem;opacity:.7}.pitch-line{position:absolute;inset:0 auto 0 12px;width:4px;background:var(--primary);opacity:.5}.question-category{margin:18px 0 4px;color:var(--primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.game-card h2{font-size:clamp(1.4rem,5vw,2.1rem)}.game-card .answer{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-height:58px;background:#fff;font-weight:650}.game-card .answer span{display:grid;flex:0 0 30px;aspect-ratio:1;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--primary) 12%,white);color:var(--primary);font-weight:900}.result-score{margin:0;color:var(--primary);font-size:1.25rem;font-weight:900}@media(max-width:420px){.football-shell{padding:10px;place-items:start center}.stadium-card{min-height:calc(100vh - 20px);border-radius:22px;padding:22px 18px}.stadium-lights{margin:-22px -18px 22px}.game-card .hud{margin-top:0;font-size:.88rem}}.legal-footer{position:fixed;z-index:10;right:0;bottom:0;left:0;display:flex;justify-content:center;gap:9px;padding:8px 12px;background:#031b12e5;color:#d8e7dc;font-size:.78rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legal-footer a{min-height:44px;display:inline-flex;align-items:center;color:inherit;text-underline-offset:3px}.legal-overlay{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;overflow:auto;padding:clamp(12px,4vw,32px);background:var(--background)}.legal-overlay[hidden]{display:none}.legal-document{width:min(100%,760px);margin:auto;padding:clamp(22px,5vw,44px);border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 20px 60px #0000004d}.legal-document h1{font-size:clamp(1.8rem,7vw,3rem)}.legal-document h2{margin-top:28px;font-size:1.12rem}.legal-document p,.legal-document li{line-height:1.65}.legal-back{min-height:44px;border:0;border-radius:999px;padding:8px 16px;background:var(--primary);color:#fff;font-weight:750;cursor:pointer}.legal-back-bottom{margin-top:24px}body.legal-open{overflow:hidden}.public-site{min-height:100vh;background:#f4f8f5;color:#10251a}.public-header{position:sticky;z-index:15;top:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(24px,calc((100vw - 1180px)/2));background:#f4f8f5f0;border-bottom:1px solid #dbe8df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.public-brand{color:#075d30;font-size:1.05rem;font-weight:900;text-decoration:none}.public-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 18px}.public-header nav a,.public-page-footer a{min-height:44px;display:inline-flex;align-items:center;color:#294c38;font-weight:700;text-underline-offset:4px}.public-site main{overflow:hidden}.public-hero,.public-section,.public-page-footer{width:min(100% - 40px,1180px);margin-inline:auto}.public-hero{min-height:620px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(36px,8vw,100px);padding-block:72px}.public-hero h1{max-width:10ch;margin:12px 0 20px;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.9;letter-spacing:-.075em}.public-hero p:not(.public-kicker){max-width:620px;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.public-kicker{margin:0;color:#087f3d;font-size:.8rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.public-cta{min-height:52px;display:inline-flex;align-items:center;justify-content:center;margin-top:16px;border:0;border-radius:999px;padding:12px 24px;background:#087f3d;color:#fff;font-weight:850;text-decoration:none;cursor:pointer;box-shadow:0 12px 26px #087f3d38}.hero-field{aspect-ratio:1;display:grid;place-items:center;position:relative;border-radius:50%;background:radial-gradient(circle at center,transparent 0 24%,#fff 24.5% 25.5%,transparent 26%),repeating-linear-gradient(90deg,#087f3d 0,#087f3d 16.6%,#0a7139 16.6%,#0a7139 33.2%);box-shadow:0 30px 80px #031b123d}.hero-field:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:3px solid rgb(255 255 255 / 70%);border-radius:50%}.hero-field span{position:absolute;color:#d9f43b;font-size:clamp(1.4rem,4vw,3rem)}.hero-field span:nth-child(1){top:12%;left:48%}.hero-field span:nth-child(2){bottom:18%;left:20%}.hero-field span:nth-child(3){right:17%;top:43%}.public-section{padding-block:clamp(64px,10vw,110px);scroll-margin-top:80px}.public-section>h2,.games-section>div h2,.about-section h2{max-width:720px;margin:10px 0 30px;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.045em}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps-grid article{min-height:230px;padding:26px;border:1px solid #dbe8df;border-radius:20px;background:#fff}.steps-grid strong{color:#087f3d;font-size:.8rem;letter-spacing:.1em}.steps-grid h3{font-size:1.25rem}.steps-grid p{line-height:1.55;color:#45604e}.games-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(30px,8vw,90px);align-items:center}.games-section>div>p:last-child,.about-section p{max-width:700px;color:#45604e;line-height:1.7}.public-games-list{display:grid;gap:24px}.public-game-card{display:grid;grid-template-columns:.72fr 1.28fr;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 24px 70px #031b1224}.game-card-art{min-height:360px;display:grid;place-items:center;background:repeating-linear-gradient(90deg,#087f3d 0,#087f3d 16.6%,#0a7139 16.6%,#0a7139 33.2%);font-size:5rem}.game-card-art.angle-art{background:radial-gradient(circle,#d9f43b 0 12%,transparent 13%),repeating-linear-gradient(90deg,#075d30 0,#075d30 16.6%,#087f3d 16.6%,#087f3d 33.2%);color:#fff}.public-game-card>div:last-child{padding:clamp(26px,5vw,46px)}.public-game-card h3{font-size:clamp(1.8rem,4vw,3rem);margin:8px 0}.public-game-card ul{padding-left:20px;line-height:1.9}.game-type{color:#087f3d;font-weight:850}.coming-soon{grid-column:2;text-align:center;color:#55705e;font-size:.9rem}.about-section{border-block:1px solid #dbe8df}.about-section p{font-size:1.08rem}.public-page-footer{display:flex;justify-content:space-between;gap:24px;padding-block:34px 80px;color:#45604e}.public-page-footer nav{display:flex;gap:20px;flex-wrap:wrap}.public-page-footer span{font-weight:850}.game-home-link{width:fit-content;min-height:44px;border:0;background:transparent;color:#d8e7dc;font-weight:750;cursor:pointer}body[data-public-view=home] .legal-footer{display:none}.section-intro{max-width:760px;margin:0 0 32px;color:#45604e;font-size:1.08rem;line-height:1.7}.editorial-main{width:min(100% - 40px,900px);min-height:calc(100vh - 180px);margin-inline:auto;padding:clamp(54px,9vw,100px) 0}.editorial-hero{margin-bottom:clamp(42px,7vw,72px);padding-bottom:clamp(34px,6vw,58px);border-bottom:1px solid #dbe8df}.editorial-hero h1{max-width:13ch;margin:12px 0 22px;font-size:clamp(2.8rem,8vw,5.6rem);line-height:.96;letter-spacing:-.06em}.editorial-hero>p:last-child{max-width:720px;font-size:clamp(1.08rem,2.2vw,1.28rem);line-height:1.7}.editorial-main>section{margin:0 0 clamp(38px,6vw,64px)}.editorial-main>section h2{margin:0 0 14px;font-size:clamp(1.65rem,4vw,2.45rem);letter-spacing:-.035em}.editorial-main>section p,.legal-page li{color:#365442;font-size:1.05rem;line-height:1.75}.editorial-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:22px}.editorial-actions .public-cta{margin-top:0}.text-link{min-height:44px;display:inline-flex;align-items:center;color:#075d30;font-weight:850;text-underline-offset:5px}.editorial-band{border-block:1px solid #dbe8df}.editorial-main .public-games-list{margin-bottom:58px}.editorial-main .public-game-card{grid-template-columns:.55fr 1.45fr}.editorial-main .game-card-art{min-height:310px}.legal-page{width:min(100% - 40px,820px)}.legal-page .legal-document{width:100%;box-shadow:none}.legal-back{text-decoration:none}@media(max-width:760px){.public-header{align-items:flex-start;padding:14px 20px}.public-header nav{max-width:190px;gap:2px 12px}.public-header nav a{min-height:34px;font-size:.78rem}.public-hero{min-height:auto;grid-template-columns:1fr;padding-block:54px 72px}.public-hero h1{font-size:clamp(3rem,15vw,5rem)}.hero-field{width:min(86vw,380px);justify-self:center}.steps-grid{grid-template-columns:1fr 1fr}.games-section,.public-game-card{grid-template-columns:1fr}.game-card-art{min-height:220px}.coming-soon{grid-column:1}.public-page-footer{flex-direction:column}.public-section{scroll-margin-top:120px}}@media(max-width:420px){.public-hero,.public-section,.public-page-footer,.editorial-main{width:min(100% - 28px,1180px)}.steps-grid{grid-template-columns:1fr}.steps-grid article{min-height:auto}.public-game-card,.editorial-main .public-game-card{grid-template-columns:1fr;border-radius:20px}.public-header{position:relative;flex-direction:column}.public-header nav{max-width:none;justify-content:flex-start}.public-section{scroll-margin-top:20px}.skill-scene.angle-target{height:min(56vh,470px)}.editorial-main{padding-top:42px}.editorial-hero h1{font-size:clamp(2.55rem,13vw,4.2rem)}.editorial-actions{align-items:stretch}.editorial-actions .public-cta,.editorial-actions .text-link{width:100%;justify-content:center}.legal-page .legal-document{padding:20px 4px}}.penalty-shell{width:min(100%,540px);gap:10px;padding-block:12px}.penalty-intro,.penalty-result{border:1px solid rgb(255 255 255 / 12%);background:linear-gradient(145deg,#123f2c,#071f18);color:#fff;box-shadow:0 24px 70px #00000057}.penalty-intro h1,.penalty-result h1{margin-block:8px 14px;font-size:clamp(2.8rem,12vw,4.8rem);line-height:.9;letter-spacing:-.055em}.penalty-intro p,.penalty-result p{color:#dff7e8;line-height:1.65}.penalty-game{overflow:hidden;border:1px solid rgb(255 255 255 / 14%);border-radius:26px;background:#071f18;box-shadow:0 26px 80px #0000006b}.penalty-hud{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:linear-gradient(90deg,#061813,#123f2c);color:#cfeadd;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.penalty-hud span{display:flex;align-items:baseline;gap:6px}.penalty-hud b{color:#fff;font-size:1.35rem}.penalty-scene{--guide-x: 0px;--guide-y: -70px;position:relative;isolation:isolate;height:min(67vh,590px);min-height:470px;overflow:hidden;touch-action:none;background:linear-gradient(#07162d 0,#07162d 17%,#182039 17%,#182039 31%,#187847 31%,#187847)}.penalty-scene:before{content:"";position:absolute;z-index:-1;top:31%;right:-16%;bottom:-20%;left:-16%;background:repeating-linear-gradient(96deg,#fff0 0,#fff0 11%,#ffffff0f 11%,#ffffff0f 22%),linear-gradient(#219255,#075f34);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.penalty-scene:after{content:"";position:absolute;z-index:1;left:13%;top:42%;width:74%;height:51%;border:2px solid rgb(255 255 255 / 62%);border-top:0;clip-path:polygon(17% 0,83% 0,100% 100%,0 100%);opacity:.82;pointer-events:none}.stadium-lights{position:absolute;z-index:0;inset:0 0 auto;height:18%;background:radial-gradient(ellipse at 50% -20%,#fff 0 3%,#b9e8ff 4% 9%,transparent 25%),linear-gradient(#061027,#13203b)}.penalty-crowd{position:absolute;z-index:1;top:15%;left:-3%;width:106%;height:22%;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:3px;padding:6px 12px 0;overflow:hidden;border-top:3px solid #d9e2ec;background:repeating-linear-gradient(0deg,rgb(255 255 255 / 7%) 0 3px,transparent 3px 15px),linear-gradient(#26324a,#111827)}.penalty-crowd i{position:relative;height:54%;border-radius:50% 50% 8px 8px;background:var(--fan, #f4c95d);transform-origin:50% 100%;animation:crowd-bounce 1.1s ease-in-out infinite alternate}.penalty-crowd i:before{content:"";position:absolute;left:22%;top:-40%;width:56%;aspect-ratio:1;border-radius:50%;background:#c98657}.penalty-crowd i:nth-child(3n){--fan: #e83f3f;animation-delay:-.25s}.penalty-crowd i:nth-child(3n+1){--fan: #e9eef5;animation-delay:-.55s}.penalty-crowd i:nth-child(4n){--fan: #1d9a5b;animation-delay:-.8s}.goal-depth{position:absolute;z-index:2;left:13%;top:28%;width:74%;height:26%;background:linear-gradient(180deg,#e0f7ff29,#0000001f);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}.penalty-goal{position:absolute;z-index:4;left:12%;top:29%;width:76%;height:28%;border:clamp(5px,1.4vw,8px) solid #f8fafc;border-bottom-width:6px;filter:drop-shadow(0 6px 5px rgb(0 0 0 / 32%))}.goal-net{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 20px,rgb(255 255 255 / 42%) 21px 23px),repeating-linear-gradient(0deg,transparent 0 16px,rgb(255 255 255 / 38%) 17px 19px);transform-origin:top}.goalkeeper{position:absolute;z-index:7;left:50%;top:34%;width:66px;height:112px;translate:-50% 0;transform-origin:50% 68%;transition:transform .26s cubic-bezier(.2,.8,.2,1)}.keeper-head{position:absolute;left:24px;top:0;width:20px;height:22px;border-radius:50%;background:#9a603f;box-shadow:inset 0 5px #2d211b}.keeper-body{position:absolute;left:18px;top:20px;width:32px;height:46px;border-radius:10px 10px 5px 5px;background:linear-gradient(90deg,#f5c842,#fff071 48%,#dcae13);box-shadow:inset 0 -8px #0000001f}.keeper-arm,.keeper-leg{position:absolute;width:13px;border-radius:10px;background:#f5c842;transform-origin:50% 5px}.keeper-arm{top:25px;height:48px}.keeper-arm-left{left:12px;rotate:52deg}.keeper-arm-right{right:10px;rotate:-52deg}.keeper-leg{top:59px;height:50px;background:#202c4d}.keeper-leg-left{left:21px;rotate:10deg}.keeper-leg-right{right:17px;rotate:-10deg}.keeper-glove{position:absolute;top:57px;width:17px;height:14px;border-radius:50% 50% 6px 6px;background:#f7f7f4}.keeper-glove-left{left:1px;rotate:-22deg}.keeper-glove-right{right:0;rotate:22deg}.penalty-box{position:absolute;z-index:2;left:28%;top:57%;width:44%;height:24%;border:2px solid rgb(255 255 255 / 58%);border-top:0;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.penalty-spot{position:absolute;z-index:3;left:50%;top:71%;width:7px;height:7px;translate:-50%;border-radius:50%;background:#ffffffb8}.penalty-ball{z-index:10;left:50%;bottom:7%;width:78px;height:78px;display:grid;place-items:center;translate:-50%;border-radius:50%;font-size:4rem;line-height:1;filter:drop-shadow(0 12px 8px rgb(0 0 0 / 40%));-webkit-user-select:none;user-select:none;touch-action:none;transition:filter .16s,scale .16s}.penalty-ball:active{scale:1.08;cursor:grabbing;filter:drop-shadow(0 16px 10px rgb(0 0 0 / 45%))}.shot-guide{position:absolute;z-index:9;left:50%;bottom:15%;width:4px;height:max(56px,calc(-1 * var(--guide-y)));border-radius:99px;background:linear-gradient(transparent,#ffffffd9);opacity:0;transform:translate(calc(var(--guide-x) * .35)) rotate(calc(var(--guide-x) * .08deg));transform-origin:50% 100%;transition:opacity .12s}.is-aiming .shot-guide{opacity:.78}.penalty-feedback{position:absolute;z-index:12;left:50%;top:48%;translate:-50% -50%;width:90%;color:#fff;font-size:clamp(2.8rem,13vw,5.2rem);font-weight:950;font-style:italic;letter-spacing:-.06em;text-align:center;text-shadow:0 5px 0 rgb(0 0 0 / 25%),0 0 24px rgb(0 0 0 / 50%);pointer-events:none;animation:result-pop .36s both}.penalty-instruction{margin:0;padding:14px 18px 17px;background:#071f18;color:#e5f7ec;font-size:.95rem;font-weight:750;text-align:center}.penalty-scene[data-outcome=success] .goal-net{animation:net-ripple .48s ease-out}.penalty-scene[data-outcome=success] .penalty-crowd i{animation-duration:.22s}.penalty-scene[data-outcome=blocked] .goalkeeper{transform:translate(var(--keeper-x, 0)) rotate(12deg)}.penalty-scene[data-outcome=blocked] .keeper-arm-left{rotate:78deg}.penalty-scene[data-outcome=blocked] .keeper-arm-right{rotate:-78deg}.penalty-scene[data-outcome=miss] .penalty-ball{filter:grayscale(.35) drop-shadow(0 12px 8px rgb(0 0 0 / 35%))}@keyframes crowd-bounce{to{transform:translateY(-5px) rotate(2deg)}}@keyframes net-ripple{35%{transform:perspective(120px) rotateX(-15deg) scale(1.06)}to{transform:none}}@keyframes result-pop{0%{opacity:0;scale:.55}70%{scale:1.08}to{opacity:1;scale:1}}@media(max-width:420px){.penalty-shell{padding:8px 10px 14px}.penalty-scene{height:min(66vh,565px);min-height:470px}.penalty-ball{width:72px;height:72px;font-size:3.7rem}.penalty-hud{min-height:52px;padding-inline:15px}.game-home-link{font-size:.82rem}}@media(min-width:760px){.penalty-shell{width:min(100%,560px)}.penalty-scene{height:min(72vh,620px)}}@media(prefers-reduced-motion:reduce){.penalty-crowd i,.goal-net,.penalty-feedback{animation-duration:1ms!important;animation-iteration-count:1!important}.goalkeeper,.penalty-ball{transition-duration:1ms!important}}.penalty-shell{width:min(100%,600px);padding-top:4px}.penalty-game{border-radius:30px;background:#020d09;box-shadow:0 35px 100px #00000094,0 0 0 1px #ffffff12}.penalty-hud{position:relative;z-index:30;min-height:58px;padding-inline:22px;background:linear-gradient(90deg,#061610,#0c3926 48%,#061610)}.penalty-scene{--guide-length: 100px;--guide-angle: 0deg;height:min(72vh,650px);min-height:530px;background:linear-gradient(#06132e 0,#06132e 16%,#17213b 16%,#17213b 38%,#167347 38%,#167347);perspective:700px}.penalty-scene:before{z-index:0;top:37%;right:-42%;bottom:-25%;left:-42%;background:repeating-linear-gradient(98deg,#ffffff05 0,#ffffff05 9%,#00000014 9%,#00000014 18%),radial-gradient(ellipse at 50% 0,#38a963,#08703f 58%,#034d2c);clip-path:polygon(27% 0,73% 0,100% 100%,0 100%);box-shadow:inset 0 18px 35px #0000002b}.penalty-scene:after{z-index:3;left:4%;top:51%;width:92%;height:53%;border:3px solid rgb(255 255 255 / 75%);border-top:0;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);filter:drop-shadow(0 2px 1px rgb(0 0 0 / 18%))}.stadium-sky{position:absolute;z-index:0;inset:0 0 auto;height:22%;overflow:hidden;background:radial-gradient(ellipse at 50% -5%,#8099c7 0,#22335b,#07132b 72%)}.stadium-sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 28%,rgb(0 0 0 / 48%) 100%)}.stadium-sky i{position:absolute;top:12%;width:54px;height:7px;border-radius:50%;background:#eaf7ff;box-shadow:0 0 15px 5px #b7e2ff,0 0 34px 12px #9dd5ff73}.stadium-sky i:nth-child(1){left:3%;rotate:-12deg}.stadium-sky i:nth-child(2){left:20%;rotate:-5deg}.stadium-sky i:nth-child(3){left:41%}.stadium-sky i:nth-child(4){right:31%;rotate:4deg}.stadium-sky i:nth-child(5){right:13%;rotate:8deg}.stadium-sky i:nth-child(6){right:-5%;rotate:14deg}.stadium-stands{position:absolute;z-index:2;top:17%;left:-2%;width:104%;height:29%;overflow:hidden;border-block:5px solid #bcc9d7;background:repeating-linear-gradient(0deg,#17243d 0,#17243d 17px,#263650 18px,#263650 20px);box-shadow:0 8px 18px #0000006b}.crowd-banner{position:absolute;z-index:5;left:50%;bottom:3px;translate:-50%;width:56%;padding:3px;border-inline:4px solid #e7b72d;background:#8d1420;color:#fff;font-size:.57rem;font-weight:950;letter-spacing:.19em;text-align:center}.crowd-row{position:absolute;left:0;width:100%;display:grid;grid-template-columns:repeat(20,1fr);align-items:end;padding-inline:3px}.crowd-row-1{bottom:7%;height:38%;z-index:3}.crowd-row-2{bottom:31%;height:34%;z-index:2;scale:.9}.crowd-row-3{bottom:56%;height:31%;z-index:1;scale:.8;opacity:.82}.crowd-row i{--shirt: #d7e3f0;position:relative;align-self:end;justify-self:center;width:84%;height:54%;border-radius:12px 12px 2px 2px;background:var(--shirt);transform-origin:50% 100%;animation:crowd-sway .7s var(--delay) ease-in-out infinite alternate}.crowd-row i b{position:absolute;left:25%;top:-45%;width:50%;aspect-ratio:1;border-radius:50%;background:#b86f45;box-shadow:inset 0 4px #3a251f}.crowd-row i span:before,.crowd-row i span:after{content:"";position:absolute;top:-5%;width:33%;height:72%;border-radius:12px;background:inherit;transform-origin:50% 90%}.crowd-row i span:before{left:-22%;rotate:34deg}.crowd-row i span:after{right:-22%;rotate:-34deg}.crowd-row i[style*="--fan:0"]{--shirt:#f8fafc }.crowd-row i[style*="--fan:1"]{--shirt:#e23846 }.crowd-row i[style*="--fan:2"]{--shirt:#1ca865 }.crowd-row i[style*="--fan:3"]{--shirt:#f1bd32 }.crowd-row i[style*="--fan:4"]{--shirt:#4c73c9 }.crowd-flag{position:absolute;z-index:6;top:8%;width:52px;height:34px;background:linear-gradient(#147f4b 0,#147f4b 33%,#f1d142 33%,#f1d142 66%,#e13c49 66%);transform-origin:bottom left;animation:flag-wave .55s ease-in-out infinite alternate}.crowd-flag:before{content:"";position:absolute;left:-4px;top:-6px;width:4px;height:64px;background:#d5e1ec}.flag-left{left:9%;rotate:-8deg}.flag-right{right:8%;scale:-1 1;animation-delay:-.3s}.goal-shadow{position:absolute;z-index:3;left:4%;top:37%;width:92%;height:22%;background:#00000042;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);filter:blur(5px)}.penalty-goal{z-index:6;left:3.5%;top:34%;width:93%;height:30%;border-width:9px;border-radius:2px;filter:drop-shadow(0 9px 6px rgb(0 0 0 / 48%))}.penalty-goal:before,.penalty-goal:after{content:"";position:absolute;top:-9px;width:8px;height:118%;background:#e9f1f5;transform-origin:top}.penalty-goal:before{left:-9px;rotate:9deg}.penalty-goal:after{right:-9px;rotate:-9deg}.goal-net{background:repeating-linear-gradient(90deg,transparent 0 17px,rgb(235 248 255 / 62%) 18px 20px),repeating-linear-gradient(0deg,transparent 0 13px,rgb(235 248 255 / 58%) 14px 16px),linear-gradient(#cae7ef29,#051d1b40);box-shadow:inset 0 0 25px #00000040}.goal-roof{position:absolute;left:-1%;bottom:100%;width:102%;height:48px;background:repeating-linear-gradient(90deg,transparent 0 17px,rgb(235 248 255 / 48%) 18px 20px),repeating-linear-gradient(0deg,transparent 0 13px,rgb(235 248 255 / 45%) 14px 16px);transform:perspective(120px) rotateX(62deg);transform-origin:bottom}.goal-side{position:absolute;top:0;width:42px;height:100%;background:repeating-linear-gradient(90deg,transparent 0 17px,rgb(235 248 255 / 46%) 18px 20px),repeating-linear-gradient(0deg,transparent 0 13px,rgb(235 248 255 / 44%) 14px 16px)}.goal-side-left{right:100%;transform:skewY(-38deg);transform-origin:right top}.goal-side-right{left:100%;transform:skewY(38deg);transform-origin:left top}.goalkeeper{position:absolute;z-index:9;left:50%;top:38%;width:clamp(108px,28%,148px);height:auto;translate:-50% 0;overflow:visible;transition:transform .36s cubic-bezier(.18,.76,.24,1)}.goalkeeper .keeper-character{transform-origin:70px 112px;transition:transform .36s cubic-bezier(.18,.76,.24,1)}.goalkeeper .keeper-arm{position:static;width:auto;height:auto;background:none;transform-origin:70px 75px;transition:transform .34s ease-out}.goalkeeper .keeper-arm path:first-child{fill:none;stroke:#ffbd18;stroke-width:15;stroke-linecap:round}.goalkeeper .keeper-skin,.goalkeeper .keeper-head{fill:#a96542}.goalkeeper .keeper-glove{fill:#f5fbff;stroke:#9bc5d6;stroke-width:2}.goalkeeper .keeper-leg{fill:#243456}.goalkeeper .keeper-sock{fill:#f2c318}.goalkeeper .keeper-boot{fill:#101827}.goalkeeper .keeper-shorts{fill:#162846}.goalkeeper .keeper-shirt{fill:url(#keeper-shirt)}.goalkeeper .keeper-collar{fill:none;stroke:#173456;stroke-width:6;stroke-linecap:round}.goalkeeper .keeper-hair{fill:#2e1c16}.goalkeeper .keeper-face{fill:none;stroke:#3b241c;stroke-width:2.4;stroke-linecap:round}.penalty-scene[data-phase=shot][data-keeper=left] .keeper-character,.penalty-scene[data-phase=result][data-keeper=left] .keeper-character{transform:translate(-94px,-16px) rotate(-42deg) scale(1.08)}.penalty-scene[data-phase=shot][data-keeper=right] .keeper-character,.penalty-scene[data-phase=result][data-keeper=right] .keeper-character{transform:translate(94px,-16px) rotate(42deg) scale(1.08)}.penalty-scene[data-phase=shot][data-keeper=center] .keeper-character,.penalty-scene[data-phase=result][data-keeper=center] .keeper-character{transform:translateY(-32px) scale(1.12)}.penalty-scene[data-phase=shot] .keeper-arm-left,.penalty-scene[data-phase=result] .keeper-arm-left{transform:rotate(-15deg) translate(-4px,-4px)}.penalty-scene[data-phase=shot] .keeper-arm-right,.penalty-scene[data-phase=result] .keeper-arm-right{transform:rotate(15deg) translate(4px,-4px)}.field-lines{position:absolute;z-index:2;top:44%;right:0;bottom:0;left:0;pointer-events:none}.field-lines:before{content:"";position:absolute;left:12%;top:0;width:76%;height:88%;border:3px solid rgb(255 255 255 / 72%);border-top:0;clip-path:polygon(29% 0,71% 0,100% 100%,0 100%)}.penalty-arc{position:absolute;left:50%;top:39%;width:120px;height:55px;translate:-50%;border:3px solid rgb(255 255 255 / 65%);border-bottom:0;border-radius:90px 90px 0 0;transform:perspective(120px) rotateX(62deg)}.field-lines .penalty-spot{top:46%;width:9px;height:9px;background:#fff;box-shadow:0 2px 3px #00000040}.penalty-ball{bottom:4.5%;width:96px;height:96px;font-size:5rem;filter:drop-shadow(0 20px 12px rgb(0 0 0 / 52%));transition:filter .13s,scale .13s}.penalty-scene[data-phase=aiming] .penalty-ball{filter:drop-shadow(0 24px 14px rgb(0 0 0 / 55%)) brightness(1.08);scale:1.06}.shot-guide{left:50%;bottom:13%;width:5px;height:var(--guide-length);opacity:0;border:0;background:repeating-linear-gradient(0deg,#fff 0 9px,transparent 9px 17px);transform:translate(-50%) rotate(var(--guide-angle));transform-origin:50% 100%;filter:drop-shadow(0 0 4px rgb(255 255 255 / 70%))}.shot-guide i:before{content:"";position:absolute;left:50%;top:-8px;width:18px;height:18px;border-top:4px solid #fff;border-left:4px solid #fff;translate:-50%;rotate:45deg}.penalty-scene[data-phase=aiming] .shot-guide{opacity:.92}.penalty-feedback{top:24%;padding:8px 12px;font-size:clamp(2.6rem,12vw,5rem);opacity:0;animation:none}.penalty-scene[data-phase=result] .penalty-feedback{animation:result-pop .62s both}.penalty-scene[data-outcome=success] .goal-net{animation:net-ripple .7s ease-out}.penalty-scene[data-outcome=success] .crowd-row i{animation-name:crowd-goal;animation-duration:.22s}.penalty-scene[data-outcome=success] .crowd-flag{animation-duration:.16s}.penalty-scene[data-outcome=blocked] .crowd-row i{animation-name:crowd-blocked;animation-duration:.35s}.penalty-scene[data-outcome=blocked] .goalkeeper{transform:none;filter:drop-shadow(0 0 12px rgb(255 226 77 / 70%))}.penalty-scene[data-outcome=miss] .crowd-row i{animation-name:crowd-miss;animation-duration:.3s}.penalty-scene[data-outcome=miss] .penalty-ball{filter:grayscale(.35) drop-shadow(0 15px 10px rgb(0 0 0 / 42%))}.penalty-instruction{padding:15px 18px 18px;font-size:1rem}@keyframes crowd-sway{0%{transform:translateY(1px) rotate(-3deg)}to{transform:translateY(-7px) rotate(3deg)}}@keyframes crowd-goal{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(-15px) scaleY(1.12)}}@keyframes crowd-blocked{0%{transform:translate(-3px)}to{transform:translate(3px) rotate(5deg)}}@keyframes crowd-miss{0%{transform:translateY(0)}to{transform:translateY(4px) rotate(-4deg)}}@media(max-width:420px){.penalty-shell{width:100%;padding:2px 6px 10px}.penalty-game{border-radius:22px}.penalty-scene{height:calc(100svh - 184px);min-height:545px;max-height:660px}.penalty-goal{left:2.5%;width:95%}.goalkeeper{width:126px}.penalty-ball{width:92px;height:92px;font-size:4.8rem}.penalty-instruction{font-size:.91rem}.crowd-banner{font-size:.5rem}}@media(prefers-reduced-motion:reduce){.crowd-row i,.crowd-flag,.goal-net,.penalty-feedback{animation-duration:1ms!important;animation-iteration-count:1!important}.goalkeeper,.goalkeeper .keeper-character,.goalkeeper .keeper-arm,.penalty-ball{transition-duration:1ms!important}}body[data-public-view=angle-target]{--pp-red:#c72f3d;--pp-red-dark:#711923;--pp-white:#fffdf5;--pp-gold:#f4d45b;--pp-grass-near:#45a95b;--pp-grass-far:#237b43;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.penalty-shell{width:min(100%,520px);gap:6px;padding:4px 8px 10px}.penalty-intro,.penalty-result{border:1px solid rgb(255 255 255 / 18%);background:linear-gradient(145deg,#6f1721,#291016);color:var(--pp-white);box-shadow:0 22px 60px #0000007a}.penalty-intro h1,.penalty-result h1{margin:8px 0 14px;font-size:clamp(3rem,13vw,5rem);font-style:italic;line-height:.88;letter-spacing:-.06em}.penalty-intro p,.penalty-result p{color:#fff5e8}.lovable-game{overflow:hidden;border-radius:22px;box-shadow:0 26px 75px #0000008c}.lovable-field{--aim-length:100px;--aim-angle:0deg;position:relative;height:min(78svh,690px);min-height:610px;overflow:hidden;touch-action:none;background:#301019;color:var(--pp-white)}.lovable-sky{position:absolute;inset:0 0 auto;height:46%;background:linear-gradient(180deg,#60202c,#2e1621)}.floodlight{position:absolute;top:0;display:flex;gap:2px;padding:2px;border-radius:2px;background:#51464a;transform:translate(-50%);box-shadow:0 0 45px 18px #fff4b821}.floodlight:before{content:"";position:absolute;left:50%;top:-10px;width:2px;height:10px;background:#75696b}.floodlight:after{content:"";position:absolute;left:50%;top:100%;width:96px;height:105px;translate:-50% -5px;background:radial-gradient(60% 100% at 50% 0,rgb(255 247 189 / 35%),transparent 70%);opacity:.5}.floodlight b{width:9px;height:9px;border-radius:1px;background:#fff9bd;box-shadow:0 0 10px #fff1a5}.light-1{left:18%}.light-2{left:50%}.light-3{left:82%}.lovable-stands{position:absolute;inset:8% 0 auto;height:38%;overflow:hidden;background:repeating-linear-gradient(90deg,#8e202b 0,#8e202b 16px,#6e1823 16px,#6e1823 32px)}.stand-stripes{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgb(0 0 0 / 16%) 0 11px,transparent 11px 24px),linear-gradient(rgb(0 0 0 / 26%),transparent 32%,rgb(0 0 0 / 22%))}.stand-banner{position:absolute;z-index:6;inset-inline:0;background:repeating-linear-gradient(90deg,var(--pp-red) 0 28px,var(--pp-white) 28px 56px);box-shadow:0 4px 12px #00000052}.stand-banner.top{top:20%;height:5%;opacity:.82}.stand-banner.bottom{bottom:9%;height:7%}.lovable-crowd{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;overflow:hidden}.lovable-fan{position:absolute;left:var(--fan-left);top:var(--fan-top);width:var(--fan-size);aspect-ratio:3/4;opacity:var(--fan-opacity);transform-origin:50% 100%;animation:pp-fan-wave 1.05s var(--fan-delay) ease-in-out infinite alternate}.lovable-fan:nth-child(3n){animation-duration:1.28s}.lovable-fan:nth-child(4n){animation-direction:alternate-reverse}.lovable-fan:nth-child(5n){animation-duration:.92s}.fan-body{position:absolute;left:11%;bottom:0;width:78%;height:62%;border-radius:45% 45% 8% 8%;background:var(--fan-shirt)}.fan-head{position:absolute;left:24%;top:0;width:52%;aspect-ratio:1;border-radius:50%;background:#d09a72;box-shadow:inset 0 3px #4b2e29}.fan-arm{position:absolute;z-index:-1;top:26%;width:46%;height:16%;border-radius:999px;background:#c58a66;transform-origin:80% 50%;animation:pp-arm-cheer .82s var(--fan-delay) ease-in-out infinite alternate}.fan-arm.left{left:-26%;rotate:-38deg}.fan-arm.right{right:-26%;rotate:38deg;animation-direction:alternate-reverse}.fan-red{--fan-shirt:var(--pp-red)}.fan-white{--fan-shirt:var(--pp-white)}.fan-flag{position:absolute;right:-40%;top:-70%;width:60%;height:70%;transform-origin:bottom left;animation:pp-flag-sway 1.15s var(--fan-delay) ease-in-out infinite alternate}.fan-flag:before{content:"";position:absolute;left:0;bottom:0;width:10%;height:100%;border-radius:99px;background:#6b5d55}.fan-flag b{position:absolute;left:10%;bottom:35%;width:90%;height:58%;background:repeating-linear-gradient(180deg,var(--pp-red) 0 28%,var(--pp-white) 28% 56%);transform-origin:left center;animation:pp-flag-cloth .58s var(--fan-delay) ease-in-out infinite alternate}.lovable-big-flags{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.big-flag{position:absolute;display:block;width:18%;aspect-ratio:5/4;transform-origin:bottom left;animation:pp-big-flag-sway 1.9s ease-in-out infinite alternate}.big-flag:before{content:"";position:absolute;left:0;bottom:0;width:7%;height:100%;border-radius:99px;background:#6b5d55}.big-flag b{position:absolute;left:7%;top:0;width:93%;height:62%;border-radius:0 3px 3px 0;background:repeating-linear-gradient(180deg,var(--pp-red) 0 26%,var(--pp-white) 26% 52%);box-shadow:2px 3px 6px #00000059;transform-origin:left center;animation:pp-big-flag-wave 1.4s ease-in-out infinite alternate}.big-flag.flag-left{left:3%;top:10%;rotate:-6deg}.big-flag.flag-right{left:79%;top:12%;width:17%;rotate:5deg;animation-delay:-.7s}.big-flag.flag-right b{animation-delay:-.7s}.big-flag.flag-center{left:44%;top:3%;width:11%;rotate:-3deg;animation-delay:-1.2s}.big-flag.flag-center b{animation-delay:-1.2s}.lovable-pitch{position:absolute;top:38%;right:0;bottom:0;left:0;background:linear-gradient(var(--pp-grass-far),var(--pp-grass-near))}.pitch-stripes{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgb(255 255 255 / 7%) 0 26px,transparent 26px 52px),repeating-linear-gradient(90deg,rgb(0 0 0 / 5%) 0 3px,transparent 3px 7px),radial-gradient(120% 70% at 50% 8%,rgb(255 255 255 / 12%),transparent 60%)}.penalty-area{position:absolute;left:14%;right:14%;top:6%;height:38%;border:2px solid rgb(255 255 255 / 58%);border-bottom:0;border-radius:0 0 40% 40%}.lovable-goal{position:absolute;z-index:10;left:8%;top:14%;width:84%;height:27%;animation:none}.goal-depth{position:absolute;top:-6%;right:-3%;bottom:0;left:-3%;background:linear-gradient(#28304347,#141a2673);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}.goal-net{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#242d3a2e;background-image:repeating-linear-gradient(74deg,rgb(255 255 255 / 48%) 0 1px,transparent 1px 11px),repeating-linear-gradient(106deg,rgb(255 255 255 / 48%) 0 1px,transparent 1px 11px);box-shadow:inset 0 14px 28px #00000052}.crossbar,.post{position:absolute;background:var(--pp-white);box-shadow:0 5px 15px #00000073,0 0 8px #ffffff8c}.crossbar{inset:-4px 0 auto;height:10px;border-radius:99px}.post{top:0;width:10px;height:100%;border-radius:99px}.post.left{left:-4px}.post.right{right:-4px}.lovable-keeper{position:absolute;z-index:13;left:50%;top:41.2%;height:13.5%;aspect-ratio:100/132;translate:-50% -100%;overflow:visible;filter:drop-shadow(0 5px 5px rgb(0 0 0 / 28%))}.keeper-figure{transform-origin:50px 128px;transition:transform .34s ease-out}.keeper-shadow{fill:#00000057}.keeper-shadow-core{fill:#00000042}.keeper-leg{stroke:var(--pp-white);stroke-width:13}.keeper-sock{stroke:var(--pp-red);stroke-width:12}.keeper-knee{fill:#d63b48}.keeper-boot{fill:#282b3d}.keeper-sole{fill:none;stroke:#fff9;stroke-width:1.6;stroke-linecap:round}.keeper-shorts{fill:var(--pp-white)}.keeper-shorts-shade{fill:#deddd6}.keeper-shirt{fill:var(--pp-red)}.keeper-shirt-light{fill:#e34b55}.keeper-shirt-seam{fill:none;stroke:#a8202d;stroke-width:2;opacity:.6}.keeper-neck,.keeper-ear{fill:#bd825f}.keeper-sleeve{fill:none;stroke:var(--pp-red);stroke-width:11;stroke-linecap:round}.keeper-forearm{fill:none;stroke:#c68b68;stroke-width:9;stroke-linecap:round}.keeper-glove{fill:var(--pp-white);stroke:var(--pp-red);stroke-width:2.4}.keeper-glove-detail{fill:none;stroke:#a88472;stroke-width:1.6;stroke-linecap:round;opacity:.7}.keeper-skin{fill:#cf9870}.keeper-cheek{fill:#b9795d;opacity:.6}.keeper-hair{fill:#3d2a25}.keeper-eye-white{fill:var(--pp-white)}.keeper-eye{fill:#28211e}.keeper-brow{fill:none;stroke:#3d2a25;stroke-width:2.4;stroke-linecap:round}.keeper-face{fill:none;stroke:#674133;stroke-width:1.8;stroke-linecap:round}.lovable-field[data-phase=ready] .keeper-figure{animation:pp-keeper-idle 1.1s ease-in-out infinite}.lovable-field[data-keeper=dive-left] .keeper-figure{transform:translate(-92%,-15%) rotate(-48deg) scale(1.08)}.lovable-field[data-keeper=dive-right] .keeper-figure{transform:translate(92%,-15%) rotate(48deg) scale(1.08)}.lovable-field[data-keeper=dive-center] .keeper-figure{transform:translateY(-30%) scale(1.12)}.lovable-field[data-keeper=beaten-left] .keeper-figure{transform:translate(-55%,-5%) rotate(-28deg)}.lovable-field[data-keeper=beaten-right] .keeper-figure{transform:translate(55%,-5%) rotate(28deg)}.lovable-field[data-keeper=watch-left] .keeper-figure{transform:translate(-20%) rotate(-8deg)}.lovable-field[data-keeper=watch-right] .keeper-figure{transform:translate(20%) rotate(8deg)}.penalty-mark{position:absolute;z-index:5;left:50%;top:83%;width:8px;height:8px;translate:-50%;border-radius:50%;background:#ffffffd1}.lovable-ball{position:absolute;z-index:20;left:50%;top:79%;width:13%;max-width:68px;translate:-50% -50%;filter:drop-shadow(0 7px 10px rgb(0 0 0 / 46%));touch-action:none;transition:filter .14s}.lovable-ball svg{display:block;width:100%}.ball-shadow{position:absolute;z-index:6;left:50%;top:82%;width:9%;height:1.6%;translate:-50%;border-radius:50%;background:#00000059;filter:blur(2px)}.lovable-field[data-phase=aiming] .lovable-ball{filter:drop-shadow(0 10px 12px rgb(0 0 0 / 48%)) brightness(1.06)}.aim-guide{position:absolute;z-index:18;left:50%;top:79%;width:4px;height:var(--aim-length);opacity:0;background:repeating-linear-gradient(0deg,rgb(255 255 255 / 78%) 0 9px,transparent 9px 17px);transform:translate(-50%,-100%) rotate(var(--aim-angle));transform-origin:50% 100%;filter:drop-shadow(0 0 4px rgb(255 255 255 / 60%))}.aim-guide i:before{content:"";position:absolute;left:50%;top:-6px;width:14px;height:14px;border-left:3px solid white;border-top:3px solid white;translate:-50%;rotate:45deg}.lovable-field[data-phase=aiming] .aim-guide{opacity:.9}.lovable-hud{position:absolute;z-index:30;inset:10px 12px auto;display:flex;justify-content:space-between;pointer-events:none}.lovable-hud span{min-width:68px;padding:6px 11px;border:2px solid rgb(255 255 255 / 65%);border-radius:12px;background:var(--pp-red);text-align:center;box-shadow:0 8px 20px #0000006b}.lovable-hud span:last-child{border-color:var(--pp-red);background:var(--pp-white);color:var(--pp-red)}.lovable-hud small{display:block;font-size:.58rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.lovable-hud b{display:block;font-size:1.5rem;line-height:1}.penalty-feedback{position:absolute;z-index:40;left:50%;top:34%;translate:-50% -50%;width:94%;padding:.12em .2em;color:var(--pp-red);font-size:clamp(3.4rem,16vw,6.2rem);font-weight:950;font-style:italic;line-height:.9;letter-spacing:-.06em;text-align:center;text-shadow:0 5px 0 rgb(0 0 0 / 38%),0 0 26px rgb(255 255 255 / 42%);pointer-events:none;opacity:0}.lovable-field[data-outcome=success] .penalty-feedback{color:var(--pp-white)}.lovable-field[data-outcome=blocked] .penalty-feedback{color:var(--pp-gold)}.lovable-field[data-outcome=miss] .penalty-feedback{color:#fff0dc}.lovable-field[data-phase=result] .penalty-feedback{animation:pp-result-shout 1.05s ease-out both}.goal-flash{position:absolute;z-index:35;top:0;right:0;bottom:0;left:0;pointer-events:none}.result-ring{position:absolute;z-index:36;left:50%;top:30%;width:160px;height:160px;border:4px solid var(--pp-white);border-radius:50%;opacity:0;pointer-events:none}.lovable-field[data-outcome=success] .goal-flash{animation:pp-goal-flash .45s ease-out}.lovable-field[data-outcome=success] .result-ring{animation:pp-flash-ring .6s ease-out}.lovable-field[data-outcome=success] .lovable-goal{animation:pp-net-shake .6s cubic-bezier(.3,1.4,.4,1)}.lovable-field[data-crowd=goal] .lovable-fan{animation-name:pp-fan-party;animation-duration:.28s}.lovable-field[data-crowd=save] .lovable-fan{animation-name:pp-fan-save;animation-duration:.42s}.lovable-field[data-crowd=miss] .lovable-fan{animation-name:pp-fan-miss;animation-duration:.52s}.lovable-field[data-crowd=goal] .fan-arm{animation-name:pp-arm-goal;animation-duration:.25s}.lovable-field[data-crowd=save] .fan-arm{animation-duration:.4s}.lovable-field[data-crowd=miss] .fan-arm{animation-name:pp-arm-miss;animation-duration:.52s}.lovable-field[data-crowd=goal] .big-flag{animation-duration:.5s}.lovable-field[data-crowd=goal] .big-flag b{animation-duration:.42s}.lovable-field[data-crowd=save] .big-flag,.lovable-field[data-crowd=miss] .big-flag{animation-duration:1.35s}.lovable-instruction{position:absolute;z-index:25;inset:auto 0 16px;margin:0;color:#fffdf5e0;font-size:.88rem;font-weight:700;text-align:center;pointer-events:none}.lovable-field:not([data-phase=ready]) .lovable-instruction{opacity:0}@keyframes pp-keeper-idle{0%,to{transform:translate(-4px) scaleY(1)}50%{transform:translate(4px,-5px) scaleY(1.03)}}@keyframes pp-fan-wave{0%{transform:translateY(2%) rotate(-4deg) scaleX(.96)}to{transform:translateY(-14%) rotate(4deg) scale(1.04,1.08)}}@keyframes pp-arm-cheer{0%{transform:rotate(-8deg)}to{transform:rotate(14deg)}}@keyframes pp-arm-goal{0%{transform:rotate(-24deg)}to{transform:rotate(34deg)}}@keyframes pp-arm-miss{0%{transform:rotate(4deg)}to{transform:rotate(-18deg)}}@keyframes pp-fan-party{0%,to{transform:translateY(0) rotate(-5deg) scale(1)}50%{transform:translateY(-28%) rotate(5deg) scale(1.09)}}@keyframes pp-fan-save{0%,to{transform:translate(-5%) rotate(-2deg)}50%{transform:translate(5%) translateY(-8%) rotate(6deg)}}@keyframes pp-fan-miss{0%,to{transform:translateY(0) rotate(0) scaleY(1)}50%{transform:translateY(8%) rotate(-6deg) scaleY(.94)}}@keyframes pp-flag-sway{0%{transform:rotate(-12deg) skewY(6deg) scaleX(.92)}to{transform:rotate(12deg) skewY(-6deg) scaleX(1.05)}}@keyframes pp-flag-cloth{0%{transform:skewY(-7deg) scaleX(.92)}to{transform:skewY(7deg) scaleX(1.08)}}@keyframes pp-big-flag-sway{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes pp-big-flag-wave{0%{transform:skewY(4deg) scaleY(1)}to{transform:skewY(-5deg) scaleY(.94)}}@keyframes pp-result-shout{0%{opacity:0;scale:.45;rotate:-6deg}24%{opacity:1;scale:1.16;rotate:2deg}78%{opacity:1;scale:1;rotate:-1deg}92%{opacity:1;scale:1.03}to{opacity:0;scale:1.08}}@keyframes pp-net-shake{0%,to{transform:translateY(0) scaleY(1)}25%{transform:translateY(7px) scaleY(1.06)}55%{transform:translateY(-4px) scaleY(.97)}80%{transform:translateY(2px) scaleY(1.02)}}@keyframes pp-goal-flash{0%{background:transparent}25%{background:#ffffff7f}to{background:transparent}}@keyframes pp-flash-ring{0%{opacity:.8;translate:-50% -50%;scale:.2}to{opacity:0;translate:-50% -50%;scale:2.4}}@media(max-width:420px){.penalty-shell{width:100%;padding:2px 0 6px}.lovable-game{border-radius:0}.lovable-field{height:calc(100svh - 54px);min-height:700px}.game-home-link{padding-inline:10px}.lovable-keeper{height:13.5%}.lovable-ball{width:15%}}@media(min-width:760px){.penalty-shell{width:min(100%,540px)}.lovable-field{height:min(82vh,720px)}}@media(prefers-reduced-motion:reduce){.lovable-fan,.fan-arm,.big-flag,.big-flag b,.keeper-figure{animation-duration:8s!important}.lovable-goal,.goal-flash,.result-ring{animation:none!important}.lovable-field[data-phase=result] .penalty-feedback{animation:none!important;opacity:1}.keeper-figure,.lovable-ball{transition-duration:1ms!important}}