@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;600;700&display=swap');
.upgrade-card{position:relative;width:216px;height:424px;border:2px solid var(--rarity);border-radius:21px;background:#062c07 url('assets/ui/cartas/plantilla.webp') center/100% 100% no-repeat;box-shadow:0 0 9px var(--rarity),inset 0 0 7px var(--rarity);color:#f9f9ef;isolation:isolate;overflow:hidden}.upgrade-card:before{content:'';position:absolute;inset:12px 8px 19px;border:1px solid #e3ecd9b0;border-radius:17px;pointer-events:none;z-index:-1}.upgrade-card .rarity{position:absolute;top:6px;left:43px;right:43px;height:30px;display:grid;place-items:center;border:2px solid var(--rarity);border-radius:18px;background:#001b05f5;color:var(--rarity);font:800 18px/1 'Barlow Condensed',Impact,sans-serif;white-space:nowrap}.upgrade-card .art{position:absolute;top:38px;left:9px;width:194px;height:151px;object-fit:contain;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--rarity),transparent 55%));pointer-events:none}.upgrade-card .title{position:absolute;top:190px;left:8px;right:8px;height:42px;margin:0;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font:900 25px/.88 'Barlow Condensed',Impact,sans-serif;text-shadow:0 2px 2px #000;overflow:hidden}.upgrade-card .stat{position:absolute;top:232px;left:14px;right:14px;height:36px;border:1px solid #82a97899;border-radius:10px;background:#001709e0;display:grid;place-items:center;font:900 19px/1 'Barlow Condensed',Impact,sans-serif;color:#f9f9ef;white-space:nowrap}.upgrade-card .stat b{color:var(--rarity);font-weight:900}.upgrade-card .description{position:absolute;top:274px;left:15px;right:15px;height:46px;margin:0;font:400 14px/1.13 'Roboto Condensed',Arial,sans-serif;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 2px #000}.upgrade-card .price{position:absolute;top:322px;left:13px;right:13px;border-top:1px solid #e4ebd0d9;height:34px;padding-top:7px;display:flex;align-items:center;justify-content:center;gap:5px;font:800 18px/1 'Barlow Condensed',Impact,sans-serif}.upgrade-card .price b{font-size:25px;color:var(--rarity)}.upgrade-card .price .upgrade-money{width:28px;height:18px;font-size:16px}.upgrade-card .buy{position:absolute;top:357px;left:12px;right:12px;height:50px;border:1px solid #e3ff80;border-radius:12px;background:linear-gradient(#d6ff45,#b4ef00);box-shadow:0 3px 0 #73a900,inset 0 1px 2px #fff8;color:#092600;font:900 27px/1 'Barlow Condensed',Impact,sans-serif;padding:0 3px}.upgrade-card .buy:disabled{background:linear-gradient(#575e5b,#343c38);border-color:#69746e;color:#adb3ae;box-shadow:0 3px 0 #1c251f;font-size:21px;cursor:default}.upgrade-card .unavailable{position:absolute;top:35px;right:6px;left:6px;font-size:12px;color:#d9e4d7}.upgrade-card.unavailable .art{opacity:.5}.upgrade-card.unavailable .buy{font-size:18px}
/* Only the newly added card overlay is styled here. */
#upgrade-screen[hidden]{display:none!important}#upgrade-screen{position:absolute;inset:0;z-index:40;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#00180d99;touch-action:manipulation;color:#f7f7ef;font-family:'Roboto Condensed','Barlow Condensed',Arial,sans-serif;isolation:isolate}
#upgrade-screen *{box-sizing:border-box}#upgrade-screen .upgrade-wrap{position:relative;flex:none}#upgrade-screen .upgrade-stage{position:absolute;top:0;left:0;width:516px;height:700px;transform-origin:top left;padding:22px 40px 15px;text-align:center}#upgrade-title{font:900 45px/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.7px;margin:0;white-space:nowrap;color:#f8f8ef;text-shadow:0 2px 3px #0007}#upgrade-screen .upgrade-subtitle{font:700 18px/1.2 'Barlow Condensed',Impact,sans-serif;color:#dce3df;margin:5px 0 9px}#upgrade-screen .upgrade-wallet{display:inline-flex;align-items:center;gap:7px;background:#001908ef;border:2px solid #a9ff00;border-radius:26px;height:38px;padding:2px 16px;font:800 20px 'Barlow Condensed',Impact,sans-serif}#upgrade-screen .upgrade-wallet b{font-size:27px;color:#c2ff12}.upgrade-money{display:inline-grid;place-items:center;width:31px;height:20px;background:#72b970;border:2px solid #b8f3ac;box-shadow:inset 0 0 0 2px #438b47;border-radius:3px;color:#f4fff0;font:900 18px/1 'Barlow Condensed',Impact,sans-serif;flex:none}#upgrade-screen .upgrade-choices{display:grid;grid-template-columns:216px 216px;gap:12px;margin-top:17px}.upgrade-footer{display:flex;align-items:center;justify-content:space-between;margin:24px 0 0;font-size:17px;color:#f5f9e8}.upgrade-skip{border:2px solid #b1f317;border-radius:11px;background:#001e11ed;color:#fff;padding:9px 16px;font:600 18px 'Barlow Condensed',Arial,sans-serif}.upgrade-status{min-height:32px;font-size:13px;line-height:1.3;color:#edf3cd;margin:10px 0}.upgrade-end{position:absolute;bottom:12px;left:0;right:0;font-size:12px;color:#f1f5e8;margin:0}.upgrade-card{touch-action:manipulation;text-align:center}.upgrade-card .stat{display:flex;align-items:center;justify-content:center;gap:3px}.upgrade-card .art{top:32px;left:3px;width:206px;height:184px}.upgrade-card .title{top:181px;height:50px}.upgrade-card .owned-warning{position:absolute;top:161px;left:12px;right:12px;font:700 11px/1.1 'Barlow Condensed',Arial,sans-serif;color:#ffffc6;background:#001606df;border-radius:4px}.upgrade-card .owned-warning:empty{display:none}#upgrade-screen button:focus-visible{outline:3px solid #fff;outline-offset:3px}#upgrade-screen button:disabled{cursor:default}#upgrade-screen .buy{width:auto;margin:0}.upgrade-card .price .upgrade-money{width:28px;height:18px;font-size:16px}


#upgrade-screen{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#game:has(#upgrade-screen:not([hidden]))>#hud,#game:has(#upgrade-screen:not([hidden]))>#powers,#game:has(#upgrade-screen:not([hidden]))>#cross-warning{visibility:hidden}