@font-face{font-family:Baloo;src:url('./vendor/fonts/baloo-2-latin-800-normal.woff2')}@font-face{font-family:Nunito;src:url('./vendor/fonts/nunito-latin-800-normal.woff2')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#15103d;color:#fff;font-family:Nunito,system-ui,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;background:#5cb8ff}.brand{font-family:Baloo,sans-serif;font-size:clamp(28px,4vw,62px);line-height:.8;letter-spacing:-2px;color:#fff;-webkit-text-stroke:2px #301270;text-shadow:0 5px 0 #371178,0 9px 14px #36127b66;transform:skew(-5deg)}.brand--big{font-size:clamp(54px,10vw,120px)}.boot{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;background:radial-gradient(circle at 50% 45%,#d9c7ff,#aa89e8 55%,#7453c7);z-index:100;font-size:18px}.boot__ball{font-size:42px;animation:hop .7s ease-in-out infinite alternate}.boot__error{max-width:680px;margin:20px;padding:16px;border:2px solid #ff5c8e;background:#260b2a;border-radius:14px;white-space:pre-wrap}.menu{position:fixed;inset:0;z-index:20;background:linear-gradient(90deg,#c6aff4e8 0 30%,#b397e1a8 47%,#b293e3e8 100%);padding:24px;display:grid;grid-template-columns:minmax(220px,330px) 1fr minmax(250px,360px);grid-template-rows:auto 1fr auto;gap:20px}.menu__top{grid-column:1/-1;display:flex;align-items:flex-start;gap:12px}.menu__top .brand{margin-right:auto}.currency{background:#faf6ff;color:#2b2045;border:3px solid #4b258b;border-radius:12px;padding:9px 15px;box-shadow:0 5px 0 #3f2075;font-size:15px}.currency span{color:#ffad22}.gem{color:#522895}.menu__rail{grid-column:1;display:flex;flex-direction:column;gap:10px;align-self:center}.nav{border:3px solid #55318e;border-radius:12px;padding:14px 18px;background:#fbf8ff;color:#3a2468;text-align:left;box-shadow:0 5px 0 #4b287e;font-size:18px}.nav.active{background:linear-gradient(90deg,#ffca35,#ff9a2e);color:#301b47;border-color:#7b351b}.nav:disabled{opacity:.58}.menu__hero{align-self:center;justify-self:center;text-align:center;max-width:530px}.menu__hero h1{font-family:Baloo;margin:8px 0;font-size:clamp(36px,5vw,74px);line-height:.9;color:#fff;text-shadow:0 5px 0 #5a36a1}.menu__hero p{font-size:17px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#502694}.menu__event{align-self:center;background:linear-gradient(#8e5cdc,#6337b2);border:3px solid #3b1d72;border-radius:18px;padding:22px;text-align:center;box-shadow:0 8px 0 #452278}.menu__event h2{font-family:Baloo;font-size:36px;margin:8px 0}.versus{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:18px 0}.versus span{font-family:Baloo;font-size:26px;color:#ffd44a}.play-button{grid-column:3;justify-self:end;align-self:end;font-family:Baloo;font-size:34px;padding:16px 48px;border:4px solid #5c2d13;border-radius:15px;background:linear-gradient(#ffd42f,#ffa51e);color:#311841;box-shadow:0 8px 0 #713718;cursor:pointer}.hud{position:fixed;inset:0;z-index:10;pointer-events:none}.scoreboard{position:absolute;top:max(14px,env(safe-area-inset-top));left:18px;display:flex;background:#33255d;border:4px solid #fff;border-radius:17px;overflow:hidden;box-shadow:0 5px 0 #352351;font-family:Baloo;font-size:24px}.team-chip,.clock{padding:7px 15px}.team-chip--blue{background:#2fa5f4}.team-chip--pink{background:#f53b88}.clock{min-width:82px;text-align:center}.reticle{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);opacity:.5}.reticle:before,.reticle:after{content:"";position:absolute;background:#fff;border-radius:2px}.reticle:before{width:20px;height:2px;top:9px}.reticle:after{height:20px;width:2px;left:9px}.reticle span{position:absolute;inset:6px;border:2px solid #fff;border-radius:50%}.stamina{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center}.stamina__track{width:min(330px,38vw);height:18px;border:4px solid #fff;background:#263945;border-radius:20px;overflow:hidden;box-shadow:0 4px 0 #3f3c65}.stamina__track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff3c69,#ff8d37,#ffd93d);transition:width .12s}.power{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);text-align:center}.power div{width:260px;height:14px;background:#241b3c;border:3px solid #fff;border-radius:20px;overflow:hidden}.power i{display:block;height:100%;background:linear-gradient(90deg,#73e6ff,#a65cff);width:0}.power b{font-size:11px}.desktop-help{position:absolute;left:14px;bottom:18px;background:#122243bb;padding:8px 11px;border-radius:9px;font-size:11px}.fps{position:absolute;right:15px;top:18px;background:#241852aa;border-radius:10px;padding:7px 10px;font-size:12px}.replay-tag{position:absolute;right:25px;top:24px;font-family:Baloo;font-size:34px;text-shadow:0 3px #43247d}.goal-overlay{position:fixed;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;pointer-events:none;background:radial-gradient(circle,#7139cc22,#25124a00 60%)}.goal-overlay strong{font-family:Baloo;font-size:clamp(90px,18vw,230px);line-height:.75;color:#fff;-webkit-text-stroke:5px #43207b;text-shadow:0 10px 0 #5f32a9,0 18px 30px #1b0f4580}.goal-overlay span{font-family:Baloo;font-size:30px;background:#2c9bec;border:4px solid #fff;border-radius:12px;padding:5px 28px;box-shadow:0 5px 0 #32639f}.touch-ui{position:fixed;inset:0;z-index:15;pointer-events:none}.joystick{position:absolute;left:32px;bottom:35px;width:150px;height:150px;border:5px solid #ffffff99;border-radius:50%;background:#d5c5ff30;pointer-events:auto}.stick{position:absolute;left:50%;top:50%;width:68px;height:68px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(#c393ff,#7242d2);border:4px solid #fff;box-shadow:0 5px 0 #523a70}.actions{position:absolute;right:24px;bottom:23px;display:grid;grid-template-columns:repeat(2,84px);grid-template-rows:repeat(3,84px);gap:10px;pointer-events:auto}.action{border-radius:50%;border:5px solid #fff;color:#fff;box-shadow:0 6px 0 #46516b;font-size:25px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center}.action span{font-size:10px}.action--green{background:#2fac66}.action--purple{background:#8851e8}.action--orange{background:#fa9134}.action--blue{background:#2e9eda}.results{position:fixed;inset:0;z-index:50;background:linear-gradient(#c9b6f2,#9977d8);display:grid;grid-template-rows:auto auto 1fr auto 1fr auto;padding:20px 7vw;color:#fff;text-align:center}.brand--result{position:absolute;left:25px;top:20px;font-size:28px}.result-title{display:flex;justify-content:center;align-items:center;gap:35px;font-family:Baloo;font-size:60px}.result-title strong{font-size:70px;background:linear-gradient(#baf3ff,#2fa3ef);-webkit-background-clip:text;color:transparent;-webkit-text-stroke:2px #fff;filter:drop-shadow(0 6px #4d3c8a)}.lineup{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:center;max-width:1000px;width:100%;margin:auto}.result-player{display:grid;justify-items:center;gap:5px}.mini-face{width:105px;height:125px;border-radius:48% 48% 38% 38%;display:grid;place-content:center;font-size:28px;border:5px solid #512b82;box-shadow:0 8px 0 #634795}.face-1,.face-2,.face-3{background:#de984f}.face-4,.face-5,.face-6{background:#9c5f41}.result-player b{background:#2e98ed;border:3px solid #fff;border-radius:10px;padding:5px 35px;min-width:170px}.lineup--pink .result-player b{background:#ee3885}.result-player small{background:#5a2bab;padding:4px 12px;border-radius:7px}.vs-line{height:2px;background:#4e307c;position:relative;margin:8px}.vs-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#432474;border:3px solid #432474;border-radius:8px;padding:2px 12px;font-weight:900}.continue-button{justify-self:end;background:#fff;color:#3a245f;border:4px solid #3a245f;border-radius:13px;padding:13px 28px;font-family:Baloo;font-size:20px;box-shadow:0 6px 0 #4b2c79}.rotate{display:none}@keyframes hop{to{transform:translateY(-15px) rotate(12deg)}}@media (pointer:coarse),(max-width:900px){.desktop-help{display:none}.fps{top:auto;bottom:5px;right:auto;left:8px}.scoreboard{left:10px;top:10px;font-size:18px;border-width:3px}.team-chip,.clock{padding:5px 11px}.touch-ui:not([hidden]){display:block}.stamina{bottom:15px}.stamina__track{width:38vw;height:14px}.reticle{opacity:.35}.menu{grid-template-columns:190px 1fr;grid-template-rows:auto 1fr auto;padding:14px}.menu__event{display:none}.menu__hero{grid-column:2}.play-button{grid-column:2}.menu__rail{grid-column:1}.currency{font-size:11px;padding:6px 9px}.actions{grid-template-columns:repeat(2,72px);grid-template-rows:repeat(3,72px);gap:7px;right:15px;bottom:15px}.action{font-size:20px;border-width:4px}.joystick{width:130px;height:130px;left:20px;bottom:25px}.stick{width:60px;height:60px}.results{padding:12px 4vw}.result-title{font-size:38px;gap:20px}.result-title strong{font-size:46px}.mini-face{width:72px;height:85px}.result-player b{min-width:110px;padding:4px 15px}.lineup{gap:10px}}
@media (orientation:portrait) and (pointer:coarse){body:after{content:'GIRÁ EL CELULAR ↻';position:fixed;inset:0;z-index:200;background:#4d2696;display:grid;place-content:center;font:800 28px Baloo;color:#fff}}

#ai-debug-overlay{position:fixed;z-index:80;right:12px;top:58px;width:min(390px,45vw);max-height:72vh;overflow:auto;background:#120d26df;border:2px solid #7de8ff;border-radius:12px;padding:8px 10px;pointer-events:none;box-shadow:0 7px 22px #0008;font:700 11px/1.25 Nunito,sans-serif;color:#eafcff;backdrop-filter:blur(8px)}
#ai-debug-overlay[hidden]{display:none}
#ai-debug-overlay header{font:800 13px Baloo,sans-serif;letter-spacing:1px;color:#7de8ff;margin-bottom:5px}
#ai-debug-overlay div{display:grid;grid-template-columns:76px 55px 78px 34px 1fr;gap:5px;align-items:center;padding:4px 0;border-top:1px solid #ffffff16}
#ai-debug-overlay b{color:#fff}#ai-debug-overlay span{color:#ffd45b}#ai-debug-overlay strong{color:#8ef0b0}#ai-debug-overlay em{font-style:normal;color:#ff8fc3}#ai-debug-overlay small{color:#b9c8e9;white-space:nowrap}
@media (max-width:900px){#ai-debug-overlay{width:58vw;right:5px;top:48px;font-size:9px}#ai-debug-overlay div{grid-template-columns:64px 48px 66px 28px 1fr}}

.player-nameplate{position:fixed;left:0;top:0;z-index:13;display:flex;align-items:center;gap:5px;pointer-events:none;will-change:transform,opacity;padding:3px 7px 3px 8px;border:2px solid #fff;border-radius:8px;background:#25194bcc;box-shadow:0 3px 0 #241743,0 5px 10px #0005;font:800 10px/1 Nunito,sans-serif;color:#fff;white-space:nowrap;backdrop-filter:blur(4px)}
.player-nameplate[hidden]{display:none}.player-nameplate b{font-weight:800}.player-nameplate span{font-size:9px;opacity:.78}.player-nameplate--blue{background:#137bcde0}.player-nameplate--pink{background:#d42570e0}.player-nameplate--controlled{border-color:#7df1ff;box-shadow:0 0 0 2px #30dfff55,0 3px 0 #17648a,0 6px 12px #0005}.player-nameplate--controlled:before{content:'◆';font-size:7px;color:#91f4ff}
@media (pointer:coarse),(max-width:900px){.player-nameplate{font-size:9px;padding:3px 6px;border-width:1.5px}.player-nameplate span{font-size:8px}}
#ai-debug-overlay div{grid-template-columns:70px 68px 52px 72px 34px 1fr}
#ai-debug-overlay i{font-style:normal;color:#a9b6ff;text-transform:uppercase;font-size:9px;letter-spacing:.4px}
@media (max-width:900px){#ai-debug-overlay div{grid-template-columns:56px 58px 44px 60px 28px 1fr}#ai-debug-overlay i{font-size:8px}}

.play-button:disabled{opacity:.78;cursor:wait;filter:saturate(.72);font-size:clamp(15px,1.3vw,22px);min-width:310px}