@import"https://fonts.googleapis.com/css2?family=Bungee&family=Press+Start+2P&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sky: #5BB8F5;--sky-dark: #2D7CC0;--grass: #3DB545;--grass-dark: #1E7A28;--navy: #060C26;--navy-mid: #0C1535;--navy-soft: rgba(6, 12, 38, .88);--panel: rgba(5, 12, 36, .86);--panel-hi: rgba(13, 26, 62, .92);--gold: #FFD700;--gold-dim: #C49000;--gold-dark: #7A5900;--green: #4ade80;--green-dark: #137A34;--blue: #38BDF8;--blue-dark: #075985;--red: #f87171;--white: #EEF4FF;--dim: #5B6F95;--arcade-font: "Bungee", "Press Start 2P", system-ui, sans-serif;--arcade-display-font: "Bungee", "Press Start 2P", fantasy;--pixel-font: "Press Start 2P", monospace}@property --cupgoal-loader-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}html,body,#root{height:100%;background:var(--sky);color:var(--white);font-family:var(--arcade-font);image-rendering:pixelated;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,#0000 0px 1px,#00000006 1px 2px);pointer-events:none;z-index:9999}button{font-family:var(--arcade-font);cursor:pointer;border:none;outline:none;image-rendering:pixelated;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}.game-shell{background:radial-gradient(circle at 50% 8%,rgba(255,215,0,.18),transparent 28%),linear-gradient(#040a1f94,#020616e6),url(/bggoal.png) center/cover no-repeat}.arcade-panel{background:linear-gradient(180deg,#10224ce6,#03081cf0);border:1px solid rgba(157,215,255,.25);border-top:3px solid rgba(255,215,0,.76);border-bottom:3px solid rgba(0,0,0,.45);box-shadow:0 8px #00000057,0 18px 34px #00000075,inset 0 1px #ffffff14}.pixel-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--white);background:linear-gradient(180deg,#1d4ed8,#0f2d83);border:1px solid rgba(238,244,255,.38);border-bottom:5px solid #071B55;box-shadow:0 0 0 1px #00000042,0 6px #0000003d,0 11px 18px #00000052,inset 0 2px #ffffff2e,inset 0 -3px #0000002e;text-shadow:1px 1px 0 rgba(0,0,0,.72),2px 2px 0 rgba(0,0,0,.38);transition:transform 80ms linear,filter 80ms linear,box-shadow 80ms linear;user-select:none;touch-action:manipulation}.pixel-btn:before{content:"";position:absolute;inset:3px 3px auto;height:28%;background:linear-gradient(180deg,#ffffff3d,#fff0);pointer-events:none;z-index:-1}.pixel-btn:hover:not(:disabled){filter:brightness(1.08) saturate(1.08)}.pixel-btn:active:not(:disabled){transform:translateY(4px);border-bottom-width:2px;box-shadow:0 0 0 2px #00000040,0 3px #00000038,0 8px 14px #00000052,inset 0 1px #ffffff1f,inset 0 -2px #00000024}.pixel-btn:focus-visible{outline:2px solid #EEF4FF;outline-offset:3px}.pixel-btn:disabled{color:#6a7ea2;background:linear-gradient(180deg,#263655,#101b35);border-color:#5b6f9561;border-bottom-color:#070d1c;box-shadow:0 0 0 2px #0003,0 5px #0000003d,inset 0 1px #ffffff0f;text-shadow:none;transform:none;opacity:.88}.pixel-btn-primary{color:#fff8b5;background:linear-gradient(180deg,#ffffff3d,#fff0 30%),linear-gradient(180deg,#ffea63,#f0b90b 48%,#a66600);border-color:#fff8b5;border-bottom-color:#6e4200;text-shadow:1px 1px 0 #3D1800,2px 2px 0 rgba(0,0,0,.58);box-shadow:0 0 0 1px #00000040,0 6px #0000003d,0 0 22px #ffd7004d,0 12px 21px #0006,inset 0 2px #ffffff5c,inset 0 -4px #43200038}.pixel-btn-gold{color:#fff6a6;background:linear-gradient(180deg,#ffffff2e,#fff0 30%),linear-gradient(180deg,#c88c12,#8e4f04 56%,#4d2500);border-color:#ffd86a;border-bottom-color:#351700;text-shadow:1px 1px 0 #2B1200,2px 2px 0 rgba(0,0,0,.58);box-shadow:0 0 0 1px #00000040,0 6px #0000003d,0 0 18px #ffb70038,0 12px 21px #0000005c,inset 0 2px #ffffff3d,inset 0 -4px #0000002e}.pixel-btn-ghost{color:#eaf2ff;background:linear-gradient(180deg,#ffffff1a,#fff0 30%),linear-gradient(180deg,#263d73fa,#08112ffa);border-color:#9dd7ff6b;border-bottom-color:#08112f;text-shadow:1px 1px 0 rgba(0,0,0,.72),2px 2px 0 rgba(0,0,0,.36)}.pixel-btn-selected{color:#fff;background:linear-gradient(180deg,#ffffff24,#fff0 30%),linear-gradient(180deg,#304170fa,#0f235bfa);border-color:gold;border-bottom-color:#775600;text-shadow:1px 1px 0 rgba(0,0,0,.78),0 0 8px rgba(255,215,0,.42);box-shadow:0 0 0 1px #00000040,0 6px #0000003d,0 0 16px #ffd7003d,0 12px 18px #00000057,inset 0 2px #ffffff29,inset 0 -3px #0000002e}.pixel-btn-nav{min-height:44px;color:#d9e7ff;border-bottom-width:5px}.pixel-btn-toggle{min-height:40px;border-bottom-width:4px}.pixel-btn-cta{min-height:54px;text-transform:uppercase}.pixel-btn-move{color:#f0fbff;background:linear-gradient(180deg,#ffffff2e,#fff0 30%),linear-gradient(180deg,#35b9f1,#087bb6 48%,#06476f);border-color:#eaf8ff;border-bottom-color:#06476f;box-shadow:0 0 0 2px #00000047,0 8px #0000003d,0 0 22px #38bdf842,0 15px 24px #0000006b,inset 0 2px #ffffff52,inset 0 -3px #00000029;text-shadow:1px 1px 0 rgba(0,0,0,.72),2px 2px 0 rgba(0,0,0,.32)}.pixel-btn-shop{min-height:38px;border-bottom-width:5px}.pixel-btn-flag{min-height:0;border:1px solid rgba(157,215,255,.22);border-bottom:4px solid rgba(4,9,30,.95);color:#eef4ff;box-shadow:0 0 0 1px #0000003d,0 5px #0003,0 8px 14px #00000047,inset 0 2px #ffffff21}.pixel-btn-flag-selected{border-color:gold;border-bottom-color:#775600;box-shadow:0 0 0 1px #0000003d,0 5px #00000038,0 0 0 3px #ffd7003d,0 10px 18px #00000052,inset 0 2px #ffffff2e}.pixel-btn-equipped{color:#f2fff8;background:linear-gradient(180deg,#ffffff29,#fff0 30%),linear-gradient(180deg,#31d158,#17813a 52%,#0a5218);border-color:#b8ffce;border-bottom-color:#063a12;text-shadow:1px 1px 0 rgba(0,0,0,.76),0 0 8px rgba(74,222,128,.34)}.pixel-btn-loading{pointer-events:none;filter:saturate(.85)}.pixel-btn:disabled,.pixel-btn-primary:disabled,.pixel-btn-gold:disabled,.pixel-btn-selected:disabled,.pixel-btn-move:disabled,.pixel-btn-equipped:disabled{color:#6a7ea2;background:linear-gradient(180deg,#263655,#101b35);border-color:#5b6f9561;border-bottom-color:#070d1c;box-shadow:0 0 0 2px #0003,0 5px #0000003d,inset 0 1px #ffffff0f;text-shadow:none;transform:none;opacity:.88}.pixel-panel-lite{background:#00000038;border:1px solid rgba(157,215,255,.18);box-shadow:inset 0 1px #ffffff0f}.blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%,to{opacity:.35}50%{opacity:.8}}.cup-title{font-family:var(--arcade-display-font);font-size:34px;background:linear-gradient(to bottom,#ff6,#ffd000 45%,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(3px 4px 0px #3D1800) drop-shadow(6px 8px 0px rgba(0,0,0,.45));letter-spacing:4px;text-align:center;line-height:1.3}.soccer-title{font-family:var(--arcade-font);font-size:18px;background:linear-gradient(to bottom,#ff6,#ffd000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(2px 3px 0px #3D1800);letter-spacing:10px;text-align:center}@keyframes win-pulse{0%,to{text-shadow:0 0 8px rgba(74,222,128,.6)}50%{text-shadow:0 0 20px rgba(74,222,128,.9),0 0 40px rgba(74,222,128,.4)}}@keyframes lose-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes cupgoal-loader-fill{0%{--cupgoal-loader-angle: 0deg}to{--cupgoal-loader-angle: 360deg}}@keyframes cupgoal-loader-spin{to{transform:rotate(360deg)}}@keyframes cupgoal-ball-pop{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.03)}}@keyframes cupgoal-ball-float{0%{transform:translateY(1px) scale(.995)}to{transform:translateY(-3px) scale(1.015)}}