:root{--navy:#061329;--deep:#020a19;--blue:#0751ab;--electric:#00aeff;--gold:#ffe28b;--gold2:#d7a939;--white:#f6f9ff;--muted:#9eb3d1;--green:#45e9a8;--red:#ff6976;font-family:'Inter',Arial,sans-serif;color:var(--white);background:var(--navy)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{background:radial-gradient(ellipse at 60% -20%,#115bad50,transparent 52%),radial-gradient(ellipse at 5% 95%,#063d806e,transparent 45%),#061329}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{text-decoration:none;color:inherit}[hidden]{display:none!important}h1,h2,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.2px}h1 em,h2 em{font-style:normal;color:var(--gold)}
.app-shell{max-width:1480px;min-height:100dvh;margin:auto;padding:0 30px;display:flex;flex-direction:column}.topbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #b5cfff2b}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:900;letter-spacing:.4px;display:flex;align-items:center;gap:2px}.brand>span:not(.brand-ball){color:#55cbff}.brand small{font-size:13px}.brand-ball{display:grid;place-items:center;font-size:18px;width:34px;height:34px;border:1px solid #6ebaff8a;border-radius:50%;background:#0e3c71;margin-right:9px}.top-right{display:flex;align-items:center;gap:20px}.edition{font-size:10px;letter-spacing:2px;color:#a3bee0;font-weight:800}.sound-btn{background:#12345b;border:1px solid #3e7fba;color:#d9eeff;width:34px;height:34px;border-radius:50%;font-size:18px}.sound-btn.off{opacity:.55;text-decoration:line-through}main{flex:1;display:flex;flex-direction:column;justify-content:center}.screen{animation:fade-up .35s ease both}@keyframes fade-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.site-footer{border-top:1px solid #a6c9ff21;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#6685ad;font-size:10px;font-weight:800;letter-spacing:1.1px}
.gold-eyebrow{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase}.gold-eyebrow span{display:inline-block;background:var(--gold);width:7px;height:7px;border-radius:50%;margin-right:6px;box-shadow:0 0 12px var(--gold)}.main-button{background:linear-gradient(100deg,#ffeb9c,#f8bf42);color:#071b38;box-shadow:0 5px 0 #9b701c,0 0 25px #ffe06b35;border:0;border-radius:8px;padding:15px 25px;min-height:56px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;font-weight:900;letter-spacing:.8px;transition:transform .15s,filter .15s}.main-button:hover:not(:disabled){filter:brightness(1.09);transform:translateY(-2px)}.main-button b{margin-left:10px}.main-button:disabled{box-shadow:none}.secondary-button,.text-button{min-height:48px;border:1px solid #6b9bd0;border-radius:8px;background:#0d2f59;color:#e6f4ff;font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;padding:12px 21px}.secondary-button:hover,.text-button:hover{background:#144677}.text-button{border:0;background:transparent;color:#91badb}
.cover-screen{margin:32px auto;border:1px solid #317bbf;border-radius:16px;box-shadow:0 18px 70px #0007;overflow:hidden;width:min(1260px,100%);display:grid;grid-template-columns:1.04fr .96fr;background:linear-gradient(135deg,#092b55,#031328)}.cover-image{min-height:500px;position:relative;overflow:hidden}.cover-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.cover-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 80%,#051b36 100%)}.cover-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:50px clamp(24px,4vw,65px);position:relative}.cover-content:after{content:"";position:absolute;right:-90px;bottom:-180px;width:340px;height:340px;border:1px solid #2d8ad24c;border-radius:50%;box-shadow:0 0 0 36px #2e9cff0c,0 0 0 75px #2e9cff0a;pointer-events:none}.cover-content>*{position:relative;z-index:1}.cover-content h1{font-size:clamp(49px,5.4vw,86px);line-height:.9;margin:19px 0;text-transform:uppercase;text-shadow:0 4px 18px #0008}.cover-content p{color:#bbd2eb;font-size:14px;line-height:1.75;max-width:420px;margin-bottom:30px}.cover-features{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px;color:#a9c5e6;font-size:10px;font-weight:900;letter-spacing:.5px}.cover-features i{width:3px;height:3px;border-radius:50%;background:#7cb4db}
.choose-screen{max-width:1060px;width:100%;margin:36px auto}.section-heading{text-align:center;margin-bottom:27px}.section-heading h2{font-size:clamp(38px,4vw,56px);line-height:1;margin:10px 0;text-transform:uppercase}.section-heading p{color:#b4c8e0;font-size:13px}.keeper-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.keeper-card{border:2px solid #385d83;border-radius:13px;background:#0b2443;padding:0;overflow:hidden;text-align:left;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}.keeper-card:hover{transform:translateY(-4px);border-color:#3bbdff}.keeper-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px #fbd67133,0 10px 34px #efc15b22}.keeper-photo{height:340px;position:relative;overflow:hidden;background:#15365b}.keeper-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 27%}.keeper-photo:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0b2443)}.card-number{position:absolute;top:14px;left:17px;background:#082c56dc;padding:7px 13px;border:1px solid #74c5e2a3;border-radius:5px;color:#d8f2ff;font-family:'Barlow Condensed',sans-serif;font-size:21px;font-weight:900}.keeper-card-info{padding:16px 23px 22px;display:flex;flex-direction:column;gap:4px}.keeper-role{color:#9bcce7;font-size:10px;letter-spacing:1.6px;font-weight:800}.keeper-card-info strong{font-family:'Barlow Condensed',sans-serif;font-size:34px;line-height:1.1}.choose-indicator{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:13px;border-top:1px solid #679ac53b;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:1.4px}.choose-indicator b{font-size:20px}.keeper-card.selected .choose-indicator:before{content:"✓ SELECCIONADO";position:absolute;background:#1b654d;color:#baffdf;padding:2px 5px;font-size:9px;transform:translateY(-32px)}.choose-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:27px}
.game-screen{padding:24px 0 28px;width:100%}.game-topline{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px}.game-topline h1{font-size:clamp(32px,4vw,52px);line-height:.95;text-transform:uppercase;margin:8px 0 0}.keeper-label{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#97b9dd;font-size:10px;font-weight:900;letter-spacing:1.5px}.keeper-label strong{font-family:'Barlow Condensed',sans-serif;color:#fff;font-size:23px;letter-spacing:.3px}.scoreboard{border:1px solid #4388be;background:linear-gradient(110deg,#062447,#0b3566,#052447);border-radius:10px 10px 0 0;display:grid;grid-template-columns:1fr 152px 1fr;align-items:center;min-height:91px;padding:10px 20px;gap:6px}.team{display:flex;align-items:center;gap:14px;min-width:0}.team>div:not(.team-score){display:flex;flex-direction:column;gap:5px}.team strong{font-family:'Barlow Condensed',sans-serif;font-size:25px;line-height:1}.team small{font-size:8px;color:#9abddd;letter-spacing:1.2px;font-weight:900}.team-mark,.rival-mark{border:2px solid #e4d18a;color:#e4d18a;background:#124888;width:49px;height:49px;display:grid;place-items:center;font-family:Georgia,serif;font-size:32px;font-weight:900;border-radius:50%;box-shadow:0 0 11px #16b2ff54}.rival-mark{border-color:#dadada;color:#fff;background:#576780;font-family:Inter,sans-serif;font-size:23px}.team-score{font-family:'Barlow Condensed',sans-serif;font-size:45px;font-weight:900;padding:0 12px}.team-rival{justify-content:flex-end;text-align:right}.score-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1px}.score-center span{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:1px}.score-center strong{font-family:'Barlow Condensed',sans-serif;font-size:27px;color:#90c7ff;line-height:1}.score-center small{font-size:8px;letter-spacing:1px;color:#8aacd3}.shootout-tracker{display:flex;justify-content:space-between;padding:10px 24px;background:#03172e;border:1px solid #4388be;border-top:0;border-bottom:0;color:#9fbedd;font-size:10px;letter-spacing:1.4px;font-weight:900}.shootout-tracker>div{display:flex;align-items:center;gap:15px}.shot-dots{display:flex;gap:5px}.shot-dot{display:grid;place-items:center;width:22px;height:22px;border:1px solid #46749e;border-radius:50%;color:#6c94b6;font-size:13px;background:#0d2d50}.shot-dot.goal{background:#185d4b;color:#6dfac5;border-color:#34da9b}.shot-dot.miss{background:#642133;color:#ff92a3;border-color:#ff6075}
.stadium{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #4b92ba;border-top:0;border-radius:0 0 13px 13px;isolation:isolate;background:#245c87;touch-action:manipulation}.stadium-bg{position:absolute;inset:0;background-image:url('assets/stadium.png');background-repeat:no-repeat;background-size:100% 100%;z-index:0}.stadium-lights{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 7% 2%,#fff5 0,transparent 16%),radial-gradient(circle at 93% 2%,#fff5 0,transparent 16%),linear-gradient(180deg,#ffffff0d 0,transparent 37%);mix-blend-mode:screen;z-index:1;animation:lights 3s ease-in-out infinite alternate}@keyframes lights{from{opacity:.5}to{opacity:1}}.crowd-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.75}.keeper-figure{position:absolute;left:50%;bottom:27.3%;height:49%;width:33%;transform:translateX(-50%);z-index:4;pointer-events:none;transform-origin:50% 85%;filter:drop-shadow(0 8px 10px #071b2999)}.keeper-figure img{width:100%;height:100%;object-fit:contain;display:block;animation:keeperIdle 2s ease-in-out infinite alternate;transform-origin:50% 87%}.keeper-figure.diving{animation:keeperDive .66s cubic-bezier(.12,.4,.25,1) forwards;z-index:9}.keeper-figure.diving img{animation:none}.keeper-figure.recovering{animation:keeperRecover .45s ease-out both}@keyframes keeperIdle{0%{transform:translate(-1%,0) scaleY(1)}40%{transform:translate(1%,0) scaleY(.984) rotate(1deg)}100%{transform:translate(0,-1%) scaleY(1.01) rotate(-1deg)}}@keyframes keeperDive{0%{transform:translateX(-50%) translateY(0) rotate(0) scale(1)}30%{transform:translateX(calc(-50% + var(--dive-x)*.42)) translateY(calc(var(--dive-y)*.28)) rotate(calc(var(--dive-angle)*.35)) scale(1.05)}100%{transform:translateX(calc(-50% + var(--dive-x))) translateY(var(--dive-y)) rotate(var(--dive-angle)) scale(.98)}}@keyframes keeperRecover{0%{opacity:.75}100%{opacity:1;transform:translateX(-50%)}}
.aim-grid{position:absolute;z-index:8;left:21%;top:36%;width:58%;height:30%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;transition:opacity .2s}.aim-zone{border:1px solid #c9eaff67;border-radius:3px;background:linear-gradient(#00bfff17,#001b521f);color:#edf8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;min-height:0;transition:background .14s,box-shadow .14s,transform .14s}.aim-zone span{font-family:'Barlow Condensed',sans-serif;font-size:24px;line-height:1;text-shadow:0 1px 5px #000}.aim-zone small{font-size:8px;font-weight:900;letter-spacing:.8px;text-shadow:0 1px 4px #00132e}.aim-zone:hover,.aim-zone:focus-visible{background:#00bcff78;box-shadow:inset 0 0 22px #56f1ffbb;transform:scale(.98)}.aim-zone.selected{background:#ffca4577;border-color:#ffe279;box-shadow:inset 0 0 20px #ffd45c9e}.aim-grid.locked{pointer-events:none;opacity:0}.kicker-figure{position:absolute;left:50%;bottom:-14%;height:47%;width:30%;transform:translateX(-50%);z-index:6;filter:drop-shadow(0 10px 7px #0009);transform-origin:50% 92%;pointer-events:none;transition:opacity .22s}.kicker-figure img{width:100%;height:100%;object-fit:contain}.kicker-figure span{position:absolute;top:28%;left:50%;transform:translateX(-50%) perspective(100px) rotateX(8deg);font-family:'Barlow Condensed',sans-serif;font-size:clamp(18px,2.6vw,40px);color:#24344e;font-weight:900;opacity:.84;text-shadow:1px 1px 1px #fff9}.kicker-figure.kicking{animation:kickerRun .82s ease-in-out forwards}@keyframes kickerRun{0%{transform:translateX(-50%) translateY(0) scale(1)}42%{transform:translateX(-58%) translateY(-14%) scale(.90) rotate(-3deg)}75%{transform:translateX(-47%) translateY(-23%) scale(.84) rotate(9deg)}100%{transform:translateX(-50%) translateY(-26%) scale(.82) rotate(-2deg)}}.football{position:absolute;left:50%;top:86%;transform:translate(-50%,-50%) scale(1.1);font-size:clamp(26px,3.9vw,49px);z-index:7;pointer-events:none;filter:drop-shadow(0 4px 3px #0008);will-change:transform,left,top}.football.flying{z-index:10}.pitch-message{position:absolute;z-index:11;left:50%;top:7%;transform:translateX(-50%);padding:10px 25px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:270px;text-align:center;background:#041c3ddd;border:1px solid #74bce8ac;border-radius:5px;box-shadow:0 0 22px #001729a3;pointer-events:none}.pitch-message span{color:#a0c6e6;font-size:9px;letter-spacing:1.5px;font-weight:900}.pitch-message strong{font-family:'Barlow Condensed',sans-serif;color:var(--gold);font-size:25px;letter-spacing:1px;line-height:1}.pitch-message.good{border-color:var(--green);background:#073b32eb}.pitch-message.good strong{color:#70ffd3}.pitch-message.bad{border-color:var(--red);background:#471727eb}.pitch-message.bad strong{color:#ff9dad}.impact-flash{position:absolute;inset:0;z-index:12;opacity:0;pointer-events:none}.impact-flash.show{animation:flash .5s ease-out}@keyframes flash{0%{opacity:.9;background:#fff}100%{opacity:0;background:#47c3ff00}}.net-ripple{position:absolute;left:21%;top:34%;width:58%;height:34%;border:3px solid #fff0;pointer-events:none;z-index:3}.net-ripple.goal{animation:netShudder .68s ease-out}@keyframes netShudder{0%{transform:scale(1)}26%{transform:scale(1.025) skewX(1.5deg);border-color:#ffffff80}100%{transform:scale(1);border-color:transparent}}
.game-instructions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:17px 23px;border:1px solid #2a6799;border-radius:9px;background:#082346}.game-instructions>div{display:flex;align-items:center;gap:15px}.instruction-icon{font-size:29px}.game-instructions strong{font-family:'Barlow Condensed',sans-serif;font-size:20px;letter-spacing:.4px}.game-instructions p{margin:3px 0 0;color:#a7c7e0;font-size:12px;line-height:1.4}.keyboard-tip{font-size:9px;color:#88b1d3;letter-spacing:.7px;font-weight:900;text-align:right;max-width:240px}
.round-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:#010c1be8;backdrop-filter:blur(7px);animation:fade-up .22s ease both}.round-panel{background:linear-gradient(160deg,#104b85,#082447 52%,#06182d);border:1px solid #62acd9;border-radius:16px;box-shadow:0 15px 75px #000d;width:min(520px,100%);max-height:90dvh;overflow:auto;text-align:center;padding:31px 29px 27px}.overlay-emblem{font-size:52px;filter:drop-shadow(0 0 12px #5eeaff88);margin-bottom:8px}.round-panel h2{font-size:clamp(40px,6vw,60px);line-height:1;text-transform:uppercase;color:var(--gold);margin:9px 0 10px}.round-panel p{font-size:14px;color:#c2d7ed;line-height:1.7;margin-bottom:24px}.round-panel .main-button{width:100%}.recre-sim{padding:16px 10px;margin:5px 0 20px;background:#031b33;border:1px solid #3775a5;border-radius:10px}.sim-label{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#a9dcff}.sim-goal{height:93px;width:min(260px,100%);margin:15px auto 0;border:5px solid #dceeff;border-bottom:0;border-radius:7px 7px 0 0;position:relative;background:repeating-linear-gradient(90deg,transparent 0 22px,#ffffff3c 23px 24px),repeating-linear-gradient(0deg,transparent 0 18px,#ffffff3c 19px 20px),linear-gradient(#0d3a66,#083a39)}.sim-ball{position:absolute;left:50%;bottom:-8px;font-size:25px;transform:translateX(-50%);z-index:2}.sim-ball.shoot{animation:miniShot 1.05s ease-out forwards}@keyframes miniShot{0%{left:50%;bottom:-10px;transform:translateX(-50%) scale(1.25)}100%{left:var(--mini-x,75%);bottom:58px;transform:translateX(-50%) scale(.55) rotate(360deg)}}.sim-keeper{position:absolute;left:50%;bottom:5px;font-size:35px;transform:translateX(-50%)}.sim-keeper.save{animation:miniSave 1s ease-out forwards}@keyframes miniSave{100%{left:var(--mini-x,75%);transform:translateX(-50%) rotate(-22deg)}}
.end-screen{width:min(740px,100%);margin:40px auto;text-align:center;padding:48px 36px;background:linear-gradient(145deg,#0c4a8a,#061b39 60%,#08152e);border:1px solid #669acb;border-radius:17px;box-shadow:0 22px 70px #0008;overflow:hidden}.end-emoji{font-size:59px;filter:drop-shadow(0 0 17px #ffe58a88);margin-bottom:16px}.end-screen .gold-eyebrow{display:block}.end-screen h1{font-size:clamp(42px,6vw,76px);line-height:.95;text-transform:uppercase;margin:14px auto}.end-screen>p{color:#bfd3e6;font-size:14px;line-height:1.7;max-width:510px;margin:5px auto 26px}.end-score{display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid #4779a3;border-bottom:1px solid #4779a3;padding:14px 5px}.end-score span{color:#b9d2ef;font-size:10px;letter-spacing:1px;font-weight:900}.end-score strong{font-family:'Barlow Condensed',sans-serif;font-size:51px;color:var(--gold)}.end-stats{display:flex;justify-content:center;gap:40px;margin:24px auto 29px}.end-stats>div{display:flex;flex-direction:column;gap:5px;align-items:center}.end-stats strong{font-family:'Barlow Condensed',sans-serif;font-size:34px;color:#fff}.end-stats span{color:#a7c2df;font-size:9px;letter-spacing:1px;font-weight:900}.end-actions{display:flex;flex-wrap:wrap;gap:13px;justify-content:center}
@media(max-width:980px){.app-shell{padding:0 18px}.cover-image{min-height:450px}.cover-content{padding:30px}.cover-content h1{font-size:58px}.scoreboard{grid-template-columns:1fr 95px 1fr;padding:9px}.team{gap:6px}.team strong{font-size:21px}.team-score{font-size:38px;padding:0 5px}.team-mark,.rival-mark{width:38px;height:38px;font-size:24px}.game-instructions{padding:13px 16px}}
@media(max-width:690px){.app-shell{padding:0 10px}.topbar{min-height:57px}.brand{font-size:20px}.brand small{font-size:11px}.brand-ball{width:27px;height:27px;font-size:15px}.edition{display:none}.site-footer{justify-content:center}.site-footer span:first-child{display:none}.cover-screen{display:flex;flex-direction:column;margin:17px auto;max-width:510px}.cover-image{min-height:0;aspect-ratio:1.35}.cover-image img{object-fit:cover;object-position:50% 23%}.cover-image:after{background:linear-gradient(transparent 80%,#051b36)}.cover-content{text-align:center;align-items:center;padding:25px 19px 28px}.cover-content h1{font-size:50px}.cover-content p{font-size:12px;margin-bottom:22px}.cover-features{justify-content:center;margin-top:24px;gap:9px;font-size:9px}.main-button{font-size:21px;min-height:53px}.choose-screen{margin:20px auto}.section-heading h2{font-size:40px}.keeper-cards{gap:10px}.keeper-photo{height:265px}.keeper-card-info{padding:13px 11px 15px}.keeper-card-info strong{font-size:25px}.keeper-role{font-size:8px;letter-spacing:.7px}.choose-indicator{font-size:9px}.game-screen{padding:15px 0 20px}.game-topline h1{font-size:31px}.keeper-label{font-size:8px}.keeper-label strong{font-size:20px}.scoreboard{grid-template-columns:1fr 58px 1fr;min-height:72px;padding:7px 6px}.team-mark,.rival-mark{width:29px;height:29px;font-size:17px}.team strong{font-size:18px}.team small{font-size:6px;letter-spacing:.3px}.team-score{font-size:32px}.score-center span{font-size:8px}.score-center strong{font-size:20px}.score-center small{display:none}.shootout-tracker{padding:9px 10px}.shootout-tracker>div{gap:5px}.shot-dots{gap:3px}.shot-dot{width:18px;height:18px;font-size:10px}.stadium{aspect-ratio:1.06}.stadium-bg{background-size:100% 100%}.keeper-figure{height:48%;width:45%;bottom:28%}.kicker-figure{height:39%;width:37%;bottom:-8%}.football{font-size:29px}.aim-grid{left:15%;top:35%;width:70%;height:34%;gap:1px}.aim-zone span{font-size:22px}.aim-zone small{font-size:7px;letter-spacing:.1px}.pitch-message{top:6%;padding:8px 10px;min-width:230px}.pitch-message span{font-size:7px}.pitch-message strong{font-size:19px}.game-instructions{padding:13px 11px}.instruction-icon{font-size:23px}.game-instructions strong{font-size:18px}.game-instructions p{font-size:11px}.keyboard-tip{display:none}.end-screen{margin:21px auto;padding:39px 19px}.end-stats{gap:24px}}
@media(max-width:390px){.brand{font-size:17px}.brand small{font-size:9px}.cover-content h1{font-size:44px}.cover-content .gold-eyebrow{font-size:8px}.keeper-photo{height:220px}.keeper-card-info strong{font-size:22px}.section-heading h2{font-size:35px}.team strong{font-size:15px}.team-mark,.rival-mark{display:none}.score-center span{font-size:7px}.team-score{font-size:27px}.game-topline h1{font-size:26px}.keeper-label strong{font-size:16px}.pitch-message{min-width:205px}.aim-zone small{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Valores intermedios precalculados para mantener la animación en Safari/iOS. */
@keyframes keeperDive {
  0% { transform:translateX(-50%) translateY(0) rotate(0deg) scale(1); }
  30% { transform:translateX(calc(-50% + var(--dive-mid-x))) translateY(var(--dive-mid-y)) rotate(var(--dive-mid-angle)) scale(1.05); }
  100% { transform:translateX(calc(-50% + var(--dive-x))) translateY(var(--dive-y)) rotate(var(--dive-angle)) scale(.98); }
}
/* Escala ajustada a las dimensiones reales de la portería del escenario. */
.keeper-figure { height:31%; width:26%; bottom:33%; }
.cover-image img { object-fit:contain; background:#061c38; }
@media(max-width:690px) {
  .keeper-figure { height:31%; width:37%; bottom:33%; }
  .cover-image img { object-fit:contain; }
}
/* Escudos de ambos equipos en el marcador y banderas del Recre en la grada. */
.rcv-hda-embedded, .rcv-hda-embedded body { min-height:0; }
.rcv-hda-embedded body { overflow-x:hidden; }
.rcv-hda-embedded .app-shell { max-width:none; min-height:0; padding:0 5px; }
.rcv-hda-embedded .topbar, .rcv-hda-embedded .site-footer { display:none; }
.rcv-hda-embedded main { flex:initial; }
.rcv-hda-embedded .game-screen { padding-top:12px; }
.rcv-hda-embedded .cover-screen { margin-top:10px; }
.stadium-bg { background-image:url('assets/stadium-recre-flags.webp'); }
.score-crest {
  display:block;
  width:50px;
  height:60px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));
}
@media(max-width:980px) {
  .score-crest { width:38px; height:46px; }
}
@media(max-width:690px) {
  .score-crest { width:29px; height:35px; }
}
@media(max-width:390px) {
  .score-crest { width:24px; height:30px; }
  .scoreboard { grid-template-columns:minmax(0,1fr) 43px minmax(0,1fr); padding:6px 3px; gap:3px; }
  .team { gap:3px; }
  .team strong { font-size:14px; }
  .team small { display:none; }
  .team-score { font-size:23px; padding:0 2px; }
  .score-center span { font-size:6px; }
}
