:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#0b3d2e;--bg-2:#0f5c42;--card:#f7fff8;--text:#143028;--muted:#3d5c50;--primary:#f4c430;--primary-text:#1a1a1a;--secondary:#1f7a5c;--danger:#c0392b;--ok:#1e8449;--border:#d5e8dc;--shadow:0 10px 30px #0000002e;--radius:18px;--accent:#74acdf;font-family:Avenir Next,Montserrat,Century Gothic,Trebuchet MS,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background-color:var(--bg);background-image:url(/calculando_penaltis.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;transition:background .25s,filter .35s}#app,.app-root{max-width:920px;margin:0 auto;padding:1rem}.screen{gap:1rem;display:grid}.advertisement-screen{border-radius:var(--radius);background:linear-gradient(135deg,#08251cf5,#105b43eb),repeating-linear-gradient(45deg,#ffffff0a 0 2px,#0000 2px 12px);place-items:center;min-height:calc(100vh - 2rem);position:relative;overflow:hidden}.advertisement-placeholder{color:#f7fff8;text-align:center;justify-items:center;gap:.5rem;width:min(100%,920px);padding:3rem 1.5rem;display:grid}.advertisement-image{border-radius:calc(var(--radius) / 2);width:100%;height:auto;display:block}.advertisement-placeholder__eyebrow{color:var(--primary);letter-spacing:.12em;font-size:.8rem;font-weight:900}.advertisement-countdown{color:#fff;background:#00000059;border:1px solid #ffffff59;border-radius:.5rem;align-items:baseline;gap:.3rem;padding:.55rem .75rem;display:flex;position:absolute;top:1rem;right:1rem}.advertisement-countdown__label{text-transform:uppercase;font-size:.75rem}.advertisement-countdown__value{color:var(--primary);font-size:1.35rem}.advertisement-countdown__unit{font-size:.8rem}.title{color:#fff;text-shadow:0 2px #0003;margin:0;font-size:clamp(1.6rem,4vw,2.3rem)}.subtitle,.hint,.round-label,.taunt,.match-cup{color:#e8fff4;margin:0}.penaltity-progress{color:#f4fff8;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.penaltity-progress__team{background:#0003;border:1px solid #ffffff38;border-radius:12px;gap:.2rem;min-width:0;padding:.65rem .75rem;display:grid}.penaltity-progress__team-name{color:var(--player-accent,#fff);text-transform:uppercase;margin-bottom:.1rem;font-size:.78rem;font-weight:900}.penaltity-progress__team.is-cpu .penaltity-progress__team-name{color:var(--accent,#f1e7e7)}.penaltity-progress__sequence{letter-spacing:.08em;white-space:nowrap;min-height:1.35rem;font-size:1.15rem;line-height:1.25}.penaltity-progress__round{color:#e8fff4;text-align:center;text-transform:uppercase;min-width:5.5rem;font-size:.82rem;font-weight:900}@media (width<=560px){.penaltity-progress{grid-template-columns:1fr 1fr}.penaltity-progress__round{grid-area:1/1/auto/-1}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid #ffffff8c;padding:1rem 1.1rem}.menu-form{gap:1rem;display:grid}.field{border:2px dashed var(--border);border-radius:14px;margin:0;padding:.75rem}.field legend{color:var(--muted);padding:0 .4rem;font-weight:700}.chip-row,.ops-row,.menu-actions{flex-wrap:wrap;gap:.6rem;display:flex}.chip,.country-btn,.btn{font:inherit;cursor:pointer;border:2px solid #0000;border-radius:999px;transition:transform .12s,box-shadow .12s,background .12s}.chip,.country-btn{color:var(--text);background:#eef8f1;padding:.55rem .9rem}.chip.active,.country-btn.active{background:color-mix(in srgb, var(--accent) 35%, white);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chip:focus-visible,.country-btn:focus-visible,.btn:focus-visible,.select:focus-visible,.answer-input:focus-visible{outline-offset:2px;outline:3px solid #ffd84d}.country-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.55rem;display:grid}.country-btn{border-radius:14px;justify-items:center;gap:.2rem;min-height:72px;display:grid}.country-name{text-align:center;font-size:.85rem}.flag{font-size:1.4rem;line-height:1}.flag.big{font-size:2rem}.select{width:100%;font:inherit;border:2px solid var(--border);background:#fff;border-radius:12px;padding:.7rem .8rem}.check-label{background:#eef8f1;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-weight:600;display:inline-flex}.btn{min-height:48px;padding:.85rem 1.2rem;font-weight:800}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--primary-text);box-shadow:0 4px #c9a21d}.btn-secondary{color:var(--secondary);border-color:var(--secondary);background:#fff}.btn-ghost{color:#fff;background:#ffffff1f;border-color:#ffffff59}.btn-small{min-height:40px;padding:.45rem .8rem;font-size:.95rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-error{color:var(--danger);margin:0;font-weight:700}.hidden{display:none!important}.match-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.match-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.team-side{justify-items:center;gap:.25rem;display:grid}.team-name{text-align:center;font-weight:800}.score-box{text-align:center}.score-label{color:var(--muted);font-size:.85rem;font-weight:700}.score-value{text-align:center;align-items:center;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900}.league-live-score{color:#fff;background:0 0;justify-self:center;justify-items:center;gap:.25rem;margin:-.2rem 0 -.15rem;padding:0;font-family:Courier New,monospace;display:grid;transform:none}.league-live-score__label{color:#ebbf30;letter-spacing:.2em;text-transform:uppercase;font-size:1rem;font-weight:900;line-height:1;position:relative}.league-live-score__value{color:#fff;text-align:center;font-variant-numeric:tabular-nums;min-width:4ch;font-size:clamp(1.95rem,3.5vw,2.4rem);font-weight:900;line-height:1;position:relative}.phase-title{color:#fff;text-align:center;margin:0;font-size:clamp(1.3rem,3.5vw,1.8rem)}.question-panel{justify-items:center;gap:.85rem;display:grid}.question-prompt{letter-spacing:.04em;font-size:clamp(2rem,7vw,3rem);font-weight:900}.answer-form{flex-wrap:wrap;justify-content:center;gap:.65rem;width:100%;display:flex}.answer-input{font:inherit;text-align:center;border:3px solid var(--border);border-radius:14px;width:min(220px,100%);padding:.75rem;font-size:1.4rem;font-weight:800}.feedback{font-size:1.4rem;font-weight:900}.feedback.ok{color:var(--ok)}.feedback.bad{color:var(--danger)}.outcome-banner{font-size:1.5rem;font-weight:900}.correct-answer{margin:0;font-weight:700}.result-card,.champion-screen,.album-screen{justify-items:stretch}.champion-celebration{object-fit:contain;filter:drop-shadow(0 14px 18px #00000047);width:min(100%,720px);max-height:min(42vh,440px);margin:0 auto;animation:.7s both champion-arrival;display:block}.cup-progress-card h2{color:var(--text);margin:0;font-size:1.15rem}.cup-progress-value{color:var(--secondary);margin:.35rem 0 .55rem;font-weight:900}.cup-progress-bar{background:#e2eee5;border-radius:999px;height:.85rem;overflow:hidden}.cup-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#f4c430,#e99b18);height:100%;display:block}.next-cup-title{margin-top:1rem!important}.next-cup{color:var(--secondary);align-items:center;gap:.8rem;margin-top:.35rem;display:flex}.next-cup-image{object-fit:contain;width:72px;height:72px}@keyframes champion-arrival{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.result-card__title{color:var(--text);text-align:center;margin:0;font-size:clamp(1.5rem,4vw,2.2rem)}.result-flags,.champion-player{justify-content:center;align-items:center;gap:.75rem;font-size:2.1rem;display:flex}.result-card__outcome-image{object-fit:contain;width:min(100%,600px);max-height:300px;margin:.75rem auto 0;display:block}.trophy{text-align:center;filter:drop-shadow(0 8px 10px #00000040);font-size:4.5rem}.defeated-list{gap:.35rem;margin:.5rem 0 0;padding-left:1.1rem;display:grid}.stats-grid{gap:.45rem;display:grid}.stat-row{border-bottom:1px dashed var(--border);justify-content:space-between;gap:1rem;padding:.35rem 0;font-weight:600;display:flex}.album-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.65rem;margin-top:.6rem;display:grid}.album-item{background:color-mix(in srgb, var(--accent) 18%, white);border:2px solid color-mix(in srgb, var(--accent) 45%, white);text-align:center;border-radius:14px;padding:.65rem;font-weight:700}.league-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.league-score-item{color:var(--muted);background:#eef8f1;border-radius:12px;gap:.2rem;padding:.75rem;display:grid}.league-score-item strong{color:var(--text);font-size:1.35rem}.score-breakdown{border-top:1px solid var(--border);gap:.45rem;margin-top:1rem;padding-top:1rem;display:grid}.score-breakdown h2{margin:0 0 .25rem;font-size:1.05rem}.score-breakdown-row{color:var(--muted);justify-content:space-between;gap:1rem;display:flex}.score-breakdown-row strong{color:var(--text)}.score-breakdown-row.is-total{border-top:1px solid var(--border);color:var(--text);margin-top:.35rem;padding-top:.55rem;font-size:1.1rem}.league-name-form{gap:.6rem;display:grid}.league-name-form input{border:2px solid var(--border);min-width:0;font:inherit;border-radius:10px;padding:.7rem .8rem}.league-ranking{border-collapse:separate;border-spacing:0;color:#fff;background:#05193bfa;border:1px solid #9dd3f857;border-radius:12px;width:min(100%,640px);margin:0 auto;overflow:hidden;box-shadow:0 12px 24px #000c264d}.league-ranking th,.league-ranking td{text-align:left;padding:.92rem 1rem}.league-ranking thead{color:#9bd5fb;letter-spacing:.16em;text-transform:uppercase;background:#061a3d;font-size:.68rem;font-weight:800;line-height:1.2}.league-ranking thead th:first-child{text-align:center;width:4rem}.league-ranking thead th:last-child{text-align:right;width:7rem}.league-ranking__row{background:#0f437fb8;transition:background .15s,opacity .15s,transform .15s}.league-ranking__row:nth-child(2n){background:#0c356cd1}.league-ranking__row:hover{background:#1d77b8e6}.league-ranking__row--top-1{background:#1e74b7f2}.league-ranking__row--top-2{background:#1a62a1f2}.league-ranking__row--top-3{background:#16548ef2}.league-ranking__row--empty{color:#ffffff7a;background:#07244d94}.league-ranking__row--empty:hover{background:#07244d94}.league-ranking__row:nth-child(n+4){opacity:.62}.league-ranking__row:nth-child(n+4):hover{opacity:1}.league-ranking__row:not(:last-child) th,.league-ranking__row:not(:last-child) td{border-bottom:1px solid #8fc9f42e}.league-ranking__position{color:#fff;text-align:center;font-variant-numeric:tabular-nums;width:4rem;font-size:1rem;font-weight:900}.league-ranking__row--top-1 .league-ranking__position{color:#ffd34d}.league-ranking__row--top-2 .league-ranking__position{color:#d6e4f0}.league-ranking__row--top-3 .league-ranking__position{color:#e5a875}.league-ranking__identity{vertical-align:middle;align-items:center;min-width:0;display:table-cell}.league-ranking__flag{vertical-align:middle;margin-right:.8rem;font-size:1.7rem;line-height:1;display:inline-block}.league-ranking__name{color:#fff;letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:1rem;overflow:hidden}.league-ranking__points{color:#fff;letter-spacing:.02em;text-align:right;font-variant-numeric:tabular-nums;width:7rem;font-size:1.2rem;font-weight:900}.league-ranking__points:after{content:" pts";color:#ffffffbf;letter-spacing:.04em;font-size:.65rem;font-weight:700}.league-board-screen{background:linear-gradient(145deg,#05193bf0,#08305ee6);border:1px solid #afdbfa47;border-radius:20px;gap:.85rem;width:min(100%,700px);margin:0 auto;padding:clamp(1.1rem,3vw,1.8rem);box-shadow:0 20px 42px #000e2a7a}.league-board-screen>.title{color:#fff;letter-spacing:.08em;text-align:center;text-shadow:0 3px #03112b80;text-transform:uppercase;margin:.15rem 0 .25rem;font-size:clamp(1.45rem,4vw,2.05rem);line-height:1.1}.league-board-screen>.btn{width:min(100%,640px);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){#app{padding:.75rem}.match-header{grid-template-columns:1fr}.menu-actions,.answer-form{flex-direction:column}.btn,.answer-input{width:100%}.league-score-grid{grid-template-columns:1fr}.league-ranking th,.league-ranking td{padding:.78rem .55rem}.league-ranking thead th:first-child,.league-ranking__position{width:2.5rem}.league-ranking thead th:last-child,.league-ranking__points{width:4.5rem}.league-ranking__name{font-size:.9rem}.league-ranking__flag{margin-right:.45rem;font-size:1.45rem}}body[data-shell=menu],body[data-shell=album]{background-color:#0a1830;background-image:radial-gradient(circle at 20% 0,#2a6df059 0%,#0000 40%),radial-gradient(circle at 90% 10%,#f4c43047 0%,#0000 28%),linear-gradient(165deg,#0b1d3a8c 0%,#12315f73 45%,#0a18309e 100%),url(/calculando_penaltis.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}#app[data-shell=menu],#app[data-shell=album]{max-width:960px}.shell-menu,.shell-album{animation:.28s shell-in}.menu-screen{gap:1.1rem}.reset-confirmation{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#071225b8;place-items:center;padding:1rem;animation:.2s ease-out reset-confirmation-in;display:grid;position:fixed;inset:0}.reset-confirmation__card{background:linear-gradient(145deg,#fff 0%,#f0f7ff 100%);border:2px solid #fffc;border-radius:22px;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);gap:.8rem 1.25rem;width:min(560px,100%);padding:1rem;display:grid;overflow:hidden;box-shadow:0 24px 70px #020c1e6b}.reset-confirmation__image{object-fit:cover;background:#dceafa;border-radius:15px;grid-row:span 3;align-self:stretch;width:100%;min-height:170px}.reset-confirmation__title{color:#17324f;align-self:end;margin:0;font-size:clamp(1.35rem,4vw,1.8rem);line-height:1.1}.reset-confirmation__message{color:#3d5c50;align-self:start;margin:0;font-size:1rem}.reset-confirmation__actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.reset-confirmation__actions .btn{flex:1;min-width:120px}@media (width<=480px){.reset-confirmation__card{grid-template-columns:1fr}.reset-confirmation__image{grid-row:auto;min-height:125px;max-height:170px}}@keyframes reset-confirmation-in{0%{opacity:0}to{opacity:1}}.league-team-selection{place-items:center;min-height:100vh}.league-team-selection__card{background:#f7fff8f5;gap:1rem;width:min(960px,100%);display:grid}.league-team-selection__title{color:#17324f;text-align:center}.league-team-selection__card>.subtitle{color:#3d5c50;text-align:center}.league-team-grid{max-height:58vh;padding:.25rem;overflow-y:auto}.league-team-selection__actions{justify-content:center}.career-dashboard{gap:1rem;display:grid}.career-team-panel,.career-achievements,.career-next-match{background:#f8fbfff5;border:1px solid #ffffffb8;border-radius:14px;padding:1.25rem;box-shadow:0 12px 26px #04122a2e}.career-team-panel{background:linear-gradient(110deg,#fffffffa 0%,#f0f7fff0 68%,#dceaf8eb 100%);border-left:6px solid #f4c430;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kicker kicker""identity cup""progress progress";align-items:center;gap:.8rem;min-height:185px;display:grid}.career-team-panel>.dashboard-kicker{grid-area:kicker}.career-match-progress{grid-area:progress;align-items:center;min-width:0;padding:.35rem .1rem 0;display:flex}.career-match-progress__step{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;min-height:4.1rem;display:flex;position:relative}.career-match-progress__line{z-index:0;background:#dce8f4;width:100%;height:.35rem;position:absolute;top:calc(50% + .7rem);left:50%;transform:translateY(-50%)}.career-match-progress__step.is-complete .career-match-progress__line{background:#1f7a5c}.career-match-progress__flag{place-items:center;min-height:1.2rem;font-size:1.25rem;line-height:1;display:grid}.career-match-progress__flag.is-empty{visibility:hidden}.career-match-progress__step:last-child .career-match-progress__line{display:none}.career-match-progress__number{z-index:1;color:#68809b;background:#fff;border:3px solid #dce8f4;border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:900;transition:border-color .35s,background-color .35s,color .35s;display:grid;position:relative}.career-match-progress__step.is-complete .career-match-progress__number{color:#fff;background:#1f7a5c;border-color:#1f7a5c}.dashboard-kicker{color:#55708d;letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:900}.career-team-identity,.next-opponent-identity{align-items:center;gap:.85rem;display:flex}.career-team-identity{grid-area:identity;justify-content:flex-start;min-width:0}.dashboard-flag{font-size:3rem;line-height:1}.dashboard-team-name{color:#17324f;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,5vw,3.15rem);line-height:1}.current-cup-image{object-fit:contain;background:#ffffff9e;border:1px solid #17324f1a;border-radius:12px;grid-area:cup;width:132px;height:112px;padding:.35rem;display:block;box-shadow:0 7px 16px #17324f1f}.career-achievements{gap:1rem;display:grid}.career-collection{background:#f8fbfff5;border:1px solid #ffffffb8;border-radius:14px;gap:.7rem;padding:.8rem;display:grid;box-shadow:0 12px 26px #04122a2e}.career-tabs{background:#eef4fa;border:1px solid #d7e4f5;border-radius:10px;gap:.35rem;padding:.3rem;display:flex}.career-tab{color:#68809b;cursor:pointer;min-width:0;font:inherit;text-align:center;background:0 0;border:0;border-radius:7px;flex:1;padding:.65rem .8rem;font-weight:900}.career-tab:hover,.career-tab:focus-visible{color:#17324f}.career-tab.is-active{color:#17324f;background:#fff;box-shadow:0 3px 8px #17324f1f}.career-tab-panel{gap:.7rem;display:grid}.dashboard-section-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.dashboard-section-heading h2{color:#17324f;margin:0;font-size:1.25rem}.dashboard-section-heading span{color:#1f7a5c;font-weight:900}.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.achievement-badge-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;display:grid}.achievement-badge-card{cursor:help;background:#fff;border:1px solid #d7e4f5;border-radius:12px;place-items:center;min-height:124px;padding:.55rem;display:grid;position:relative}.achievement-badge-card.is-earned{background:linear-gradient(#f8f3dc,#fff);border-color:#f9c11ab4;box-shadow:0 8px 16px #f4c43029}.achievement-badge-card.is-locked{opacity:.5;background:#f4f7fb}.achievement-badge-card__image{aspect-ratio:1;object-fit:contain;width:min(100%,82px);transition:transform .16s;display:block}.achievement-badge-card:hover .achievement-badge-card__image,.achievement-badge-card:focus-visible .achievement-badge-card__image{transform:scale(1.06)}.achievement-badge-card:after{z-index:1;color:#fff;content:attr(data-tooltip);opacity:0;pointer-events:none;background:#17324f;border-radius:8px;width:min(240px,80vw);padding:.65rem .75rem;font-size:.8rem;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + .65rem);left:50%;transform:translate(-50%,.35rem)}.achievement-badge-card:hover:after,.achievement-badge-card:focus-visible:after{opacity:1;transform:translate(-50%)}.achievement-metric{text-align:center;background:#fff;border:1px solid #d7e4f5;border-radius:10px;gap:.25rem;min-width:0;padding:.8rem .65rem;display:grid}.achievement-metric strong{color:#17324f;font-size:1.45rem}.achievement-metric span{color:#68809b;overflow-wrap:anywhere;font-size:.72rem;font-weight:800}.career-progress{background:#dce8f4;border-radius:999px;height:.7rem;overflow:hidden}.career-progress span{border-radius:inherit;background:linear-gradient(90deg,#1f7a5c,#f4c430);height:100%;transition:width .35s;display:block}.career-next-match{justify-content:space-between;align-items:center;gap:1rem;display:flex}.next-opponent-identity{color:#17324f;font-size:1.1rem}.won-cups-title{color:#17324f;margin:0;font-size:1.25rem}.won-cup-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.7rem;display:grid}.won-cup-item{color:#8ca0b5;text-align:center;opacity:.58;filter:grayscale(.85);background:#eef4fa;border:1px solid #d7e4f5;border-radius:10px;justify-items:center;gap:.35rem;min-width:0;padding:.6rem;font-size:.78rem;font-weight:800;display:grid}.won-cup-item.won{color:#17324f;opacity:1;filter:none;background:linear-gradient(#fffdf0,#fff);border-color:#f4c430;box-shadow:inset 0 0 0 2px #f4c43059,0 5px 12px #f4c43033}.won-cup-image{object-fit:contain;width:100%;height:92px;display:block}.won-cups-empty{color:#68809b;margin:0;font-weight:700}.dashboard-actions{justify-content:flex-end}.dashboard-continue{margin-right:auto}.menu-hero{gap:.45rem;padding:.25rem .15rem .5rem;display:grid}.menu-hero .title{letter-spacing:.02em}.menu-badge{color:#eaf2ff;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.4rem;width:fit-content;padding:.35rem .75rem;font-size:.92rem;font-weight:700;display:inline-flex}.menu-form{background:linear-gradient(#fffffff5,#f4f8ff 100%);border:2px solid #ffffffb3;min-height:280px}.menu-form .field{background:#ffffff8c;border-style:solid;border-color:#d7e4f5}.selection-progress{grid-template-columns:minmax(0,1fr);gap:.4rem;display:grid}.step-dot{color:#68809b;text-align:center;overflow-wrap:anywhere;border-bottom:3px solid #d7e4f5;min-width:0;padding:.45rem .3rem;font-size:.78rem;font-weight:800}.step-dot.active{color:#1a1a1a;border-color:#f4c430}.step-dot.complete{color:#1f7a5c;border-color:#1f7a5c}.selection-step{align-content:start;min-height:150px;display:grid}.cup-type-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem;display:grid}.cup-type-card{color:#17324f;min-height:215px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d7e4f5;border-radius:14px;grid-template-rows:132px auto auto;align-items:center;gap:.45rem;padding:.75rem;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid}.cup-type-card:hover{border-color:#8fb4d7;transform:translateY(-2px)}.cup-type-card:disabled,.cup-type-card.locked{cursor:not-allowed}.cup-type-card:disabled .cup-type-image,.cup-type-card.locked .cup-type-image{opacity:.3}.cup-type-card:disabled:hover,.cup-type-card.locked:hover{border-color:#d7e4f5;transform:none}.cup-type-card.active{border-color:#f4c430;box-shadow:inset 0 0 0 2px #f4c430,0 5px 12px #1a385b24}.cup-type-image{object-fit:contain;background:#eef4fa;border-radius:10px;width:100%;height:132px;display:block}.cup-type-age{color:#1f7a5c;font-size:1.1rem;font-weight:900}.cup-type-name{overflow-wrap:anywhere;font-size:.82rem;font-weight:800}.operation-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.operation-card{color:#17324f;font:inherit;cursor:pointer;background:#fff;border:2px solid #d7e4f5;border-radius:14px;gap:.55rem;padding:.7rem;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid}.operation-card:hover{border-color:#8fb4d7;transform:translateY(-2px)}.operation-card.active{border-color:#f4c430;box-shadow:inset 0 0 0 2px #f4c430,0 5px 12px #1a385b24}.operation-card-image{aspect-ratio:320/220;object-fit:cover;border-radius:10px;width:100%;display:block}.operation-card-label{font-size:.92rem;font-weight:800}.selection-actions{justify-content:space-between}.album-action{justify-self:start}.selection-actions .btn-primary{min-width:150px}.achievement-screen{isolation:isolate;place-items:center;overflow:hidden}.achievement-card{background:linear-gradient(#fffffffa,#f4f8fff5 100%);gap:.9rem;width:min(760px,100%);animation:.85s cubic-bezier(.16,1,.3,1) both achievement-card-arrival;display:grid;position:relative}.achievement-card.is-achievement-unlocked{border:2px solid #f4c430c7;animation:.9s cubic-bezier(.16,1,.3,1) 50ms both achievement-card-unlocked;box-shadow:0 0 0 .35rem #f4c4301f,0 18px 42px #17324f33}.achievement-card__badge{z-index:1;object-fit:contain;filter:drop-shadow(0 14px 12px #17324f33);place-items:center;width:min(11rem,42vw);height:min(11rem,42vw);margin:0 auto;animation:1.15s cubic-bezier(.16,1,.3,1) .12s both achievement-badge-arrival;display:grid;position:relative}.achievement-card.is-achievement-unlocked .achievement-card__badge{animation:1s cubic-bezier(.16,1,.3,1) 80ms both achievement-badge-unlocked}.achievement-card:before,.achievement-card:after{content:"";pointer-events:none;border:2px solid #f4c43061;border-radius:50%;width:min(18rem,72vw);height:min(18rem,72vw);position:absolute;top:3.2rem;left:50%;transform:translate(-50%,-50%)scale(.35)}.achievement-card:before{animation:1.2s ease-out .15s both achievement-ring-expand}.achievement-card:after{border-color:#1f7a5c38;animation:1.2s ease-out .32s both achievement-ring-expand}.achievement-card.is-achievement-unlocked:before,.achievement-card.is-achievement-unlocked:after{animation:1s ease-out both achievement-unlock-ring}.achievement-card.is-achievement-unlocked:after{animation-delay:.16s}.achievement-card>:not(.achievement-celebration){z-index:1;position:relative}.achievement-celebration{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.achievement-celebration__piece{top:15%;left:var(--x);background:hsl(var(--hue), 86%, 58%);opacity:0;width:.55rem;height:.85rem;transform:translate3d(-50%, -1rem, 0) rotate(var(--rot));animation:achievement-confetti 1.45s var(--delay) ease-out both;border-radius:2px;position:absolute;box-shadow:0 2px 4px #17324f26}.achievement-card__title,.achievement-card__description,.achievement-card__instructions{text-align:center;margin:0}.achievement-card__title{color:#17324f;font-size:clamp(1.6rem,4vw,2.15rem)}.achievement-card__description{color:#3c5975}.achievement-card__instructions{color:#1f7a5c;font-weight:800}.achievement-card__story{color:#17324f;background:#eef4fa;border-radius:14px;padding:.95rem 1rem;font-weight:700}.achievement-card__body,.achievement-form,.achievement-feedback{gap:.9rem;display:grid}.achievement-question-grid{gap:.75rem;display:grid}.achievement-question{gap:.4rem;display:grid}.achievement-question__label{color:#17324f;font-weight:800}.achievement-feedback{text-align:center;justify-items:center}.achievement-feedback--unlocked{background:radial-gradient(circle at 50% 0,#ffef8f94,#0000 48%),linear-gradient(#fffdf0,#f4fff9);border:1px solid #f4c4309e;border-radius:16px;padding:1rem;animation:.65s .18s both achievement-feedback-unlocked;box-shadow:inset 0 1px #fffc}.achievement-feedback__celebration-mark{color:#fff;background:linear-gradient(145deg,#f4c430,#e29c16);border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-size:1.45rem;line-height:1;animation:.7s cubic-bezier(.16,1,.3,1) .25s both achievement-mark-pop;display:grid;box-shadow:0 6px 14px #e29c1652}.achievement-feedback__summary{color:#3d5c50}.achievement-feedback__answers-title{color:#17324f;margin:0;font-size:1rem}.achievement-feedback__answers{text-align:left;gap:.55rem;width:min(100%,460px);margin:0;padding-left:1.15rem;display:grid}.achievement-feedback__answer-item{gap:.12rem;display:grid}@media (width<=560px){.career-team-identity{align-items:flex-start}.current-cup-image{width:82px;height:70px}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-badge-grid{grid-template-columns:1fr}.career-next-match{flex-direction:column;align-items:flex-start}.selection-progress{gap:.2rem}.step-dot{font-size:.68rem}.cup-type-grid,.operation-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.menu-actions .btn-primary{min-width:180px;font-size:1.05rem}.album-screen .title,.menu-screen .title{color:#fff}@keyframes shell-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes achievement-card-arrival{0%{opacity:0;transform:translateY(2.5rem)scale(.92)}65%{opacity:1;transform:translateY(-.35rem)scale(1.015)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes achievement-badge-arrival{0%{opacity:0;filter:drop-shadow(0 0 #f4c43000);transform:scale(.35)rotate(-12deg)}55%{opacity:1;filter:drop-shadow(0 0 1.5rem #f4c430bf);transform:scale(1.08)rotate(3deg)}to{opacity:1;filter:drop-shadow(0 14px 12px #17324f33);transform:scale(1)rotate(0)}}@keyframes achievement-ring-expand{0%{opacity:.9;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,-50%)scale(1.35)}}@keyframes achievement-card-unlocked{0%{opacity:.82;transform:scale(.98)}55%{opacity:1;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}@keyframes achievement-badge-unlocked{0%{filter:drop-shadow(0 14px 12px #17324f33);transform:scale(1)rotate(0)}38%{filter:drop-shadow(0 0 1.5rem #f4c430db);transform:scale(1.16)rotate(-6deg)}68%{transform:scale(1.06)rotate(4deg)}to{filter:drop-shadow(0 14px 12px #17324f33);transform:scale(1)rotate(0)}}@keyframes achievement-unlock-ring{0%{opacity:.85;transform:translate(-50%,-50%)scale(.48)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes achievement-confetti{0%{opacity:0;transform:translate3d(-50%, -1rem, 0) rotate(var(--rot))}15%{opacity:1}to{opacity:0;transform:translate3d(-50%, var(--travel), 0) rotate(var(--rot))}}@keyframes achievement-feedback-unlocked{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes achievement-mark-pop{0%{opacity:0;transform:scale(.45)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.achievement-card,.achievement-card.is-achievement-unlocked,.achievement-card__badge,.achievement-card.is-achievement-unlocked .achievement-card__badge,.achievement-card:before,.achievement-card:after,.achievement-card.is-achievement-unlocked:before,.achievement-card.is-achievement-unlocked:after,.achievement-celebration__piece,.achievement-feedback--unlocked,.achievement-feedback__celebration-mark{animation:none}}body[data-shell=game]{background-color:#062a1d;background-image:radial-gradient(at top,#ffffff14,#0000 40%),linear-gradient(#062a1db8 0%,#0b3d2ead 35%,#0a2f24c7 100%),url(/calculando_penaltis.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}#app[data-shell=game]{max-width:980px;padding-top:.65rem}#app[data-shell=leagueTransition]{max-width:none;min-height:100vh;padding:0}body[data-shell=leagueTransition]{background-image:linear-gradient(#03160fc7,#03160fc7),url(/calculando_penaltis.webp)}.league-transition{background:radial-gradient(#ffffff1f,#0000 58%),#03160f33;place-items:center;min-height:100svh;padding:1rem;display:grid}.league-transition__image{object-fit:contain;filter:drop-shadow(0 0 10px #ffffffb8)drop-shadow(0 18px 28px #0000006b);width:min(82%,760px);max-height:calc(100svh - 2rem);display:block}.shell-game{animation:.28s shell-in}.match-screen{gap:.75rem}.match-stage{background:linear-gradient(#08281ccc,#08281cb3),#00000080;border:1px solid #ffffff1a;border-radius:24px;gap:.75rem;padding:.75rem;display:grid;box-shadow:inset 0 1px #ffffff0f}.match-screen .match-header.card{background:#f7fff8f5}.match-screen .question-panel.card{background:#f7fff8fa}.penaltity-scene-host{isolation:isolate;border:3px solid color-mix(in srgb, var(--accent,#74acdf) 65%, white);width:100%;min-height:clamp(240px,44vw,360px);box-shadow:var(--shadow);background:linear-gradient(#6ec7ff 0%,#1b8f4f 100%);border-radius:22px;position:relative;overflow:hidden}.penaltity-scene-3d,.penaltity-scene{width:100%;height:clamp(240px,44vw,360px);box-shadow:none;background:#7ec8ff;border:none;border-radius:0;margin:0;position:relative;overflow:hidden}.penaltity-canvas{display:block;width:100%!important;height:100%!important}.penaltity-scene-3d.is-loading{background:radial-gradient(circle at 70% 20%,#ffffff59,#0000 30%),linear-gradient(#6ec7ff 0%,#1f9a57 70%,#0b3d2e 100%);place-items:center;display:grid}.penaltity-loading-label{letter-spacing:.08em;color:#ffffffe6;text-shadow:0 2px 8px #00000059;font-weight:800;animation:1.1s ease-in-out infinite penaltity-pulse}.penaltity-3d-flags{z-index:2;pointer-events:none;justify-content:space-between;gap:.5rem;display:flex;position:absolute;top:.55rem;left:.65rem;right:.65rem}.flag-chip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08141073;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.25rem;padding:.28rem .55rem;font-size:.95rem;display:inline-flex;box-shadow:0 4px 12px #0000002e}@keyframes penaltity-pulse{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}body[data-shell=game]{transition:background .45s,filter .35s}body[data-shell=game][data-match-mood=focus]{background-image:radial-gradient(at top,#78c8ff24,#0000 42%),linear-gradient(#062a1db8 0%,#0b3d2ead 35%,#0a2f24c7 100%),url(/calculando_penaltis.webp)}body[data-shell=game][data-match-mood=celebrate]{background-image:radial-gradient(circle at 50% 20%,#ffe65a6b,#0000 36%),radial-gradient(circle at 15% 80%,#50dc8c47,#0000 40%),radial-gradient(circle at 85% 70%,#5aaaff47,#0000 42%),linear-gradient(#145c38b3 0%,#0f7a4aa6 40%,#0a3d28bf 100%),url(/calculando_penaltis.webp);animation:1.8s ease-in-out page-celebrate-glow}body[data-shell=game][data-match-outcome=goal]{animation:.7s cubic-bezier(.36,.07,.19,.97) page-goal-shake}body[data-shell=game][data-match-outcome=save]{animation:.9s page-save-pulse}body[data-shell=game][data-match-mood=setback]{background-image:radial-gradient(circle at 50% 30%,#ff505038,#0000 40%),linear-gradient(#2a1010c7 0%,#3d1a1ab8 40%,#140a0ad1 100%),url(/calculando_penaltis.webp);animation:.85s page-setback-dim}#app[data-shell=game]{transition:transform .35s,filter .35s;position:relative}body[data-match-mood=celebrate] #app[data-shell=game]{filter:saturate(1.15)brightness(1.04)}body[data-match-mood=setback] #app[data-shell=game]{filter:saturate(.85)brightness(.96)}.match-screen{isolation:isolate;transition:transform .35s;position:relative}.match-screen.is-mood-celebrate{animation:.55s match-pop}.match-screen.is-mood-setback{animation:.55s match-recoil}.match-screen.is-outcome-goal .match-stage,.match-screen.is-outcome-save .match-stage{border-color:#ffe67873;box-shadow:0 0 0 1px #fff09659,0 0 40px #ffdc5040,inset 0 1px #ffffff1f}.match-screen.is-outcome-miss .match-stage,.match-screen.is-outcome-concede .match-stage{border-color:#ff787866;box-shadow:0 0 0 1px #ff5a5a59,0 0 36px #b4282847,inset 0 1px #ffffff0f}.match-screen.is-feedback .phase-title{animation:.8s title-flash}.match-screen.is-phase-kick .phase-title{text-shadow:0 0 18px #ffdc6459}.match-screen.is-phase-save .phase-title{text-shadow:0 0 18px #78beff66}.match-header.is-reacting{animation:.7s header-react}.team-side.is-highlight .flag.big{filter:drop-shadow(0 0 12px #ffe664b3);animation:.9s flag-cheer}.team-side.is-highlight-opp .flag.big{filter:drop-shadow(0 0 12px #ff5a5aa6);animation:.9s flag-threat}.score-box.is-scoring{background:linear-gradient(#fff7d1,#ffe08a);animation:.75s cubic-bezier(.2,1.4,.3,1) score-bump;box-shadow:0 0 0 3px #ffd23c73}.question-panel.is-feedback{animation:.55s panel-react}.question-panel{position:relative}.answer-feedback{text-align:center;background:#f7fff8fa;border:3px solid;border-radius:20px;gap:.25rem;width:100%;margin:.1rem 0;padding:.9rem 1.1rem;font-size:clamp(1.15rem,3.5vw,1.55rem);font-weight:800;line-height:1.2;animation:.55s banner-rise;display:grid;box-shadow:0 0 0 4px #ffffffb8,0 10px 26px #0003}.answer-feedback.is-correct{color:#0f7a3d;background:linear-gradient(135deg,#f3fff6,#d9f8e2);border-color:#27a85c}.answer-feedback.is-incorrect{color:#b42318;background:linear-gradient(135deg,#fff8f7,#ffe1dc);border-color:#d94a3d}.answer-feedback__verdict{font-size:1.15em}.answer-feedback__answer{display:block}.question-panel.outcome-goal,.question-panel.outcome-save{box-shadow:0 0 0 3px #50d2782e, var(--shadow);border-color:#28aa5a73}.question-panel.outcome-miss,.question-panel.outcome-concede{box-shadow:0 0 0 3px #dc505029, var(--shadow);border-color:#d2464673}.outcome-banner.banner-goal,.outcome-banner.banner-save{color:#0f7a3d;animation:.55s banner-rise}.outcome-banner.banner-miss,.outcome-banner.banner-concede{color:#b42318;animation:.55s banner-rise}.penaltity-scene-host{transition:transform .4s,box-shadow .4s,border-color .4s}.match-screen.is-mood-celebrate .penaltity-scene-host{transform:scale(1.015);box-shadow:0 0 0 2px #ffe67873,0 16px 40px #00000047,0 0 50px #ffdc5038}.match-screen.is-mood-setback .penaltity-scene-host{transform:scale(.99);box-shadow:0 0 0 2px #ff646466,0 12px 32px #00000059}.page-reaction{z-index:50;pointer-events:none;animation:2.3s forwards page-reaction-fade;position:fixed;inset:0;overflow:hidden}.page-reaction__veil{position:absolute;inset:0}.page-reaction--goal .page-reaction__veil,.page-reaction--save .page-reaction__veil{background:radial-gradient(circle at 50% 30%,#fff5a04d,#0000 42%),radial-gradient(circle at 12% 70%,#5adc8c33,#0000 38%),radial-gradient(circle at 88% 65%,#5aaaff2e,#0000 40%);animation:1.15s ease-out veil-flash}.page-reaction--miss .page-reaction__veil,.page-reaction--concede .page-reaction__veil{background:radial-gradient(circle at 50% 35%,#ff46463d,#0000 46%),#23000029;animation:1s ease-out veil-flash-bad}.page-reaction__burst{aspect-ratio:1;opacity:.65;background:radial-gradient(circle,#ffffff80,#0000 62%);border-radius:50%;width:min(75vw,560px);animation:.95s ease-out forwards burst-expand;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.page-reaction--miss .page-reaction__burst,.page-reaction--concede .page-reaction__burst{background:radial-gradient(circle,#ff78786b,#0000 62%)}.page-reaction__rays{opacity:.32;background:repeating-conic-gradient(#ffffff17 0deg 8deg,#0000 8deg 18deg);animation:2.5s linear infinite rays-spin;position:absolute;inset:-12%;-webkit-mask-image:radial-gradient(circle,#0000 16%,#000 44%,#0000 74%);mask-image:radial-gradient(circle,#0000 16%,#000 44%,#0000 74%)}.page-reaction--miss .page-reaction__rays,.page-reaction--concede .page-reaction__rays{opacity:.1;animation:none}.page-reaction__confetti{position:absolute;inset:0;overflow:hidden}.confetti-piece{top:-16px;left:var(--x);background:hsl(var(--hue), 90%, 60%);width:10px;height:16px;transform:rotate(var(--rot));animation:confetti-fall var(--dur,1.8s) ease-in var(--delay) forwards;opacity:.95;border-radius:2px;position:absolute}.confetti-piece:nth-child(3n){border-radius:50%;width:8px;height:8px}.confetti-piece:nth-child(4n){width:14px;height:6px}.confetti-piece:nth-child(5n){width:5px;height:18px}.page-reaction__shock{place-items:center;display:grid;position:absolute;inset:0}.shock-ring{width:calc(48px + var(--i) * 36px);height:calc(48px + var(--i) * 36px);border:2px solid rgba(255, 120, 120, calc(.42 - var(--i) * .025));animation:shock-out 1s ease-out calc(var(--i) * 30ms) forwards;border-radius:50%;position:absolute}.page-side-rail{z-index:60;width:clamp(200px,22vw,340px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:none;place-items:center;margin:0;padding:0;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.page-reaction[hidden],.page-side-rail[hidden]{display:none}.page-side-rail--left{left:max(.25rem,50vw - min(490px,48vw) - clamp(210px,23vw,360px))}.page-side-rail--right{right:max(.25rem,50vw - min(490px,48vw) - clamp(210px,23vw,360px))}@media (width<=1180px){.page-side-rail--left{left:.2rem}.page-side-rail--right{right:.2rem}}.page-side-rail__image{aspect-ratio:1;object-fit:contain;transform-origin:50%;filter:drop-shadow(0 14px 26px #0006);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:min(100%,300px);height:auto;animation:.7s cubic-bezier(.16,1.15,.28,1) both page-side-grow;display:block}.page-side-rail--right .page-side-rail__image{animation-delay:80ms}.page-side-rail__image--outcome{width:min(100%,320px)}.page-side-rail__image--verdict{width:min(100%,280px)}.page-side-rail--goal .page-side-rail__image,.page-side-rail--save .page-side-rail__image{filter:drop-shadow(0 14px 26px #0006)drop-shadow(0 0 28px #ffe67873)}.page-side-rail--miss .page-side-rail__image,.page-side-rail--concede .page-side-rail__image{filter:drop-shadow(0 14px 26px #0006)drop-shadow(0 0 26px #ff646466)}@media (width<=820px){.page-side-rail{width:clamp(130px,32vw,180px);top:auto;bottom:.55rem;transform:none}.page-side-rail--left{left:.25rem}.page-side-rail--right{right:.25rem}.page-side-rail__image,.page-side-rail__image--outcome,.page-side-rail__image--verdict{width:min(100%,170px)}}@keyframes page-celebrate-glow{0%{filter:brightness()}30%{filter:brightness(1.12)}to{filter:brightness()}}@keyframes page-goal-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)rotate(-.3deg)}30%{transform:translate(6px)rotate(.3deg)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes page-save-pulse{0%{filter:brightness()}25%{filter:brightness(1.15)saturate(1.2)}to{filter:brightness()}}@keyframes page-setback-dim{0%{filter:brightness()}35%{filter:brightness(.82)}to{filter:brightness()}}@keyframes match-pop{0%{transform:scale(.985)}45%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes match-recoil{0%{transform:translateY(0)}30%{transform:translateY(6px)scale(.99)}to{transform:translateY(0)scale(1)}}@keyframes header-react{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes score-bump{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes flag-cheer{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-8px)rotate(-8deg)}60%{transform:translateY(-4px)rotate(8deg)}}@keyframes flag-threat{0%,to{transform:scale(1)}40%{transform:scale(1.12)}}@keyframes title-flash{0%{opacity:.4;transform:scale(.96)}40%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes panel-react{0%{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes banner-rise{0%{opacity:0;transform:translateY(8px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes page-reaction-fade{0%{opacity:0}10%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes veil-flash{0%{opacity:0}20%{opacity:1}to{opacity:.55}}@keyframes veil-flash-bad{0%{opacity:0}25%{opacity:1}to{opacity:.5}}@keyframes burst-expand{0%{opacity:.85;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}@keyframes rays-spin{to{transform:rotate(360deg)}}@keyframes confetti-fall{0%{transform:translate3d(0, -8vh, 0) rotate(var(--rot));opacity:0}12%{opacity:1}to{transform:translate3d(calc((var(--i) - 21) * 5px), 110vh, 0) rotate(calc(var(--rot) + 480deg));opacity:.12}}@keyframes shock-out{0%{opacity:.7;transform:scale(.35)}to{opacity:0;transform:scale(1.85)}}@keyframes page-side-grow{0%{opacity:0;transform:scale(.15)}55%{opacity:1;transform:scale(1.08)}78%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){body[data-shell=game][data-match-mood=celebrate],body[data-shell=game][data-match-outcome=goal],body[data-shell=game][data-match-outcome=save],body[data-shell=game][data-match-mood=setback],.match-screen.is-mood-celebrate,.match-screen.is-mood-setback,.page-side-rail,.page-side-rail__image,.page-reaction,.confetti-piece,.shock-ring,.page-reaction__burst,.page-reaction__rays{animation:none!important}.page-side-rail,.page-reaction{opacity:1}.page-side-rail--left,.page-side-rail--right{transform:translateY(-50%)}@media (width<=820px){.page-side-rail--left,.page-side-rail--right{transform:none}}}body[data-shell=result],body[data-shell=champion]{background-color:#0b3d2e;background-image:radial-gradient(circle at top,#ffdc502e,#0000 35%),linear-gradient(160deg,#0b3d2eb8,#0f5c42ad 55%,#08261dc7),url(/calculando_penaltis.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.shell-result,.shell-champion{animation:.28s shell-in}@media (width<=640px){.penaltity-scene-host,.penaltity-scene-3d,.penaltity-scene{height:230px;min-height:230px}}@media (width>=821px) and (height<=820px){#app[data-shell=game]{padding:.45rem .75rem}.match-screen{gap:.45rem}.match-stage{border-radius:18px;gap:.5rem;padding:.5rem}.match-header.card,.question-panel.card{padding:.65rem .8rem}.penaltity-scene-host,.penaltity-scene-3d,.penaltity-scene{height:clamp(190px,34svh,280px);min-height:clamp(190px,34svh,280px)}.question-panel{gap:.5rem}.question-prompt{font-size:clamp(1.7rem,5vw,2.4rem)}.answer-input{padding:.55rem}.page-side-rail{width:clamp(120px,18vw,220px)}.page-side-rail__image,.page-side-rail__image--outcome,.page-side-rail__image--verdict{width:min(100%,190px)}}@media (width>=821px) and (height<=700px){.page-side-rail{display:none}}