*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}body{display:flex;align-items:center;justify-content:center}#game{width:min(100vw,calc(100dvh * 707 / 772));aspect-ratio:707/772;position:relative;overflow:hidden;background:#061a3b;box-shadow:0 0 40px #031e47}#reference{width:100%;height:100%;display:block;pointer-events:none}.hot{position:absolute;background:transparent;border:0;cursor:pointer;touch-action:manipulation}.hot:focus-visible{outline:3px solid #f9e07c}.hot:active{background:#ffffff24}.hot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#wallet{position:absolute;top:1.1%;left:44%;right:12%;height:4.4%;display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:clamp(8px,2.6vw,19px);text-shadow:0 2px 3px #000}#wallet span{background:#082653;padding:2px 4px;border-radius:6px}#panel{position:absolute;inset:6.5% 0 0;background:linear-gradient(135deg,#061a40,#0b3674 45%,#04122d);overflow:auto;padding:2.5%;padding-bottom:8%;border-top:3px solid #2baaff;scrollbar-width:thin}#panel h2{font-size:clamp(17px,4.5vw,31px);color:#ffd452;text-shadow:0 2px 4px #000;margin:0 0 10px}#panel h3{color:#ffd452;margin:8px 0}#panel p{font-size:clamp(11px,2.6vw,17px);line-height:1.35}.bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.btn{background:linear-gradient(#2198ec,#05468f);border:2px solid #5bc8ff;box-shadow:inset 0 1px #c5f4ff,0 3px #02112b;border-radius:9px;color:#fff;padding:9px 12px;font-weight:900;font-size:clamp(10px,2.5vw,16px);cursor:pointer}.btn:active{transform:translateY(2px)}.btn.gold{background:linear-gradient(#f8d75b,#bb6b0a);border-color:#fff3a6;color:#1b160b}.btn.green{background:linear-gradient(#78f82c,#0c970e);border-color:#c6ff80;color:#fff}.btn.purple{background:linear-gradient(#d747ed,#6314aa);border-color:#ffadff}.btn:disabled{filter:grayscale(.7);opacity:.55}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.tabs .btn{padding:7px 9px}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{background:linear-gradient(145deg,#154c91,#081c44);border:2px solid #2b9cfa;border-radius:12px;padding:10px;text-align:center;box-shadow:inset 0 0 16px #144c83}.tile h3{font-size:clamp(12px,3.2vw,19px);margin:5px 0}.tile p{margin:5px 0;color:#d1e7ff}.packIcon{height:65px;display:flex;align-items:center;justify-content:center;font-size:44px;filter:drop-shadow(0 0 9px currentColor)}.tile .btn{width:100%;margin-top:8px}.legendGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.legend{border:2px solid #e9b83e;background:linear-gradient(150deg,#342308,#060b19 60%,#735011);border-radius:12px;text-align:center;padding:8px 3px;cursor:pointer;box-shadow:0 0 8px #ad7b26}.legend img{width:70%;height:65px;object-fit:contain}.legend strong{display:block;color:#ffe079;font-size:clamp(13px,3vw,21px)}.legend small{font-size:clamp(9px,2vw,12px)}.legend .rating{font-size:22px;color:#ffdf7c;font-weight:900}.line{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#092959;border:1px solid #2a86ca;border-radius:10px;padding:10px;margin:7px 0}.line strong{font-size:clamp(11px,2.8vw,17px)}.line small{display:block;color:#b9d8f3;margin-top:3px}.line .btn{flex-shrink:0}.info{padding:10px;background:#0c3975;border:1px solid #4ea7e9;border-radius:10px;color:#d6eaff;font-size:clamp(11px,2.5vw,16px)}#modal{position:absolute;inset:0;background:#000b;z-index:5;display:flex;align-items:center;justify-content:center;padding:6%}#modal[hidden],#panel[hidden],#dynamicPitch[hidden],#wallet[hidden]{display:none!important}.modalBody{width:100%;max-height:85%;overflow:auto;background:linear-gradient(#113d7c,#071b42);border:3px solid #f1c451;border-radius:17px;padding:18px;text-align:center;box-shadow:0 0 28px #e5a8239c}.modalBody h2{color:#ffe47d;margin:8px}.modalBody p{font-size:clamp(12px,3vw,19px)}.modalBody .btn{margin:4px}.modalBody img{max-height:180px;max-width:42%;object-fit:contain;filter:drop-shadow(0 0 12px #efb937)}.formationOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.formationOptions .btn{margin:0}.formationBoard{background:repeating-linear-gradient(0deg,#0d8137 0 13%,#0c6d32 13% 26%);border:4px solid #4cb56b;border-radius:12px;display:flex;flex-direction:column;justify-content:space-around;padding:12px 8px;min-height:310px;box-shadow:inset 0 0 0 2px #ffffff55}.formationRow{display:flex;justify-content:space-evenly;align-items:center;gap:2px}.miniCard{width:17%;max-width:70px;aspect-ratio:1/1.2;background:linear-gradient(150deg,#dfad3d,#121a30 18% 80%,#d7a43a);clip-path:polygon(16% 0,84% 0,100% 20%,100% 82%,50% 100%,0 82%,0 20%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(8px,2.2vw,14px);font-weight:900;color:#ffe89a;text-shadow:1px 1px #000;cursor:pointer}.miniCard img{height:60%;width:75%;object-fit:cover;border-radius:50%}.miniCard span{font-size:clamp(7px,1.8vw,12px);color:#fff}.bottom{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:12px}.status{color:#f8d565;font-weight:bold;text-align:center}.fade{animation:pop .45s ease-out}@keyframes pop{0%{transform:scale(.4);opacity:0;filter:brightness(3)}70%{transform:scale(1.07);opacity:1}100%{transform:scale(1);filter:brightness(1)}}

#shopReference{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
#shopReference[hidden],#shopEffects[hidden],#seasonShortcut[hidden]{display:none!important}
#shopEffects{position:absolute;inset:0;pointer-events:none}
.shopHot{position:absolute;border:0;background:transparent;pointer-events:auto;cursor:pointer;touch-action:manipulation;border-radius:10px}
.shopHot:focus-visible{outline:3px solid #fff4a2;outline-offset:-3px}
.shopHot:active{background:#ffffff30;filter:brightness(1.3)}
.packHot{animation:shopPulse 2.8s ease-in-out infinite;box-shadow:inset 0 0 0 0 transparent}
.packHot:nth-of-type(even){animation-delay:-1.4s}
.packHot:active{box-shadow:inset 0 0 20px 7px #ffe68d}
.dealHot{animation:dealGlow 3s ease-in-out infinite}
.offerHot{animation:offerGlow 2.6s ease-in-out infinite}
@keyframes shopPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.15)}}
@keyframes dealGlow{0%,100%{box-shadow:inset 0 0 0 #12b9ff00}50%{box-shadow:inset 0 0 12px #12b9ff77}}
@keyframes offerGlow{0%,100%{box-shadow:inset 0 0 0 #ffcc0000}50%{box-shadow:inset 0 0 15px #ffcc0066}}
#seasonShortcut{position:absolute;right:1%;bottom:8%;z-index:3;background:linear-gradient(135deg,#9c27d9,#342078);border:2px solid #ffe06b;border-radius:9px;padding:5px 9px;color:#fff;font-weight:900;font-size:clamp(9px,2vw,14px);box-shadow:0 0 13px #d14af8;animation:passShine 2.4s ease-in-out infinite;cursor:pointer}
@keyframes passShine{50%{box-shadow:0 0 23px #f5cf65;filter:brightness(1.18)}}
.passHero{text-align:center;background:radial-gradient(circle at 50% 0%,#9c6c20,#22133e 60%,#081c3f);border:2px solid #edbf4c;border-radius:15px;padding:16px 8px;box-shadow:0 0 22px #e2b54a55}
.passHero h2{font-size:clamp(18px,4vw,30px)!important}.passCrown{font-size:52px;filter:drop-shadow(0 0 14px #ffdf6a);animation:passShine 2.5s infinite}.passHero p{color:#e9d8ff;font-weight:bold}
.passProgress{height:15px;border-radius:30px;background:#071128;border:2px solid #65c4ff;margin:12px}.passProgress div{height:100%;border-radius:30px;background:linear-gradient(90deg,#2bf28a,#e6d455)}.passTracks{display:flex;justify-content:space-around;margin-top:14px;color:#ffe087;font-weight:900;font-size:clamp(10px,2.5vw,15px)}
.passRewards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.passReward{display:flex;flex-direction:column;align-items:center;gap:5px;background:linear-gradient(#154d8a,#0a1941);border:2px solid #e1b34d;border-radius:12px;padding:10px 5px}.passReward strong{font-size:clamp(11px,2.8vw,17px)}.passReward small{color:#c9dcff}.rewardIcon{font-size:38px}.rewardNum{align-self:flex-start;color:#ffe58a;font-weight:900}.passBuy{margin-top:12px;padding:14px;text-align:center;border:2px solid #f3c95b;border-radius:12px;background:#291945}.premiumOffer{border-color:#f8c34c}.marketHead{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#ffe18c;font-weight:900;margin-bottom:12px}.legendReveal{font-size:42px;color:#ffdb70;animation:pop .6s ease-out;text-shadow:0 0 20px #ffd850}
@media(prefers-reduced-motion:reduce){.packHot,.dealHot,.offerHot,#seasonShortcut,.passCrown,.legendReveal{animation:none!important}}

/* Single live balances placed inside the original illustrated wallet frames.
   The baked numbers were erased from the source art; icons/plus buttons remain. */
#wallet{position:absolute;inset:0;left:0;right:0;top:0;height:100%;display:block;pointer-events:none;z-index:2;font-family:Arial,Helvetica,sans-serif;text-shadow:0 1px 2px #000,0 0 1px #fff;font-weight:900}
#wallet .walletAmount{position:absolute;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:0;padding:0;white-space:nowrap;line-height:1;color:#fff;font-size:clamp(10px,2.95vw,24px);font-variant-numeric:tabular-nums;letter-spacing:-.035em}
#wallet.squadWallet #coinDisplay{left:51.65%;top:1.95%;width:14.35%;height:3.05%}
#wallet.squadWallet #diamondDisplay{left:74.95%;top:1.95%;width:5.75%;height:3.05%}
#wallet.shopWallet #coinDisplay{left:51.38%;top:1.75%;width:13.5%;height:3.4%}
#wallet.shopWallet #diamondDisplay{left:74.55%;top:1.75%;width:5.5%;height:3.4%}
#wallet.shopWallet .walletAmount{font-size:clamp(10px,2.75vw,23px)}
/* On menu pages there is no original header artwork, so show a proper live wallet. */
#wallet.menuWallet{height:6.3%;background:linear-gradient(90deg,#071b3e,#103a75);display:flex;align-items:center;justify-content:flex-end;gap:2%;padding:0 2%;border-bottom:2px solid #37b5ff}
#wallet.menuWallet .walletAmount{position:static;width:auto;height:auto;background:#081e43;border:1px solid #299ee5;border-radius:7px;padding:4px 8px;font-size:clamp(11px,2.8vw,19px)}
.walletAmount.changed{animation:balanceChange .42s ease-out}
@keyframes balanceChange{0%{transform:scale(1.2);color:#ffe376}100%{transform:scale(1);color:#fff}}

#academyReference{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
#academyReference[hidden],#academyEffects[hidden]{display:none!important}
#academyEffects{position:absolute;inset:0;pointer-events:none}
.academyHot{position:absolute;pointer-events:auto;border:0;background:transparent;cursor:pointer;touch-action:manipulation;border-radius:12px}
.academyHot:focus-visible{outline:3px solid #fff4a2}
.academyHot:active{background:#ffffff33}
.academyPulse{animation:academyGlow 2.7s ease-in-out infinite}
@keyframes academyGlow{50%{box-shadow:inset 0 0 16px #54ecff66;filter:brightness(1.15)}}
#wallet.academyWallet #coinDisplay{left:51.38%;top:1.75%;width:13.5%;height:3.4%}
#wallet.academyWallet #diamondDisplay{left:74.55%;top:1.75%;width:5.5%;height:3.4%}
#wallet.academyWallet .walletAmount{font-size:clamp(10px,2.75vw,23px)}
.academyProspect{display:flex;align-items:center;gap:9px;padding:9px;background:#082959;border:1px solid #2ea9ff;border-radius:10px;margin:8px 0}
.academyProspect img{width:58px;height:68px;object-fit:cover;clip-path:polygon(13% 0,87% 0,100% 14%,100% 85%,50% 100%,0 85%,0 14%);border:2px solid #e6b94b}
.academyProspect .details{flex:1;min-width:0}
.academyProspect strong{display:block;color:#ffe088}
.academyProspect small{display:block;color:#d1e9ff}
@media(prefers-reduced-motion:reduce){.academyPulse{animation:none!important}}

/* Currency and navigation repair: numbers live in the illustrated header, never duplicated. */
#game{container-type:inline-size}
#wallet{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;pointer-events:none!important;z-index:3!important;padding:0!important;border:0!important;background:transparent!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:900!important;text-shadow:0 1px 2px #000!important}
#wallet[hidden]{display:none!important}
#wallet .walletAmount{position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:visible!important;box-sizing:border-box!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;color:#fff!important;font-size:2.34cqw!important;line-height:1!important;letter-spacing:-.055em!important;font-variant-numeric:tabular-nums!important;font-stretch:condensed!important}
#wallet.squadWallet #coinDisplay{left:49.8%!important;top:1.92%!important;width:13.65%!important;height:3.2%!important}
#wallet.squadWallet #diamondDisplay{left:75.05%!important;top:1.92%!important;width:6.65%!important;height:3.2%!important}
#wallet.shopWallet #coinDisplay,#wallet.academyWallet #coinDisplay{left:51.1%!important;top:1.95%!important;width:13.8%!important;height:3.45%!important}
#wallet.shopWallet #diamondDisplay,#wallet.academyWallet #diamondDisplay{left:74.5%!important;top:1.95%!important;width:6.2%!important;height:3.45%!important}
#wallet.menuWallet{height:6.3%!important;background:linear-gradient(90deg,#071b3e,#103a75)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:2%!important;padding:0 2%!important;border-bottom:2px solid #37b5ff!important}
#wallet.menuWallet .walletAmount{position:static!important;width:auto!important;height:auto!important;background:#081e43!important;border:1px solid #299ee5!important;border-radius:7px!important;padding:4px 8px!important;font-size:2.5cqw!important}
.walletAmount.changed{animation:balanceChange .42s ease-out}

/* Transfers: a functional, responsive page in the existing electric-blue / gold game style. */
.transferScreen{background:radial-gradient(ellipse at 50% 20%,#164c9c,#061b44 65%);padding:6px;border-radius:13px;border:1px solid #288ce3;box-shadow:inset 0 0 30px #00baff22}
.transferHero{min-height:112px;display:flex;align-items:center;justify-content:space-around;text-align:center;gap:4px;background:radial-gradient(ellipse at center,#1953a5 0%,#0b2860 63%,#061b42 100%);border:2px solid #268de5;border-radius:12px;box-shadow:0 0 18px #168cff77,inset 0 0 18px #3bafff33;margin-bottom:10px;padding:10px 4px;font-size:clamp(9px,2.4vw,15px);font-weight:bold}
.transferHeroTitle{font-size:clamp(24px,7vw,45px);font-weight:1000;font-style:italic;color:white;text-shadow:2px 3px #061330,0 0 15px #70baff;letter-spacing:.03em}
.transferHeroIcon{font-size:clamp(27px,8vw,54px);filter:drop-shadow(0 0 8px #4aaaff)}
.transferNav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:13px}.transferNav .btn{font-size:clamp(8px,1.8vw,12px);padding:9px 1px;border-radius:7px;white-space:normal;min-height:40px}.transferNav .selected{background:linear-gradient(#05b9ff,#0069c9);box-shadow:0 0 13px #15bfff}
.transferHeading{color:#ffe28c;text-shadow:0 0 9px #e4b54d;text-align:center;font-size:clamp(15px,4.4vw,26px);font-weight:1000;margin:13px 0 9px;border-bottom:1px solid #3b97dd;padding-bottom:5px}
.transferStats{display:flex;justify-content:space-around;gap:4px;font-size:clamp(9px,2vw,13px);text-align:center;margin:7px 0 12px}.transferStats span{padding:7px 5px;background:linear-gradient(#154c90,#08224d);border:1px solid #3cbaff;border-radius:8px}.transferStats b{color:#ffdf75}
.transferCards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:8px 0 18px}
.transferCard{text-align:center;min-width:0;color:#fff}.transferShield{height:clamp(110px,23vw,176px);position:relative;clip-path:polygon(17% 0,83% 0,100% 15%,100% 82%,50% 100%,0 82%,0 15%);background:linear-gradient(140deg,var(--tier,#d0a039),#fff5a5 20%,var(--tier,#d0a039) 40%,#12192e 50%,var(--tier,#d0a039) 95%);padding:4px;filter:drop-shadow(0 0 8px var(--tier,#d0a039))}
.transferShield:before{content:'';position:absolute;inset:5px;background:linear-gradient(145deg,#223a66,#0b142a 75%);clip-path:inherit}
.transferShield img{position:absolute;left:7%;top:12%;width:86%;height:65%;object-fit:cover;object-position:top center;clip-path:polygon(10% 0,90% 0,100% 12%,100% 100%,0 100%,0 12%)}
.transferRating,.transferPosition,.transferName,.transferFlag{position:absolute;z-index:1;text-shadow:0 1px 2px #000;font-weight:900}.transferRating{left:11%;top:3%;font-size:clamp(13px,3vw,23px);color:#ffdf77}.transferPosition{right:11%;top:6%;font-size:clamp(9px,2vw,15px)}.transferName{bottom:13%;left:5%;width:90%;font-size:clamp(8px,1.7vw,13px);background:linear-gradient(90deg,#b37b2b,#fff1a5,#b37b2b);color:#14182c;text-shadow:none;padding:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:skew(-3deg)}.transferFlag{bottom:4%;right:40%;font-size:clamp(10px,2.4vw,17px)}
.transferCard.gold{--tier:#ffcd35}.transferCard.epic{--tier:#e044ff}.transferCard.rare{--tier:#17c5ff}.transferCard.silver{--tier:#e1e9ff}.transferCard.bronze{--tier:#d68a4b}.transferCard.legendary{--tier:#f7c13a}.transferCard.locked .transferShield{filter:grayscale(.65);opacity:.7}
.transferPrice{font-size:clamp(9px,2vw,14px);font-weight:900;background:linear-gradient(#135ca7,#092656);border:1px solid #46b8ff;border-radius:5px;padding:4px 0;margin:5px 0;white-space:nowrap}
.transferActions{display:flex;gap:2px}.transferActions .btn{padding:5px 1px;flex:1;min-width:0;font-size:clamp(8px,1.7vw,12px);border-width:1px}.transferActions .btn:last-child{flex:0 0 26%}.transferCard small{display:block;color:#f6d487;font-size:9px;margin-top:3px}
.transferPromo{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.transferPromo>div{padding:12px 8px;border:2px solid #44b7ff;border-radius:13px;text-align:center;background:linear-gradient(145deg,#195ca4,#061a42);box-shadow:inset 0 0 14px #37aaff55}.transferPromo>div:nth-child(2){border-color:#e8b943;background:linear-gradient(145deg,#69451b,#10153b)}.transferPromo h3{font-size:clamp(13px,3vw,20px)}.transferPromo p{font-size:clamp(10px,2.4vw,15px)}
@media(max-width:390px){.transferCards{grid-template-columns:repeat(3,minmax(0,1fr))}.transferShield{height:145px}.transferNav .btn{font-size:8px}}

/* Interactive stadium architecture and progression */
.stadiumScreen{padding:8px;background:radial-gradient(ellipse at 50% 5%,#1450a2,#061839 75%);border:1px solid #39b9ff;border-radius:12px;color:white}.stadiumHero{border:2px solid #3faaff;border-radius:12px;overflow:hidden;background:linear-gradient(#081d49,#164e94);box-shadow:0 0 17px #068aff55}.stadiumHeadline{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.stadiumHeadline h2{margin:0;font-size:clamp(19px,5vw,30px);font-style:italic;text-shadow:0 0 10px #7edaff}.stadiumHeadline span{font-size:clamp(10px,2.4vw,14px);color:#b9e3ff}.stadiumStars{color:#ffda62!important;font-size:clamp(13px,3vw,21px)!important}.stadiumArt{display:block;width:100%;height:auto;max-height:330px;background:linear-gradient(#061943,#1c68a3);overflow:hidden}.stadiumMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px}.stadiumMetrics>div{border:1px solid #58caff;border-radius:7px;background:#092653;text-align:center;font-size:clamp(9px,2.2vw,14px);padding:6px 1px}.stadiumMetrics b{display:block;color:#ffe279;font-size:clamp(13px,3.5vw,20px)}.stadiumTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:10px 0}.stadiumTabs .btn{font-size:clamp(9px,2.4vw,13px);padding:9px 1px;white-space:normal}.stadiumTabs .selected,.stadiumThemes .selected{background:linear-gradient(#00c8ff,#0065c8);box-shadow:0 0 12px #00ccff}.stadiumUpgrade{border:2px solid #39c5ff;border-radius:12px;background:linear-gradient(130deg,#0e3470,#07183a);padding:13px;margin:10px 0;text-align:center;box-shadow:inset 0 0 15px #26aaff44}.stadiumUpgrade h3,.stadiumGoldTitle{color:#ffe186;text-align:center;margin:4px 0 11px;text-shadow:0 0 8px #d7a439;font-size:clamp(15px,4vw,22px)}.stadiumCompare{font-size:clamp(17px,4.2vw,24px);font-weight:900;margin:8px}.stadiumCompare small{font-size:clamp(11px,2.8vw,15px);font-weight:500;line-height:1.8;color:#c9e6ff}.stadiumUpgrade .btn.green{font-size:clamp(13px,3.4vw,19px);padding:10px 16px}.stadiumFacilities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.stadiumFacility{min-width:0;text-align:center;border:1px solid #55c8ff;border-radius:9px;background:linear-gradient(#1453a2,#071e47);padding:6px 2px}.stadiumFacilityIcon{font-size:clamp(20px,5vw,32px)}.stadiumFacility b{display:block;font-size:clamp(9px,2vw,13px);min-height:30px}.stadiumFacility small{display:block;color:#ffe77c;font-size:11px}.stadiumFacility .btn{font-size:clamp(8px,1.9vw,12px);padding:5px 1px;width:100%;margin-top:4px}.stadiumExtraGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.stadiumExtra{color:white;background:linear-gradient(#145bb4,#071c45);border:2px solid #edc454;border-radius:11px;min-height:100px;font-size:25px;box-shadow:0 0 10px #e9bc4a55;padding:8px 3px}.stadiumExtra b,.stadiumExtra small{display:block;font-size:clamp(9px,2vw,14px)}.stadiumExtra small{color:#cce8ff;font-weight:normal}.stadiumEvolution{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:9px 0 15px}.stadiumStep{min-width:0;border:1px solid #4aaeff;border-radius:9px;background:#08234f;color:white;padding:3px 2px}.stadiumStep.achieved{border-color:#ffd761;box-shadow:0 0 8px #f7d34b77}.stadiumMini{height:clamp(55px,12vw,100px);overflow:hidden}.stadiumMini svg{height:100%;object-fit:contain}.stadiumStep b,.stadiumStep small,.stadiumStep span{display:block;font-size:clamp(9px,2.2vw,14px)}.stadiumStep small{font-size:clamp(8px,1.7vw,12px);min-height:24px}.stadiumStep span{color:#ffdc63}.stadiumScroll{overflow-x:auto}.stadiumTable{width:100%;border-collapse:collapse;font-size:clamp(9px,2vw,13px);text-align:center}.stadiumTable th,.stadiumTable td{border:1px solid #3b94dd;padding:7px 3px;min-width:62px}.stadiumTable thead{background:#1757a4}.stadiumTable td{color:#e5f6ff}.stadiumTable tr:nth-child(odd){background:#0d3267}.stadiumThemes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.stadiumPreview{margin:8px auto;max-width:500px;border:2px solid #2eafff;border-radius:9px;overflow:hidden}@media(max-width:390px){.stadiumFacilities{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Stadium screen: approved artwork is displayed unaltered, with tappable controls.
   Live progress is displayed in interactive details, not painted over fixed numbers. */
#panel.stadiumConceptPanel{inset:0;padding:0;border:0;overflow:hidden;background:#041632}
.stadiumConceptCanvas{position:relative;width:100%;height:100%}
.stadiumConceptCanvas>img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
.stadiumConceptHot{position:absolute;border:0;background:transparent;cursor:pointer;touch-action:manipulation}
.stadiumConceptHot:active{background:rgba(255,255,255,.13);border-radius:9px}
.stadiumConceptHot:focus-visible{outline:2px solid #fff3a1}

/* Approved club concept pages: original art, with independent live controls below. */
#panel.clubConceptPanel{inset:0;padding:0;border:0;overflow:auto;background:radial-gradient(#164889,#03102c);scrollbar-width:thin}
.clubArtFrame{position:relative;width:100%;overflow:hidden}.clubArtFrame img{display:block;width:100%;height:auto}.clubArtHot{position:absolute;background:transparent;border:0;cursor:pointer}.clubArtHot:active{background:#ffffff25}.clubArtHot:focus-visible{outline:2px solid #f6d560}
.clubLive{padding:12px 10px 30px;border-top:3px solid #39c5ff;background:linear-gradient(#0d3475,#061632)}.clubLiveTitle{font-weight:900;font-size:clamp(15px,4vw,25px);color:#ffdb74;display:flex;align-items:center;justify-content:space-between;gap:5px}.clubQuickNav{display:flex;gap:5px;overflow-x:auto;padding:9px 0 13px}.clubQuickNav .btn{flex:0 0 auto;font-size:clamp(9px,2vw,13px);padding:8px 7px}.clubLiveGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}.clubLiveTile{background:#0c3269;border:1px solid #49bcff;border-radius:8px;padding:8px;text-align:center}.clubLiveTile .btn{width:100%;font-size:clamp(9px,2vw,12px);padding:6px 2px}.clubLiveBody p{font-size:clamp(11px,2.7vw,16px)}.clubLiveBody>.btn{margin:4px}.clubNote{font-size:11px;color:#c6d9f2;line-height:1.4}

/* Missions: supplied artwork on overview; independently rendered functional subpages. */
#panel.missionConceptPanel{inset:0;padding:0;border:0;overflow:auto;background:#03132e}
.missionArtwork{width:100%;position:relative;line-height:0}
.missionArtwork img{width:100%;height:auto;display:block}
.missionHot{position:absolute;border:0;background:transparent;cursor:pointer;touch-action:manipulation}
.missionHot:focus-visible{outline:3px solid #fff09a}.missionHot:active{background:#ffffff25}
.missionLive,.missionSubpage{padding:14px 10px 32px;background:radial-gradient(ellipse at 50% 0%,#174d9a,#061537 75%);color:white}
.missionLive h2,.missionSubpage h2{color:#ffdb7a!important;text-align:center;text-shadow:0 0 12px #247ef7}
.missionDisclosure{font-size:12px!important;color:#cbd9ef}
.missionTabs{display:flex;gap:6px;overflow-x:auto;padding:8px 0 13px;scrollbar-width:thin}
.missionTabs .btn{white-space:nowrap;flex-shrink:0;font-size:clamp(10px,2.2vw,14px);padding:8px}
.missionGrid{display:grid;grid-template-columns:32% minmax(0,1fr);gap:8px}
.missionMega,.missionFeature,.missionTaskList{border:2px solid #43baff;border-radius:14px;background:linear-gradient(140deg,#0d3976,#061c44);box-shadow:inset 0 0 16px #1671bf,0 0 8px #0089ed;padding:9px}
.missionMega{text-align:center;border-color:#f7d66d}.missionMega h3{font-size:clamp(11px,2.7vw,18px)!important}.missionMega p{font-size:clamp(10px,2.2vw,13px)!important}.missionMega strong{display:block;color:#ffe282}
.missionChest{font-size:clamp(42px,10vw,90px);margin:18px 0;filter:drop-shadow(0 0 12px #f4b921)}
.missionTaskList{display:flex;flex-direction:column;gap:7px}
.missionTask{display:flex;align-items:center;gap:6px;border:1px solid #45c3ff;background:linear-gradient(90deg,#082657,#0a4383,#082552);border-radius:9px;padding:8px 6px;min-width:0}
.missionTaskIcon{font-size:clamp(20px,4.5vw,34px);flex:0 0 8%;text-align:center}
.missionTaskText{min-width:0;flex:1}.missionTaskText strong{font-size:clamp(11px,2.7vw,17px);display:block}.missionTaskText small{display:block;color:#c5def4;font-size:clamp(9px,2vw,12px)}
.missionMeter{height:18px;border:1px solid #75c5ff;background:#07162c;border-radius:12px;position:relative;overflow:hidden;margin-top:5px}
.missionMeter span{display:block;height:100%;background:linear-gradient(#9dff59,#08a50d);border-radius:10px;box-shadow:0 0 9px #3aff36}
.missionMeter b{position:absolute;right:6px;top:0;font-size:12px;text-shadow:1px 1px #000}
.missionPrize{display:flex;flex-direction:column;color:#ffe18a;font-size:clamp(9px,1.8vw,13px);font-weight:bold;white-space:nowrap}
.missionTask>.btn{font-size:clamp(10px,2.2vw,14px);padding:7px 6px}
.missionFeaturePair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.missionFeature{text-align:center;border-color:#e7bc5d}
.missionFeature h3{font-size:clamp(12px,3vw,19px)!important}.missionFeature p{font-size:clamp(10px,2.2vw,13px)!important}
.missionSubHeader{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:clamp(10px,2.5vw,16px);font-weight:900;color:#ffe289}
.missionSubHero{background:linear-gradient(100deg,#061638,#14529b,#061638);border-top:2px solid #44c5ff;border-bottom:2px solid #44c5ff;text-align:center;padding:20px 6px;margin:12px -10px}
.missionSubHero span{font-size:48px;filter:drop-shadow(0 0 12px #f9cd44)}.missionSubHero h2{margin:3px 0!important}.missionSubHero p{font-weight:900;color:#dbeeff;font-size:clamp(10px,2.5vw,15px)!important}
.missionBack{text-align:center;margin-top:20px}
@media(max-width:500px){.missionGrid{grid-template-columns:1fr}.missionMega{display:grid;grid-template-columns:1fr 1fr;gap:3px;align-items:center}.missionMega .missionChest{grid-row:span 3;margin:0}.missionPrize{font-size:10px}.missionTask{gap:4px}.missionTask>.btn{padding:6px 4px}}

/* Fully rebuilt Squad page: no screenshot, no transparent image hotspots. */
#panel.liveSquadPanel{inset:0;padding:0;border:0;overflow:auto;background:linear-gradient(#06102b,#07346f 78%,#04132f);font-family:Arial,sans-serif;scrollbar-width:thin}
.liveSquadPanel button{cursor:pointer;color:white;font-family:inherit}
.squadLiveHeader{display:flex;align-items:center;gap:.7%;padding:1.2% 1.2%;min-height:8%;background:linear-gradient(#05102a,#0a3975);border-bottom:2px solid #38b8ff}
.squadLogo{width:7%;font-size:clamp(13px,4vw,29px);position:relative;text-align:center}.squadLogo span{position:absolute;top:35%;left:25%;font-size:.65em}
.squadBrand{flex:1;min-width:0;white-space:nowrap}.squadBrand strong{font-size:clamp(10px,3.1vw,21px);display:block;letter-spacing:-.5px}.squadBrand small{font-size:clamp(6px,1.4vw,10px);color:#70d5ff;font-weight:bold}.squadBrand small b{color:#ffdf69}
.squadCurrency{border:1px solid #51bdff;background:linear-gradient(#174c8d,#06142e);border-radius:7px;font-size:clamp(9px,2.5vw,18px);font-weight:900;padding:5px 3px;box-shadow:0 0 5px #1286f7;white-space:nowrap}.squadLevel{border:2px solid #ffe18b;border-radius:7px;padding:3px;text-align:center;font-weight:900;font-size:clamp(9px,2vw,14px)}
.squadLiveNav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;background:#041735;padding:3px 1px;border-bottom:2px solid #35bdff}
.squadLiveNav button{min-width:0;border:1px solid #2c6a9f;border-radius:5px;background:linear-gradient(#103b79,#071b44);font-size:clamp(5px,1.3vw,10px);font-weight:900;padding:3px 0;min-height:44px}.squadLiveNav button span{display:block;font-size:clamp(13px,3.6vw,25px);line-height:1.15}.squadLiveNav button.active{background:linear-gradient(#23caff,#0663c7);border-color:#93efff;box-shadow:0 0 9px #02bfff}
.squadArena{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1e8cd9 0,#083778 40%,#031634 90%);padding:3% 2% 1%}
.arenaLights{position:absolute;top:13%;font-size:65px;color:#efffff;text-shadow:0 0 18px #fff,0 0 30px #3caeff;pointer-events:none}.lightLeft{left:-3%}.lightRight{right:-3%}
.arenaTop{position:absolute;top:3%;left:2%;right:2%;z-index:3;display:flex;justify-content:space-between;pointer-events:none}.arenaTop button{pointer-events:auto}.squadBoost{background:linear-gradient(#fff7cb,#e5a42c);border:2px solid #ffe59a;border-radius:9px;color:#a94d00!important;font-weight:900;font-size:clamp(13px,3vw,20px);padding:5px 7px;text-shadow:none}.squadBoost small{display:block;font-size:clamp(6px,1.3vw,10px);color:#271900}.squadUtility{background:#08427e;border:2px solid #52cbff;border-radius:9px;font-size:24px;padding:4px 9px}
.squadPitch{height:auto;aspect-ratio:1.18/1;position:relative;margin:2% 4% 0;background:repeating-linear-gradient(0deg,#0b9a2d 0 12.5%,#087e2a 12.5% 25%);border:4px solid #a0f56b;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);box-shadow:inset 0 0 20px #b0ff83}
.pitchMark{position:absolute;pointer-events:none;border:2px solid #ffffffb0}.pitchOuter{inset:3% 3%}.pitchCenter{left:3%;right:3%;top:50%;border:0;border-top:2px solid #ffffffb0}.pitchCircle{width:23%;height:23%;border-radius:50%;left:38.5%;top:38.5%}.pitchTop{width:36%;height:13%;top:3%;left:32%}.pitchBottom{width:36%;height:13%;bottom:3%;left:32%}
.squadRows{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around;padding:3% 5% 1%}.liveSquadRow{display:flex;justify-content:space-evenly;align-items:center;height:24%;gap:1%}
.squadPlayer{border:0;background:none;padding:0;width:18.5%;height:100%;max-width:105px;filter:drop-shadow(0 0 4px var(--glow));transition:transform .2s;position:relative}.squadPlayer:active{transform:scale(1.12)}.squadPlayer:focus-visible{outline:2px solid white}
.squadPlayer.bronze{--edge:#db9257;--glow:#ff9a51;--top:#5c321e}.squadPlayer.silver{--edge:#dce8f4;--glow:#e3f7ff;--top:#273b54}.squadPlayer.rare{--edge:#22cfff;--glow:#00aeff;--top:#053b7b}.squadPlayer.epic{--edge:#f64cff;--glow:#e524ff;--top:#67117f}.squadPlayer.gold{--edge:#ffe263;--glow:#ffb900;--top:#62430a}.squadPlayer.legendary{--edge:#ffdd69;--glow:#ffbd00;--top:#08090c}
.shieldEdge,.shieldInside{display:block;position:absolute;inset:0;clip-path:polygon(17% 0,83% 0,100% 17%,100% 78%,50% 100%,0 78%,0 17%)}.shieldEdge{background:linear-gradient(130deg,#fff3a3,var(--edge) 30%,#674217 52%,var(--edge) 80%,#fff7c0)}.shieldInside{inset:5%;background:radial-gradient(ellipse at 50% 30%,var(--top),#081328 78%)}
.squadPortrait{position:absolute;width:80%;height:60%;object-fit:cover;object-position:top center;left:10%;top:14%;border-radius:45% 45% 10% 10%;mask-image:linear-gradient(#000 68%,transparent 100%)}
.squadRating{position:absolute;top:2%;left:10%;font-weight:1000;color:#fff1b1;font-size:clamp(12px,3.3vw,23px);text-shadow:1px 2px #080b1b;z-index:1}.squadPosition{position:absolute;right:9%;top:16%;font-size:clamp(7px,1.6vw,12px);font-weight:900;z-index:1}
.squadName{position:absolute;left:2%;right:2%;bottom:21%;background:linear-gradient(90deg,#fff3bd,#fff,#e4c66f);color:#111a2a;font-size:clamp(6px,1.4vw,11px);font-weight:900;white-space:nowrap;overflow:hidden;z-index:2;padding:2% 0}.squadFlag{position:absolute;bottom:9%;left:0;right:0;font-size:clamp(9px,2vw,16px)}.squadStars{position:absolute;bottom:0;left:0;right:0;font-size:clamp(7px,1.8vw,12px);color:#ffe274;letter-spacing:-1px}
.squadPitchFooter{display:flex;justify-content:space-between;align-items:end;margin-top:-6%;position:relative;z-index:2}.squadTeamValue{background:linear-gradient(#1368b4,#082752);border:2px solid #5ecaff;border-radius:8px;text-align:center;min-width:17%;padding:3px}.squadTeamValue small{display:block;font-size:clamp(7px,1.6vw,12px)}.squadTeamValue b{display:block;color:#ffe36a;font-size:clamp(16px,4vw,27px)}.squadTeamValue span{display:block;background:#42ed19;color:#06132b;font-weight:900}.squadAuto{background:linear-gradient(#1377c9,#082552);border:2px solid #7ddcff;border-radius:8px;padding:7px;font-weight:900;font-size:clamp(9px,2vw,15px)}
.squadTiers{display:grid;grid-template-columns:1.1fr repeat(6,1fr);gap:3px;padding:6px 4px;background:linear-gradient(#082b5b,#031936);border:2px solid #2589d9;border-radius:7px}.squadTiers>span{font-size:clamp(6px,1.2vw,10px);font-weight:900;align-self:center;text-align:center}.squadTiers>div{border:1px solid var(--edge);border-radius:4px;text-align:center;padding:4px 0;background:linear-gradient(var(--top),#09142d);box-shadow:inset 0 0 7px var(--glow)}.squadTiers b,.squadTiers small{display:block;font-size:clamp(6px,1.4vw,10px)}
.squadActions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:7px 5px}.squadAction{min-height:65px;border:2px solid #41bfff;border-radius:8px;background:linear-gradient(#1271bd,#05234e);font-size:clamp(7px,1.6vw,12px);font-weight:900;padding:3px}.squadAction span{display:block;font-size:clamp(18px,4vw,30px)}.squadAction.action0,.squadAction.action5{background:linear-gradient(#b53df0,#510e85);border-color:#e68cff}.squadAction.action2{background:linear-gradient(#91ff43,#0b9e11);border-color:#d6ff9e}
.squadFoot{display:grid;grid-template-columns:1.2fr .9fr 1.2fr 1.2fr;gap:4px;padding:2px 5px}.squadFoot button{background:linear-gradient(#164e8d,#071e43);border:1px solid #54aafa;border-radius:8px;padding:5px 2px;font-size:clamp(7px,1.6vw,12px);font-weight:900}.squadFoot small{display:block;color:#ffdb68;font-size:clamp(8px,1.9vw,13px)}.squadPass{display:block;margin:7px auto 18px;border:2px solid #ffe284;border-radius:9px;background:linear-gradient(#b332e1,#5c168a);padding:8px 25px;font-weight:900}

/* v5: single actual stadium image element; independent cards; formation-safe layout */
.squadArena{padding:0!important;position:relative!important;aspect-ratio:1199/674!important;overflow:hidden!important;background:#08204d!important;isolation:isolate}
.squadStadiumArt{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;z-index:0!important;pointer-events:none!important}
.squadArena .arenaLights{display:none!important}
.squadPitch{position:absolute!important;inset:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;clip-path:none!important;border:0!important;box-shadow:none!important;background:transparent!important;z-index:1!important}
.squadPitch .pitchMark{display:none!important}
.squadRows{position:absolute!important;inset:0!important;display:block!important;padding:0!important}
.formationSlot{position:absolute;width:16.4%;height:26%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;z-index:2}
.formationSlot .squadPlayer{width:100%!important;height:100%!important;min-width:0!important;max-width:none!important}
.squadRating{font-size:clamp(11px,3vw,23px)!important}
.squadPosition{font-size:clamp(7px,1.5vw,13px)!important}
.squadName{font-size:clamp(6px,1.35vw,11px)!important}
.squadPortrait{width:88%!important;height:67%!important;left:6%!important;top:10%!important;object-fit:cover!important;object-position:top center!important}
.squadPitchFooter{position:absolute!important;left:1.5%!important;right:1.5%!important;bottom:1%!important;margin:0!important;z-index:4!important}
.arenaTop{top:3%!important;z-index:5!important}
.squadTiers{padding:4px 2px!important}
.squadActions{padding:5px 3px!important}
.squadAction{min-height:55px!important}
.squadPass{margin:4px auto 8px!important}
@media(max-width:450px){.squadArena{aspect-ratio:1199/674!important}.squadAction{min-height:48px!important}.squadLiveHeader{min-height:44px!important}}

/* v7: unmodified user-supplied stadium and pitch. No crop, no colour processing, no redraw. */
.squadArena{aspect-ratio:1199/1312!important;overflow:hidden!important;background:#00143b!important;padding:0!important}
.squadStadiumArt{inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;display:block!important}
.squadPitch{inset:0!important;width:100%!important;height:100%!important;overflow:visible!important}
.formationSlot{width:18%!important;height:17%!important}
.formationSlot .squadPlayer{width:100%!important;height:100%!important}
.squadPitchFooter{bottom:17%!important}
.arenaTop{top:7%!important}
.squadBoost{max-width:20%!important}
.squadTiers{position:relative!important}
@media(max-width:450px){.squadArena{aspect-ratio:1199/1312!important}.formationSlot{width:18%!important;height:17%!important}}

/* v8: collectible-card artwork inspired by the supplied six-tier card sheet.
   Every visual layer is live HTML/CSS; pitch/stadium asset remains untouched. */
.squadPlayer{--edge:#e1a06a;--glow:#ffac65;--top:#5d2c18;position:relative;isolation:isolate;filter:drop-shadow(0 0 5px var(--glow)) drop-shadow(0 3px 2px #001329);transition:transform .18s ease,filter .18s ease;cursor:pointer}
.squadPlayer:active{transform:scale(.94)}
.squadPlayer:focus-visible{outline:3px solid white;outline-offset:3px}
.squadPlayer.bronze{--edge:#f5a66c;--glow:#ff8e48;--top:#6b301b}
.squadPlayer.silver{--edge:#e2f1ff;--glow:#a5d8ff;--top:#4e6789}
.squadPlayer.rare{--edge:#43e9ff;--glow:#00b9ff;--top:#0759a4}
.squadPlayer.epic{--edge:#ff6aff;--glow:#e300ff;--top:#68119d}
.squadPlayer.gold{--edge:#ffea76;--glow:#ffb400;--top:#78500c}
.squadPlayer.legendary{--edge:#ffe28b;--glow:#ffce31;--top:#18151b}
.squadPlayer .shieldEdge{clip-path:polygon(50% 0%,89% 12%,100% 31%,100% 78%,50% 100%,0% 78%,0% 31%,11% 12%);background:linear-gradient(140deg,#fff 0%,var(--edge) 18%,#fff2c7 32%,var(--edge) 49%,#704d28 67%,var(--edge) 84%,#fff 100%);box-shadow:none}
.squadPlayer .shieldInside{inset:5%;clip-path:polygon(50% 0%,88% 12%,100% 31%,100% 77%,50% 100%,0 77%,0 31%,12% 12%);background:radial-gradient(ellipse at 47% 27%,color-mix(in srgb,var(--top),white 20%),var(--top) 49%,#071023 88%)}
.squadPlayer .shieldInside:before{content:'';position:absolute;inset:4% 5% 15%;border:1px solid color-mix(in srgb,var(--edge),transparent 45%);clip-path:polygon(50% 0%,89% 12%,100% 31%,100% 78%,50% 100%,0 78%,0 31%,11% 12%);pointer-events:none}
.squadPlayer .shieldInside:after{content:'✦';position:absolute;top:5%;right:30%;font-size:clamp(8px,1.6vw,15px);color:white;text-shadow:0 0 8px var(--glow),0 0 12px var(--glow);pointer-events:none}
.squadPlayer .squadPortrait{left:7%!important;top:13%!important;width:86%!important;height:61%!important;object-fit:cover!important;object-position:top center!important;border-radius:43% 43% 4% 4%;mask-image:linear-gradient(#000 0 82%,transparent 100%);filter:contrast(1.06) saturate(1.12)}
.squadPlayer .squadRating{left:8%!important;top:9%!important;font-size:clamp(12px,3.2vw,25px)!important;color:#fff9d9;line-height:1;text-shadow:0 2px 3px #050813,0 0 4px #050813}
.squadPlayer .squadPosition{right:7%!important;top:27%!important;font-size:clamp(7px,1.7vw,14px)!important;color:white;text-shadow:0 1px 3px black}
.squadPlayer .squadFlag{left:auto!important;right:8%!important;top:48%!important;bottom:auto!important;font-size:clamp(10px,2.3vw,20px)!important;z-index:2;line-height:1}
.squadPlayer .squadName{left:2%!important;right:2%!important;bottom:17%!important;padding:3% 0!important;font-size:clamp(7px,1.55vw,13px)!important;line-height:1.1;background:linear-gradient(180deg,#fffde7,#ffe9a4 78%,#c18d43)!important;clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);box-shadow:0 1px 3px #000;letter-spacing:-.02em}
.squadPlayer.epic .squadName{background:linear-gradient(#ffe9ff,#eab0ff,#ad52c9)!important}
.squadPlayer.silver .squadName,.squadPlayer.rare .squadName{background:linear-gradient(#fff,#e2f6ff,#9eb9d5)!important}
.squadPlayer .squadStars{bottom:5%!important;left:0!important;right:0!important;font-size:clamp(8px,1.8vw,14px)!important;letter-spacing:0!important;color:#ffe775;text-shadow:0 1px 3px #000,0 0 5px #ffca26;z-index:2}
.squadPlayer.legendary:before{content:'♛';position:absolute;top:-10%;left:35%;right:35%;color:#ffe57b;font-size:clamp(11px,2.5vw,22px);text-shadow:0 0 8px gold;z-index:3}
@media(prefers-reduced-motion:no-preference){.squadPlayer.gold,.squadPlayer.legendary{animation:cardGlow 3s ease-in-out infinite alternate}@keyframes cardGlow{to{filter:drop-shadow(0 0 10px var(--glow)) drop-shadow(0 0 4px #fff3b3)}}}
.detailCard{position:relative;width:170px;height:200px;margin:8px auto 18px}.detailCard .squadPlayer{display:block;width:100%;height:100%;border:0;background:none;padding:0}.detailCard .squadRating{font-size:30px!important}.detailCard .squadPosition{font-size:16px!important}.detailCard .squadName{font-size:14px!important}.detailCard .squadStars{font-size:16px!important}.detailCard .squadFlag{font-size:23px!important}

/* v9 portrait-fit correction: preserve the COMPLETE source portrait within the shield.
   The v8 cover rule cropped the chin/face on narrow mobile cards. */
.squadPlayer .squadPortrait{
  left:8%!important;
  top:13%!important;
  width:84%!important;
  height:62%!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 89%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 89%,transparent 100%)!important;
}
/* Keep the rating, position, flag, name and stars distinct and fully in-bounds. */
.squadPlayer .squadRating{top:8%!important;left:8%!important;z-index:4}
.squadPlayer .squadPosition{top:25%!important;right:8%!important;z-index:4}
.squadPlayer .squadFlag{top:51%!important;right:8%!important;z-index:4}
.squadPlayer .squadName{bottom:17%!important;z-index:5}
.squadPlayer .squadStars{bottom:5%!important;z-index:5}

/* v10 formation-safe cards: all ten formations, 11 independent clickable shields.
   Background image is never cropped or altered. */
.squadPitch .formationSlot{min-width:0;min-height:0;max-width:none;overflow:visible}
.squadPitch .formationSlot .squadPlayer{min-width:0;max-width:none;overflow:visible}
.squadPitch .formationSlot .squadRating{font-size:clamp(10px,2.7vw,21px)!important}
.squadPitch .formationSlot .squadPosition{font-size:clamp(7px,1.5vw,12px)!important}
.squadPitch .formationSlot .squadName{font-size:clamp(6px,1.45vw,12px)!important}
.squadPitch .formationSlot .squadFlag{font-size:clamp(9px,2vw,17px)!important}
.squadPitch .formationSlot .squadStars{font-size:clamp(8px,1.7vw,13px)!important}

/* v11: preserve the supplied background; keep every shield inside the pitch.
   Inline row sizing is authoritative for 4-, 5-, and 6-line formations. */
.squadPitch .formationSlot{box-sizing:border-box;max-height:none!important}
.squadPitchFooter{pointer-events:none}
.squadPitchFooter button,.squadPitchFooter .squadTeamValue{pointer-events:auto}

/* v12: approved formations icon replaces the gear; same interactive formation selector. */
.squadUtility.squadFormationsButton{width:clamp(56px,12vw,88px);height:clamp(56px,12vw,88px);padding:0;background:transparent;border:0;border-radius:17%;overflow:visible;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 5px #04cfff);touch-action:manipulation;cursor:pointer}
.squadFormationsButton img{display:block;width:100%;height:100%;object-fit:fill;border-radius:17%;pointer-events:none}
.squadFormationsButton:active{transform:scale(.95)}

/* v13: exact user-supplied VIP Income Boost artwork; retains existing click action. */
.arenaTop .squadBoost{width:clamp(100px,23vw,190px)!important;max-width:none!important;height:auto!important;aspect-ratio:1536/1024;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden;border-radius:12px;display:block;cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 0 7px #ffbf32);}
.arenaTop .squadBoost img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;}
.arenaTop .squadBoost:active{transform:scale(.96)}
@media(max-width:450px){.arenaTop .squadBoost{width:clamp(96px,24vw,130px)!important}}

/* v14 live income boost: artwork stays untouched; timer is a separate live label. */
.squadBoost{position:relative!important;overflow:visible!important}
.boostCountdown{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(180deg,#7a22d9,#34086f);border:1px solid #ffdb59;border-radius:12px;color:#fff;font-size:clamp(8px,1.7vw,12px);font-weight:900;letter-spacing:.02em;padding:3px 7px;box-shadow:0 0 10px #a42aff;text-shadow:0 1px 2px #000;pointer-events:none}
.boostRunning{filter:drop-shadow(0 0 13px #ffcb26)!important}
.boostRunning .boostCountdown{background:linear-gradient(180deg,#18a84d,#075c28);border-color:#cfff75}
.boostModalClock{font-size:clamp(34px,9vw,56px);font-weight:900;text-align:center;color:#ffdd59;text-shadow:0 0 16px #a93dff;margin:14px 0;font-variant-numeric:tabular-nums}

/* v15 VIP Money Rush: preserve original art, cover its old 5 MIN caption. */
.squadBoost{position:relative}
.vipTenMinuteLabel{position:absolute;left:42%;bottom:10%;width:43%;height:22%;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#f8ce4a,#fff0a3 45%,#e5a31d);border:2px solid #ffdb60;border-radius:24px;color:#3a1500;font-weight:1000;font-size:clamp(9px,2.2vw,18px);text-shadow:0 1px #fff7b6;box-shadow:0 0 8px #ffcd42;pointer-events:none}
.vipRushStats{display:grid;gap:10px;margin:14px auto;padding:14px;background:linear-gradient(140deg,#111d51,#32115e);border:1px solid #e8ba4d;border-radius:14px;max-width:400px;color:#ffe59c}
.vipRushStats b{display:flex;justify-content:space-between;gap:8px;font-size:clamp(12px,3vw,16px)}
.vipRushTrack{height:13px;background:#0a1437;border:1px solid #9b6eec;border-radius:15px;overflow:hidden}
.vipRushTrack>div{height:100%;background:linear-gradient(90deg,#25c93a,#d4fa51);transition:width .3s}

/* v16: exact supplied 10-minute VIP artwork and a subtle, accessible pulse. */
.arenaTop .squadBoost{overflow:visible!important;transform-origin:center center;animation:vipGentlePulse 2.8s ease-in-out infinite;will-change:transform;}
.arenaTop .squadBoost img{border-radius:12px;}
.arenaTop .squadBoost:active{animation:none;transform:scale(.96)}
@keyframes vipGentlePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.arenaTop .squadBoost{animation:none}}

/* v18: pixel-identical supplied tier strip; transparent hit areas keep all six shields interactive */
.squadTiersExact{position:relative;width:100%;background:#041738;line-height:0;overflow:hidden}
.squadTiersExact>img{display:block;width:100%;height:auto;user-select:none;pointer-events:none}
.squadTiersExact .tierHit{position:absolute;top:4%;height:94%;width:12%;border:0;background:transparent;cursor:pointer;border-radius:12px;touch-action:manipulation}
.squadTiersExact .tierHit:focus-visible{outline:3px solid white;outline-offset:-4px;background:#ffffff22}
.squadTiersExact .tierHit:active{background:#ffffff20}
.squadTiersExact .tierHit0{left:18.8%}.squadTiersExact .tierHit1{left:31.5%}.squadTiersExact .tierHit2{left:44.5%}.squadTiersExact .tierHit3{left:57.5%}.squadTiersExact .tierHit4{left:70.5%}.squadTiersExact .tierHit5{left:83.5%}
.tierDetail{line-height:1.5}.tierDetail h3{color:#ffe36a}

/* v20: compact VIP artwork, transparent-looking dark edges, visible gentle pulse.
   Overrides earlier broad .squadBoost sizing without touching pitch or cards. */
.squadArena .arenaTop{top:3%!important;left:1.5%!important;right:2%!important}
.squadArena .arenaTop .squadBoost{
  width:clamp(68px,13.5vw,112px)!important;
  max-width:112px!important;
  height:auto!important;
  aspect-ratio:1536 / 1024!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  filter:drop-shadow(0 0 5px rgba(255,189,34,.65))!important;
  transform-origin:50% 50%!important;
  animation:vipCompactPulse 2.5s ease-in-out infinite!important;
  position:relative!important;
  z-index:8!important;
}
.squadArena .arenaTop .squadBoost img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
}
.squadArena .arenaTop .squadBoost:active{animation:none!important;transform:scale(.97)!important}
.squadArena .arenaTop .squadBoost .boostCountdown{
  bottom:-9px!important;
  font-size:clamp(7px,1.3vw,10px)!important;
  padding:2px 5px!important;
  max-width:110%!important;
}
@keyframes vipCompactPulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 4px rgba(255,189,34,.6))}
  50%{transform:scale(1.065);filter:drop-shadow(0 0 10px rgba(255,215,65,.95))}
}
@media(max-width:450px){
  .squadArena .arenaTop .squadBoost{width:clamp(65px,14vw,85px)!important}
}
@media(prefers-reduced-motion:reduce){.squadArena .arenaTop .squadBoost{animation:none!important}}

/* v21 new-player guidance: separate from the approved pitch and card layout */
.fe21Guide{position:fixed;z-index:9998;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));max-width:480px;margin:auto;background:linear-gradient(145deg,#061e4e,#102c70 65%,#29185b);border:2px solid #54cfff;border-radius:19px;padding:15px 17px;box-shadow:0 0 28px #0b9eff99,0 12px 36px #000c;color:white;font-family:system-ui,-apple-system,sans-serif;text-align:left}
.fe21GuideTop{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#ffe08a;font-size:12px;letter-spacing:.06em}
.fe21GuideTop button{background:#132c5d;border:1px solid #6685bb;border-radius:8px;color:#fff;padding:7px 9px;font-size:11px}
.fe21GuideDots{display:flex;gap:6px;margin:10px 0}.fe21GuideDots span{height:5px;flex:1;background:#4a5b82;border-radius:6px}.fe21GuideDots .done{background:#ffd45a}
.fe21Guide h3{margin:5px 0 6px;color:#fff;font-size:17px}.fe21Guide p{margin:0 0 12px;font-size:13px;line-height:1.4;color:#d4eaff}.fe21GuideAction{width:100%;border:1px solid #ffeb85;border-radius:10px;padding:12px;background:linear-gradient(#ffdb52,#b8810a);color:#1b1532;font-weight:900;font-size:13px;box-shadow:0 0 13px #ffcd4166}.fe21Guide small{display:block;text-align:center;margin-top:8px;font-size:10px;color:#b8c7ed}
.fe21Manager{background:linear-gradient(#164a8c,#07234e);border:1px solid #f8c957;border-radius:8px;color:#ffe38b;padding:5px 7px;font-size:10px;font-weight:800;white-space:nowrap}.fe21NavLocked{opacity:.75;filter:saturate(.65)}.fe21NavLocked:after{content:' 🔒';font-size:9px}.fe21Unlock{text-align:center}.fe21LockIcon{font-size:38px}.fe21Progress{height:10px;background:#13224a;border-radius:20px;overflow:hidden;margin:15px 0}.fe21Progress span{display:block;height:100%;background:linear-gradient(90deg,#16cfff,#ffe36b)}
@media(min-width:700px){.fe21Guide{left:auto;right:25px;bottom:25px;width:340px}}

/* v22 progression label; no changes to existing images or pitch. */
.fe22Progress{margin:9px 12px;padding:9px 12px;border:1px solid #e7b64c;border-radius:10px;background:#101b38;color:#ffdf85;text-align:center;font-size:12px}.fe22Progress small{display:block;margin-top:4px;color:#d1d9ee;font-size:10px;line-height:1.4}

/* v25: equal-size cards, evenly spaced formation lines, tap or drag swapping. */
.squadPitch .formationSlot{transform:translate(-50%,-50%)!important;touch-action:pan-y;z-index:3}
.squadPitch .formationSlot.pitchSelected{z-index:6;filter:drop-shadow(0 0 9px #fff36a)}
.squadPitch .formationSlot.pitchSelected .squadPlayer{outline:2px solid #ffe66c;outline-offset:2px;border-radius:12px}
.squadPitch .formationSlot .squadPlayer{width:100%!important;height:100%!important}

/* v26: Portrait and nationality visibility without changing card artwork. */
.squadPlayer .squadPortrait{object-fit:cover!important;object-position:center 30%!important;background:#1c4663!important;opacity:1!important;}
.squadPlayer .squadFlag{z-index:7!important;position:absolute!important;filter:drop-shadow(0 1px 2px #000)!important;}
.transferShield img{object-fit:cover!important;object-position:center 28%!important;background:#21465c!important;}
.transferFlag{z-index:5!important;position:absolute!important;filter:drop-shadow(0 1px 2px #000)!important;}
.fe26Reserve{display:flex;align-items:center;gap:12px}.fe26Reserve img{width:56px;height:66px;object-fit:cover;border-radius:8px;border:2px solid #b58b42}.fe26Reserve div{flex:1}

/* v27 exact user-supplied navigation artwork; all other visual assets unchanged. */
#fe27Nav{position:absolute;top:6.65%;left:0;width:100%;height:auto;aspect-ratio:2172/215;z-index:4;isolation:isolate;pointer-events:auto}
#fe27Nav>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:1}
#fe27Nav>button{position:absolute;top:0;height:100%;width:12.5%;border:0;padding:0;margin:0;background:transparent;cursor:pointer;z-index:3;touch-action:manipulation}
#fe27Nav>button:nth-of-type(1){left:0}#fe27Nav>button:nth-of-type(2){left:12.5%}#fe27Nav>button:nth-of-type(3){left:25%}#fe27Nav>button:nth-of-type(4){left:37.5%}#fe27Nav>button:nth-of-type(5){left:50%}#fe27Nav>button:nth-of-type(6){left:62.5%}#fe27Nav>button:nth-of-type(7){left:75%}#fe27Nav>button:nth-of-type(8){left:87.5%}
#fe27Nav>button:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:13px}
#fe27ActiveGlow{position:absolute;left:0;top:11%;width:12.5%;height:79%;border-radius:14%;background:linear-gradient(180deg,rgba(0,232,255,.86),rgba(0,114,255,.87) 46%,rgba(0,205,255,.85));box-shadow:0 0 9px 2px #00dfff,0 0 19px 4px #008cff,inset 0 0 4px 2px #c9ffff;border:2px solid #70ffff;z-index:2;pointer-events:none;mix-blend-mode:screen;transition:left .18s ease}
/* Original Squad navigation remains in the layout, but its replacement image is the visible control. */
.squadLiveNav{visibility:hidden!important}

#fe27Nav>#fe27TransfersExact{z-index:2;display:none}
#fe27Nav>#fe27TransfersExact:not([hidden]){display:block}
#fe27Nav[data-selected="TRANSFERS"] #fe27ActiveGlow{display:none}

/* v28: user-provided Football Empire banner, decorative and present on every game screen. */
#fe28CornerBrand{position:absolute;top:0;left:0;width:23%;height:auto;aspect-ratio:3/1;object-fit:contain;z-index:4;pointer-events:none;user-select:none;-webkit-user-select:none;}

/* v29: landscape iPhone/iPad Safari: preserve the portrait game's proportions instead of shrinking it to the short landscape viewport. Allow vertical scrolling while keeping every original artwork ratio. */
@media (orientation:landscape) and (max-height:650px){
  html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  body{display:block!important;text-align:center!important}
  #game{display:block!important;margin:0 auto!important;width:min(100%,680px)!important;max-width:680px!important;height:auto!important;aspect-ratio:707/772!important;overflow:hidden!important;text-align:left!important;flex-shrink:0!important}
  #game #panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}

/* v30: compact match hub replaces duplicate squad shortcuts; preserves existing artwork. */
.fe30MatchHub{padding:9px 9px 18px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(180deg,#071b39,#05132d);color:white}
.fe30MatchInfo{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fe30MatchInfo button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:11px 12px;border:1px solid #329cf6;border-radius:10px;background:linear-gradient(#113d71,#082449);color:white;text-align:left}
.fe30MatchInfo small{font-size:clamp(9px,2vw,12px);color:#b5d8ff;font-weight:800}.fe30MatchInfo strong{font-size:clamp(12px,2.7vw,17px);color:#ffe47a;overflow-wrap:anywhere}
.fe30PlayMatch{width:100%;min-height:65px;border-radius:13px;border:3px solid #a6ff84;background:linear-gradient(180deg,#63f844,#0ba721);color:#fff;font-size:clamp(19px,4.4vw,27px);font-weight:1000;text-shadow:0 2px 3px #09551b;box-shadow:0 3px 0 #065b13,0 0 16px #3bff6266}.fe30PlayMatch span{margin-right:7px}
.fe30QuickLinks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fe30QuickLinks button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:65px;padding:8px;border:1px solid #329cf6;border-radius:10px;background:linear-gradient(#154b85,#08234b);color:white}.fe30QuickLinks span{font-size:21px}.fe30QuickLinks strong{font-size:clamp(10px,2.3vw,14px)}.fe30QuickLinks small{font-size:clamp(9px,2vw,12px);color:#b9d7fa}

/* v31: Keep the approved top artwork stationary while only the content pane scrolls. */
html,body{height:100%!important;overflow:hidden!important}
body{display:flex!important;align-items:center!important;justify-content:center!important}
#game{overflow:hidden!important}
#fe27Nav{z-index:20!important}
#fe28CornerBrand{z-index:21!important}
#panel{overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
/* The old crown/football logo and text are superseded by the exact v28 banner. */
.liveSquadPanel .squadLogo,.liveSquadPanel .squadBrand{display:none!important}
.liveSquadPanel .squadLiveHeader{justify-content:flex-end!important}
/* The old, invisible navigation must not leave a blank row in the squad content. */
.liveSquadPanel .squadLiveNav{display:none!important}
@media (orientation:landscape) and (max-height:650px){
  html,body{height:100%!important;min-height:0!important;overflow:hidden!important}
  body{display:flex!important;text-align:initial!important}
  #game{width:min(100vw,680px)!important;max-width:680px!important;height:100dvh!important;max-height:100dvh!important;aspect-ratio:auto!important;overflow:hidden!important;margin:auto!important}
  #panel{inset:calc(6.5% + 1px) 0 0!important;overflow-y:auto!important}
}

/* v32: user's replacement VIP artwork with genuine alpha transparency and a reliable visible pulse. */
.squadArena .arenaTop .squadBoost{
  background:none!important; border:0!important; box-shadow:none!important;
  overflow:visible!important; aspect-ratio:1536/1024!important;
  animation:fe32VipPulse 1.7s ease-in-out infinite!important;
  filter:none!important; transform-origin:center center!important;
  will-change:transform,filter!important;
}
.squadArena .arenaTop .squadBoost img{
  mix-blend-mode:normal!important; border-radius:0!important;
  object-fit:contain!important; background:transparent!important;
}
@keyframes fe32VipPulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,194,42,.35))}
  50%{transform:scale(1.14);filter:drop-shadow(0 0 13px rgba(255,202,43,1))}
}
.squadArena .arenaTop .squadBoost:active{animation-play-state:paused!important;transform:scale(.97)!important}
@media(prefers-reduced-motion:reduce){.squadArena .arenaTop .squadBoost{animation:none!important}}

/* v33: genuinely fixed app chrome. The game fills the viewport and ONLY #panel scrolls. */
html,body{height:100%!important;width:100%!important;overflow:hidden!important;overscroll-behavior:none!important}
body{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
#game{position:relative!important;height:100dvh!important;max-height:100dvh!important;width:min(100vw,680px)!important;max-width:680px!important;aspect-ratio:auto!important;overflow:hidden!important;flex-shrink:0!important;container-type:inline-size!important}
/* Fixed header and nav occupy separate, non-scrolling layers. */
#fe33FixedSquadHeader{position:absolute!important;top:0!important;left:0!important;right:0!important;height:6.65%!important;z-index:18!important;background:linear-gradient(#05102a,#0a3975)!important;display:flex;align-items:center;justify-content:flex-end;padding-left:23%;overflow:hidden}
#fe33FixedSquadHeader[hidden]{display:none!important}
#fe33FixedSquadHeader .squadLiveHeader{width:100%;height:100%;min-height:0!important;display:flex!important;justify-content:flex-end!important;padding:0 1.2%!important;border:0!important;background:transparent!important;gap:1.2%}
#fe33FixedSquadHeader .squadCurrency{font-size:clamp(9px,2.5cqw,18px)!important}
#fe33FixedSquadHeader .squadLevel{font-size:clamp(8px,2cqw,14px)!important}
#fe27Nav{position:absolute!important;top:6.65%!important;left:0!important;z-index:30!important;transform:none!important}
#fe28CornerBrand{position:absolute!important;top:0!important;left:0!important;z-index:31!important;transform:none!important}
/* The top of the scroll pane starts exactly after the full-width navigation art. */
#panel,#panel.liveSquadPanel{position:absolute!important;top:calc(6.65% + 9.89871cqw)!important;bottom:0!important;left:0!important;right:0!important;inset:auto 0 0!important;height:calc(100% - 6.65% - 9.89871cqw)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
#panel[hidden]{display:none!important}
/* No ghost duplicate navigation or heading in the scrolling content. */
.liveSquadPanel>.squadLiveHeader,.liveSquadPanel>.squadLiveNav{display:none!important}
/* Keep the VIP and formation controls below, never underneath, the fixed navigation. */
.squadArena .arenaTop{top:3.5%!important;z-index:6!important}
@media(orientation:landscape) and (max-height:650px){
 html,body{height:100%!important;min-height:0!important;overflow:hidden!important}
 body{position:fixed!important;display:flex!important;align-items:center!important;justify-content:center!important}
 #game{height:100dvh!important;max-height:100dvh!important;width:min(100vw,680px)!important;aspect-ratio:auto!important;overflow:hidden!important;margin:auto!important}
 #panel,#panel.liveSquadPanel{top:calc(6.65% + 9.89871cqw)!important;bottom:0!important;inset:auto 0 0!important;height:calc(100% - 6.65% - 9.89871cqw)!important}
}

/* Keep the fixed game frame clear of the iPhone safe-area status bar. */
body{padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important}
#game{height:100%!important;max-height:100%!important}
@media(orientation:landscape) and (max-height:650px){#game{height:100%!important;max-height:100%!important}}

/* v34: single clean fixed navigation, no old squad bar or duplicate heading. */
#panel .squadLiveNav,#panel .squadBrand,#panel .squadLogo{display:none!important}
#fe33FixedSquadHeader .squadLiveHeader{justify-content:flex-end!important;width:100%!important}
#fe33FixedSquadHeader{padding-left:31%!important}
#fe28CornerBrand{width:30%!important;aspect-ratio:1536/360!important;top:0.55%!important;left:0.7%!important;height:auto!important;object-fit:contain!important;image-rendering:auto!important;filter:drop-shadow(0 0 3px #009fff)!important}
#fe27Nav{background:#061c44!important}

/* v35: readable penalty badge, without altering approved shield artwork */
.squadPlayer.fe35OutOfPosition .shieldEdge{filter:drop-shadow(0 0 4px #ff704a)!important}
.squadPlayer .fe35Penalty{position:absolute;z-index:10;top:23%;left:2%;padding:1px 3px;border-radius:4px;background:#9b1d22;color:#fff;font-size:clamp(7px,1.6vw,12px);font-weight:900;text-shadow:0 1px 1px #000;pointer-events:none}

/* v37 — match the six pointed hexagonal silhouettes in the approved Player Tiers artwork.
   Keep player portraits, names, OVR, flags, stars, position penalties and interaction intact. */
.squadPlayer .shieldEdge{
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)!important;
  background:linear-gradient(130deg,#fff9d0 0%,var(--edge) 12%,#fff2bd 24%,var(--edge) 39%,#5a3b28 62%,var(--edge) 83%,#fff5ce 100%)!important;
}
.squadPlayer .shieldInside{
  inset:5%!important;
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)!important;
  background:repeating-linear-gradient(138deg,transparent 0 12px,#ffffff12 12px 14px,transparent 14px 22px),radial-gradient(ellipse at 48% 25%,color-mix(in srgb,var(--top),white 28%),var(--top) 54%,#09112b 94%)!important;
}
.squadPlayer .shieldInside:before{
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)!important;
}

/* v38: keep every nationality flag readable, consistently sized and clear of card labels. */
.squadPlayer .squadFlag.fe38Flag,.transferShield .transferFlag.fe38Flag{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:19%!important;height:16%!important;min-width:0!important;
 font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
 font-weight:normal!important;font-size:clamp(11px,2.4vw,19px)!important;
 line-height:1!important;white-space:nowrap!important;text-shadow:none!important;
 overflow:visible!important;letter-spacing:0!important;transform:none!important;
 -webkit-font-smoothing:antialiased;
}
.squadPlayer .squadFlag.fe38Flag{left:auto!important;right:7%!important;top:49%!important;bottom:auto!important;}
.transferShield .transferFlag.fe38Flag{left:auto!important;right:7%!important;top:49%!important;bottom:auto!important;}
.detailCard .squadPlayer .squadFlag.fe38Flag{font-size:24px!important;}

/* v39 — premium interactive Squad bottom action controls; no gameplay changes. */
.fe30MatchHub{gap:12px!important;padding:14px 12px 23px!important;background:linear-gradient(180deg,#07172f 0%,#071d42 50%,#040d24 100%)!important}
.fe30MatchHub button{position:relative;isolation:isolate;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}
.fe30MatchHub button:before{content:"";position:absolute;inset:1px 2px auto;height:44%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,0));pointer-events:none;z-index:-1}
.fe30MatchHub button:active{transform:translateY(2px) scale(.975)!important;filter:brightness(1.16)!important}
.fe30MatchHub button:focus-visible{outline:3px solid #fff6b3!important;outline-offset:3px!important}
.fe30MatchInfo{gap:10px!important}
.fe30MatchInfo button{min-height:83px!important;padding:13px 12px 12px 15px!important;border:1.5px solid #4ab9ff!important;border-radius:14px!important;background:linear-gradient(145deg,#155b9a 0%,#0b3368 48%,#071a3d 100%)!important;box-shadow:inset 0 1px 0 #b8e9ff85,inset 0 -3px 0 #03142d,0 5px 10px #0007,0 0 11px #1689fa45!important}
.fe30MatchInfo button:after{content:'›';position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:900;color:#77d8ff;text-shadow:0 0 8px #0af;pointer-events:none}
.fe30MatchInfo small{letter-spacing:.055em!important;color:#bceaff!important;text-shadow:0 1px 2px #00162e!important}
.fe30MatchInfo strong{padding-right:12px;color:#ffe28d!important;text-shadow:0 0 7px #ffbf3555!important}
.fe30PlayMatch{min-height:77px!important;border:2px solid #dcff8c!important;border-radius:17px!important;background:linear-gradient(160deg,#a1ff48 0%,#36db25 35%,#0b9d2b 75%,#075522 100%)!important;color:#fff!important;letter-spacing:.045em!important;font-size:clamp(19px,4.8vw,29px)!important;text-shadow:0 2px 2px #03541e,0 0 8px #055f18!important;box-shadow:inset 0 2px 0 #e4ffc5,inset 0 -5px 0 #064b20,0 6px 0 #043e1c,0 10px 16px #0009,0 0 19px #4aff4a77!important}
.fe30PlayMatch span{display:inline-block;filter:drop-shadow(0 2px 2px #043a14);font-size:1.25em;vertical-align:middle}
.fe30QuickLinks{gap:10px!important}
.fe30QuickLinks button{min-height:86px!important;padding:10px 7px!important;border:1.5px solid #55bcff!important;border-radius:15px!important;background:linear-gradient(155deg,#1b65ad 0%,#103b7c 45%,#071d49 100%)!important;box-shadow:inset 0 1px 0 #c2efff91,inset 0 -4px 0 #06132f,0 5px 11px #0008,0 0 12px #148aff55!important}
.fe30QuickLinks button:last-child{border-color:#d995ff!important;background:linear-gradient(155deg,#7436c2 0%,#482080 45%,#1b164a 100%)!important;box-shadow:inset 0 1px 0 #f0c5ff99,inset 0 -4px 0 #130b34,0 5px 11px #0008,0 0 12px #ae48ff55!important}
.fe30QuickLinks span{font-size:26px!important;line-height:1.05;filter:drop-shadow(0 0 5px #8ddcff88)}
.fe30QuickLinks strong{letter-spacing:.045em;text-shadow:0 1px 2px #0008}
.fe30QuickLinks small{color:#d4e8ff!important}
.fe30QuickLinks button:last-child small{color:#f1d7ff!important}
@media(hover:hover){.fe30MatchHub button:hover{filter:brightness(1.14);transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.fe30MatchHub button{transition:none!important}}

/* v40: readable pitch shields; retain exact six-point tier silhouette and every card interaction. */
.squadPitch .formationSlot .squadPlayer{filter:drop-shadow(0 1px 3px #00122b) drop-shadow(0 0 3px var(--glow))!important}
.squadPitch .formationSlot .squadPortrait{
 left:10%!important;top:19%!important;width:80%!important;height:60%!important;
 object-fit:contain!important;object-position:center bottom!important;
 background:transparent!important;border-radius:0!important;
 -webkit-mask-image:linear-gradient(#000 0%,#000 83%,transparent 100%)!important;
 mask-image:linear-gradient(#000 0%,#000 83%,transparent 100%)!important;
}
.squadPitch .formationSlot .squadRating{left:9%!important;top:9%!important;font-size:clamp(13px,3.25vw,23px)!important;line-height:1!important;z-index:8!important}
.squadPitch .formationSlot .squadPosition{right:8%!important;top:21%!important;font-size:clamp(8px,1.65vw,13px)!important;z-index:8!important}
.squadPitch .formationSlot .squadFlag.fe38Flag{right:8%!important;top:48%!important;width:22%!important;height:17%!important;font-size:clamp(12px,2.55vw,19px)!important;z-index:8!important}
.squadPitch .formationSlot .squadName{left:4%!important;right:4%!important;bottom:15%!important;padding:2% 1%!important;font-size:clamp(8px,1.7vw,13px)!important;line-height:1.15!important;text-overflow:ellipsis!important;z-index:9!important}
.squadPitch .formationSlot .squadStars{bottom:4%!important;font-size:clamp(8px,1.6vw,12px)!important;z-index:8!important}
.squadPitch .formationSlot .fe35Penalty{top:34%!important;left:4%!important;font-size:clamp(7px,1.4vw,11px)!important}