@font-face{font-family:Pixel Digits;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/tiny5/v3/KFOpCnmCvdGT7iw5xUllAT89.woff2)format("woff2");unicode-range:U+25,U+2B-2C,U+2E,U+30-39,U+2212}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body), sans-serif;font-synthesis:none;-webkit-font-smoothing:none;-webkit-text-size-adjust:100%;--navy-950:#0a1030;--navy-900:#0d1642;--navy-800:#131f52;--navy-700:#1b2c66;--cream:#eef1f8;--slate:#8b95c0;--yellow:#f2c230;--yellow-deep:#c99a1c;--teal:#2fd1c5;--green:#33a35a;--red:#e2483f;--pink:#f26fb0;--role-GK:var(--yellow);--role-GK-fg:var(--navy-950);--role-DEF:var(--green);--role-DEF-fg:var(--cream);--role-MID:var(--teal);--role-MID-fg:var(--navy-950);--role-FWD:var(--red);--role-FWD-fg:var(--cream);--team-home:#2196f3;--team-away:#f44336;--ink:#050813;--lip:inset 0 -3px 0 #0508134d;--px:3px;--pixel-corners:polygon(0 var(--px), var(--px) var(--px), var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)));--radius-sm:0;--radius-md:0;--radius-pill:0;--font-display:"Jersey 10", system-ui, sans-serif;--font-body:"Pixel Digits", "Pixelify Sans", system-ui, sans-serif;--font-brand:"Pixelify Sans", system-ui, sans-serif;--tracking-overline:.06em;--tex-navy-900:none;--tex-navy-800:none;--tex-bricks-950:none;--variant-color:var(--ink);--scrim:#0a1030b8;--fs-xs:round(nearest, clamp(10px, 2.2vmin, 15px), 5px);--fs-sm:round(nearest, clamp(10px, 2.4vmin, 15px), 5px);--fs-md:round(nearest, clamp(13px, 2.8vmin, 20px), 5px);--fs-lg:round(nearest, clamp(15px, 3vmin, 20px), 5px);--fs-xl:round(nearest, clamp(15px, 3.2vmin, 25px), 5px);--fs-2xl:round(nearest, clamp(18px, 3.6vmin, 25px), 5px);--fs-3xl:round(nearest, clamp(20px, 4.6vmin, 40px), 5px);--fsd-xs:round(nearest, calc(clamp(10px, 2.2vmin, 15px) * 1.2), 5px);--fsd-sm:round(nearest, calc(clamp(10px, 2.4vmin, 15px) * 1.2), 5px);--fsd-md:round(nearest, calc(clamp(13px, 2.8vmin, 20px) * 1.2), 5px);--fsd-lg:round(nearest, calc(clamp(15px, 3vmin, 20px) * 1.2), 5px);--fsd-xl:round(nearest, calc(clamp(15px, 3.2vmin, 25px) * 1.2), 5px);--fsd-2xl:round(nearest, calc(clamp(18px, 3.6vmin, 25px) * 1.2), 5px);--fsd-3xl:round(nearest, calc(clamp(20px, 5vmin, 40px) * 1.2), 5px);--fs-display-lg:round(nearest, clamp(30px, 8vw, 80px), 10px);--fs-display-xl:round(nearest, clamp(40px, 13vw, 120px), 10px);--space-2xs:clamp(4px, 1vh, 8px);--space-xs:clamp(6px, 1.4vh, 14px);--space-sm:clamp(8px, 1.6vh, 16px);--space-md:clamp(10px, 2vh, 20px);--space-lg:clamp(12px, 3vh, 24px);--space-xl:clamp(14px, 3.5vh, 34px);--space-screen-top:clamp(10px, 2.4vh, 24px);--bp-mobile:760px;--squad-bar-h:72px;--gear-w:calc(round(nearest, clamp(38px, 7vmin, 52px) - 3px, 6px) + 3px);--gear-inset-x:clamp(8px, 2vw, 18px);--gear-inset-y:clamp(8px, 2vh, 16px);--overlay-gap:var(--space-md);--overlay-pad:16px;--overlay-justify:center;font-weight:500}.screen-bg{background:var(--tex-navy-900,none) var(--navy-900)}.accent-underline{background:var(--green);border-radius:0;width:min(180px,40vw);height:5px}.accent-underline.band{width:min(220px,44vw);margin-top:-2px}.screen-title{font-family:var(--font-display), sans-serif;font-weight:700;font-size:var(--fsd-3xl);letter-spacing:.02em;color:var(--yellow);text-align:center;margin:0}.btn{padding:var(--btn-pad,9px 32px);background:var(--btn-bg,var(--yellow));color:var(--btn-fg,var(--navy-950));border:var(--px) solid var(--ink);clip-path:var(--pixel-corners);box-shadow:var(--lip);font-family:var(--btn-font,var(--font-display)), sans-serif;font-weight:700;font-size:var(--btn-fs,var(--fsd-lg));letter-spacing:.02em;cursor:pointer;transition:transform .12s ease-out,box-shadow .12s ease-out}.btn:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.btn:disabled{background:var(--navy-800);color:var(--slate);box-shadow:none;cursor:not-allowed}.btn-green{--btn-bg:var(--green);--btn-fg:var(--cream)}.btn-teal{--btn-bg:var(--teal);--btn-fg:var(--cream)}.btn-ghost{--btn-bg:var(--navy-700);--btn-fg:var(--cream)}.btn-ghost:hover:not(:disabled){--btn-bg:var(--cream);--btn-fg:var(--navy-950)}.btn-sm{--btn-pad:8px 26px;--btn-fs:var(--fsd-md)}.btn-dialog{--btn-pad:12px;--btn-font:var(--font-body);--btn-fs:var(--fs-xl)}.dialog-backdrop{background:var(--scrim);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog-card{background:var(--tex-navy-800,none) var(--navy-800);flex-direction:column;max-height:100%;padding:24px;display:flex;overflow-y:auto}.dialog-card.centered{text-align:center;align-items:center}.badge-frame{width:var(--badge);height:var(--badge);pointer-events:none;background:var(--navy-950);border-radius:var(--radius-sm);border:3px solid var(--variant-color,var(--ink));box-sizing:border-box;padding:3px}.badge-frame.glow{outline:3px solid var(--yellow);outline-offset:2px;animation:1.4s ease-in-out infinite badge-glow}@keyframes badge-glow{0%,to{outline-offset:2px;outline-color:#fff3c4}50%{outline-color:var(--yellow);outline-offset:5px}}@media (prefers-reduced-motion:reduce){.badge-frame.glow{animation:none}}.name-plate{background:var(--navy-800);border:2px solid var(--ink);clip-path:var(--pixel-corners);font-size:var(--fs-sm);letter-spacing:.02em;color:var(--cream);width:max-content;max-width:calc(var(--badge) * 2.2);text-align:center;overflow-wrap:break-word;box-sizing:border-box;justify-content:center;align-items:safe center;height:calc(2lh + 6px);padding:1px 6px;font-weight:700;line-height:1.05;display:flex;overflow:hidden}.wallet{background:var(--navy-800);border:var(--px) solid var(--ink);clip-path:var(--pixel-corners);align-items:baseline;gap:10px;padding:4px 16px;display:flex}.wallet-label{font-family:var(--font-display), sans-serif;font-size:var(--fsd-xs);letter-spacing:var(--tracking-overline);color:var(--slate)}.wallet-value{font-size:var(--fs-xl);color:var(--green);font-weight:700}.wallet-value.broke{color:var(--red)}.ability-list{flex-wrap:wrap;justify-content:center;gap:clamp(8px,2vmin,18px);max-width:920px;display:flex}.pills{background:var(--navy-800);border:var(--px) solid var(--ink);clip-path:var(--pixel-corners);gap:3px;padding:4px;display:flex}.pills button{color:var(--slate);font-family:var(--font-body), sans-serif;font-weight:700;font-size:var(--fs-sm);letter-spacing:.02em;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:2px solid #0000;flex:1;padding:8px 16px;transition:background .12s ease-out,color .12s ease-out}.pills button.active{border-color:var(--ink);clip-path:var(--pixel-corners);background:var(--teal);color:var(--navy-950)}.rarity{isolation:isolate;color:var(--navy-950);position:relative;overflow:hidden}.rarity.bronze{background:linear-gradient(#e0a060 0 var(--px), #b87a38 var(--px))}.rarity.silver{background:linear-gradient(#eef1f8 0 var(--px), #b9c1d4 var(--px))}.rarity.gold{background:linear-gradient(#ffe27a 0 var(--px), #e7b62c var(--px))}.rarity .buff{color:#0c5227!important}.rarity .debuff{color:#8a1a14!important}.rarity.silver:before,.rarity.gold:before{content:"";z-index:-1;pointer-events:none;mix-blend-mode:screen;background-repeat:repeat;position:absolute;inset:0}.rarity.silver:before{background-image:radial-gradient(circle,#fff 0,#0000 1.4px);background-size:44px 44px;animation:10s linear infinite rarity-drift,3.6s ease-in-out infinite rarity-twinkle}.rarity.gold:before{background-image:radial-gradient(circle,#fff7d2 0,#0000 1.6px),radial-gradient(circle,#fff 0,#0000 1.1px);background-size:28px 28px,19px 19px;animation:4.5s linear infinite rarity-drift,1.7s ease-in-out infinite rarity-twinkle}@keyframes rarity-drift{0%{background-position:0 0}to{background-position:66px -66px}}@keyframes rarity-twinkle{0%,to{opacity:.3}50%{opacity:.85}}.lvl-1,.lvl-2,.lvl-3{text-shadow:-1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink), 1px 1px 0 var(--ink)}.lvl-1{color:#0c5227!important}.lvl-2{color:#6fc3ff!important}.lvl-3{animation:2.4s ease-in-out infinite level-pulse;display:inline-block;position:relative;color:#caa6ff!important}@keyframes level-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.lvl-3:before,.lvl-3:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,#b026ff 1px 2.2px,#0000 2.2px),radial-gradient(circle,#ff3df5 0 1.2px,#0000 1.2px);background-position:50%;animation:1.1s linear infinite lvl3-spark;position:absolute;inset:-50% -28%;-webkit-mask-image:radial-gradient(circle,#000 0%,#00000073 38%,#0000 62%);mask-image:radial-gradient(circle,#000 0%,#00000073 38%,#0000 62%)}.lvl-3:before{animation-delay:-.55s}@keyframes lvl3-spark{0%{opacity:0;background-size:8px 8px,11px 11px}12%{opacity:.9}70%{opacity:.9}to{opacity:0;background-size:30px 30px,42px 42px}}.heptagon{clip-path:polygon(50% 0%,90% 20%,100% 60%,75% 100%,25% 100%,0% 60%,10% 20%);--fit:1;aspect-ratio:1;align-self:start;box-shadow:none!important;padding:calc(26px * var(--fit,1)) 24px calc(30px * var(--fit,1))!important;gap:calc(5px * var(--fit,1))!important;border:none!important;border-radius:0!important}@property --hept-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.heptagon:after{content:"";pointer-events:none;background:conic-gradient(from var(--hept-spin), var(--ink) 0 70%, var(--yellow) 80% 84%, var(--ink) 94%);-webkit-mask:var(--hept-ring) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--hept-ring) 0 0 / 100% 100% no-repeat;mask:var(--hept-ring) 0 0 / 100% 100% no-repeat;--hept-ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='50,0 90,20 100,60 75,100 25,100 0,60 10,20' fill='none' stroke='%23fff' stroke-width='6'/%3E%3C/svg%3E");animation:3s linear infinite hept-spin;position:absolute;inset:0}@keyframes hept-spin{to{--hept-spin:360deg}}@media (prefers-reduced-motion:reduce){.rarity.silver:before,.rarity.gold:before,.lvl-3,.lvl-3:before,.lvl-3:after{animation:none}}.panel{border:var(--px) solid var(--ink);clip-path:var(--pixel-corners)}*{box-sizing:border-box}html,body{background:var(--navy-950);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100dvh;position:relative}canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}