:root{color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#06142f;--panel:#081c3dc2;--cyan:#35d5ff;--mint:#8fffd5;--red:#ff3158;--yellow:#ffd447;background:#020817;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100svh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.lobby{background:linear-gradient(#35d5ff09 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#35d5ff09 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 78% 45%,#0d3562 0,#06142f 30%,#020817 67%);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.lobby:after{content:"";border:1px solid #35d5ff2e;border-radius:50%;width:92vw;height:72vh;position:absolute;bottom:-46vh;right:-12vw;transform:rotate(-8deg);box-shadow:0 0 80px #35d5ff14}.ambient{filter:blur(100px);opacity:.13;pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute}.ambient--one{background:var(--red);top:-160px;left:-60px}.ambient--two{background:var(--cyan);bottom:-220px;right:10%}.topbar{z-index:10;border-bottom:1px solid #8fffd524;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1440px,100% - 64px);margin:0 auto;padding:24px 0;display:grid;position:relative}.brand{color:#fff;letter-spacing:1.3px;align-items:center;gap:11px;width:max-content;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:21px;text-decoration:none;display:inline-flex}.season-pill{color:#8ba6bd;letter-spacing:1.8px;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:10px;font-weight:900;display:flex}.season-pill span{background:var(--mint);width:6px;height:6px;box-shadow:0 0 9px var(--mint);border-radius:50%}.wallet-panel{color:#fff;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081d3eb8;border:1px solid #35d5ff3b;border-radius:12px;justify-self:end;align-items:center;gap:10px;min-width:236px;min-height:51px;padding:8px 10px 8px 22px;display:flex}.wallet-panel:hover{border-color:var(--cyan)}.wallet-panel>div{flex-direction:column;flex:1;display:flex}.wallet-panel strong{letter-spacing:.9px;font-size:11px}.wallet-panel small{color:#7893ad;letter-spacing:.35px;margin-top:2px;font-size:9px}.wallet-dot{background:var(--cyan);background-clip:padding-box;border:7px solid #35d5ff29;border-radius:50%;width:28px;height:28px;box-shadow:0 0 15px #35d5ff57}.wallet-arrow{color:var(--cyan)}.wallet-panel--setup{cursor:default;opacity:.82}.wallet-panel--connected{cursor:default;min-width:310px}.wallet-panel--connected button{color:#06142f;background:var(--cyan);cursor:pointer;border:0;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:900}.wallet-panel--connected .wallet-disconnect{color:#7893ad;background:0 0;font-size:20px}.wallet-avatar{width:32px;height:32px;color:var(--yellow);background:linear-gradient(145deg,#173f68,#0b2147);border-radius:10px;place-items:center;font-size:10px;font-weight:900;display:grid}.wallet-panel .network-ok{color:var(--mint)}.wallet-panel .network-warn{color:var(--yellow)}.verified-badge{color:var(--mint);font-size:9px;font-weight:900}.hero-section{z-index:2;flex:1;grid-template-columns:minmax(440px,.88fr) 1.12fr;align-items:center;gap:30px;width:min(1440px,100% - 64px);margin:0 auto;padding:clamp(36px,6vh,90px) 0 40px;display:grid;position:relative}.hero-copy{z-index:3}.eyebrow{color:var(--mint);letter-spacing:2.8px;align-items:center;gap:9px;font-size:10px;font-weight:900;display:flex}.eyebrow span{color:var(--red);text-shadow:0 0 8px var(--red);font-size:9px}.hero-copy h1{letter-spacing:-3px;text-transform:uppercase;transform-origin:0;margin:20px 0 12px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(70px,7.5vw,122px);font-weight:900;line-height:.82;transform:scaleX(.92)}.hero-copy h1 em{color:#0000;-webkit-text-stroke:2px var(--cyan);filter:drop-shadow(0 0 8px #35d5ff40);font-style:normal}.hero-copy>p{color:#91a7bc;max-width:500px;margin:0 0 27px;font-size:clamp(14px,1.3vw,18px);font-weight:500}.mode-grid{gap:10px;width:min(100%,580px);display:grid}.mode-card{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(90deg,#0a2246f0,#071835ba);border:1px solid #7ba3c033;border-radius:13px;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;min-height:72px;padding:10px 17px 10px 12px;transition:all .18s;display:grid;position:relative;overflow:hidden}.mode-card:hover:not(:disabled){border-color:var(--cyan);transform:translate(5px);box-shadow:0 8px 30px #0000003d,inset 0 0 30px #35d5ff0f}.mode-card--featured{box-shadow:inset 3px 0 var(--red);background:linear-gradient(90deg,#6d102de0,#0f1b3cd4);border-color:#ff31588c}.mode-card--featured:hover:not(:disabled){border-color:var(--red)}.mode-card--locked{cursor:default;opacity:.56}.mode-icon{width:46px;height:46px;color:var(--cyan);background:#35d5ff14;border:1px solid #35d5ff47;border-radius:12px;place-items:center;font-weight:900;display:grid}.mode-card--featured .mode-icon{color:var(--yellow);background:#ff315824;border-color:#ff315866}.mode-card>span:nth-child(2){flex-direction:column;display:flex}.mode-card small{color:#6f8ca6;letter-spacing:1.7px;font-size:8px;font-weight:900}.mode-card strong{letter-spacing:1.1px;margin-top:3px;font-family:Impact,Arial Narrow Bold,sans-serif;font-size:17px;font-weight:500}.mode-arrow{color:var(--cyan);font-size:25px}.live-dot{color:var(--mint);letter-spacing:1px;border:1px solid #8fffd54d;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:900}.hero-meta{color:#58738e;letter-spacing:.8px;align-items:center;gap:15px;width:min(100%,580px);margin-top:19px;font-size:8px;font-weight:900;display:flex}kbd{color:#8ba8c0;min-width:19px;height:19px;font:inherit;background:#0a1d39;border:1px solid #244766;border-radius:4px;place-items:center;margin-right:2px;display:inline-grid}.onchain-label{color:#597d88;margin-left:auto}.hero-art{perspective:900px;min-height:min(650px,72vh);position:relative}.hero-art:before{content:"";background:radial-gradient(#2bffb730,#0b495514 48%,#0000 70%);border-radius:50%;width:94%;height:35%;position:absolute;bottom:7%;right:2%;transform:rotateX(65deg)}.stadium-ring{border:1px solid #35d5ff29;border-radius:50%;position:absolute;box-shadow:inset 0 0 65px #35d5ff0a}.stadium-ring--outer{inset:5% -3% 2% 4%;transform:rotate(-9deg)}.stadium-ring--inner{border-color:#ff31581c;inset:13% 8% 12% 15%;transform:rotate(13deg)}.fan-character{filter:drop-shadow(0 30px 27px #00000075);width:clamp(190px,19vw,300px);height:clamp(300px,33vw,470px);animation:3.4s ease-in-out infinite fan-float;position:absolute;bottom:18%}.fan-character--red{z-index:3;--fan-color:var(--red);--fan-accent:var(--yellow);left:5%;transform:rotate(-6deg)}.fan-character--blue{z-index:2;--fan-color:var(--cyan);--fan-accent:var(--mint);animation-delay:-1.4s;right:1%;transform:rotate(7deg)scale(.95)}.fan-face{z-index:2;aspect-ratio:1;background:radial-gradient(circle at 63% 28%, #ffffff6b 0 5%, transparent 6%), linear-gradient(145deg, color-mix(in srgb, var(--fan-color), white 35%), var(--fan-color) 54%, color-mix(in srgb, var(--fan-color), black 35%));border:clamp(5px,.6vw,9px) solid #081632;border-radius:48% 52% 46% 54%;width:80%;position:absolute;top:15%;left:10%;box-shadow:inset -18px -18px 30px #0000002e,inset 13px 12px 20px #ffffff26}.fan-scarf{z-index:4;color:#081632;background:var(--fan-accent);letter-spacing:2px;text-align:center;border:5px solid #081632;border-radius:9px;width:88%;padding:7px 5px;font-family:Impact,sans-serif;font-size:clamp(12px,1.5vw,21px);position:absolute;top:9%;left:6%;transform:rotate(-4deg)}.eye{aspect-ratio:.8;background:#fff;border-radius:50%;width:14%;position:absolute;top:42%;box-shadow:inset 4px -2px #152342}.eye--one{left:25%}.eye--two{right:25%}.smile{border-bottom:7px solid #081632;border-radius:50%;width:32%;height:15%;position:absolute;bottom:24%;left:35%}.fan-body{background:linear-gradient(110deg, var(--fan-color), color-mix(in srgb, var(--fan-color), black 43%));border:7px solid #081632;border-radius:48% 48% 20% 20%;width:57%;height:42%;position:absolute;bottom:2%;right:16%;transform:skew(-7deg)}.fan-boot{z-index:5;background:var(--fan-accent);border:7px solid #081632;border-radius:60% 25% 30% 30%;width:42%;height:17%;position:absolute;bottom:-1%;right:-5%;transform:rotate(-9deg)}.hero-ball{z-index:6;aspect-ratio:1;background:radial-gradient(circle at 35% 25%,#fff 0 9%,#0000 10%),conic-gradient(from 20deg,#fff,#dce7ed,#fff,#bacbd3,#fff);border:5px solid #0a1530;border-radius:50%;width:clamp(68px,7vw,108px);animation:5s linear infinite ball-spin;position:absolute;bottom:8%;right:25%;box-shadow:inset -12px -12px 18px #07142f33,0 12px 24px #00000073}.hero-ball span{clip-path:polygon(50% 0,100% 37%,82% 100%,18% 100%,0 37%);background:#0a1530;position:absolute;inset:28%}.versus-badge{z-index:8;color:#fff;text-shadow:-5px 4px 0 var(--red), 5px -3px 0 #087fae, 0 0 20px #fff;font-family:Impact,sans-serif;font-size:clamp(27px,4vw,56px);font-style:italic;position:absolute;top:39%;left:49%;transform:rotate(-7deg)}.spark{z-index:8;color:var(--yellow);text-shadow:0 0 15px var(--yellow);animation:1.6s ease-in-out infinite spark;position:absolute}.spark--one{font-size:30px;top:14%;left:9%}.spark--two{color:var(--cyan);font-size:20px;animation-delay:-.8s;top:28%;right:3%}.speed-line{background:linear-gradient(90deg, transparent, var(--cyan));height:3px;box-shadow:0 0 7px var(--cyan);position:absolute;transform:rotate(-18deg)}.speed-line--one{width:17%;top:30%;left:0}.speed-line--two{width:22%;bottom:28%;right:2%}.lobby-footer{z-index:3;color:#3e5871;letter-spacing:1.3px;border-top:1px solid #8fffd51a;justify-content:center;width:min(1440px,100% - 64px);margin:0 auto;padding:18px 0 24px;font-size:8px;font-weight:800;display:flex;position:relative}.footer-heart{letter-spacing:0;vertical-align:-1px;margin:0 2px;font-size:12px;line-height:1;display:inline-block}.game-screen{-webkit-user-select:none;user-select:none;touch-action:none;background:#020817;position:fixed;inset:0;overflow:hidden}.game-canvas,.game-canvas canvas{width:100%!important;height:100%!important}.game-canvas canvas{object-fit:contain}.game-hud{z-index:10;pointer-events:none;position:absolute;inset:0}.hud-top{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));grid-template-columns:1fr auto 1fr;align-items:start;display:grid}.scoreboard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020818e0;border:1px solid #35d5ff40;border-radius:14px;grid-template-columns:1fr 45px 74px 45px 1fr;align-items:center;min-width:410px;padding:7px 15px;display:grid;box-shadow:0 8px 26px #00000059}.scoreboard strong{text-align:center;font-family:Impact,sans-serif;font-size:28px}.scoreboard time{color:var(--yellow);text-align:center;background:#0d2041;border-radius:7px;padding:5px 8px;font-family:ui-monospace,monospace;font-size:16px;font-weight:900}.team-label{letter-spacing:1.4px;font-size:10px;font-weight:900}.team-label--home{color:var(--red)}.team-label--away{color:var(--cyan);text-align:right}.hud-actions{justify-self:end;gap:7px;display:flex}.hud-icon{color:#fff;cursor:pointer;pointer-events:auto;background:#020818c7;border:1px solid #ffffff2e;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.countdown,.goal-callout,.status-card{font-family:Impact,sans-serif;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.countdown{color:#fff;text-shadow:7px 7px 0 var(--red), -5px -5px 0 var(--cyan);font-size:clamp(90px,16vw,190px);animation:.65s ease-out count-pop}.goal-callout{color:var(--yellow);text-shadow:7px 7px 0 var(--red), 0 0 25px #ffd447a6;white-space:nowrap;font-size:clamp(55px,10vw,130px);font-style:italic;animation:.4s cubic-bezier(.15,.8,.3,1.2) goal-slam}.status-card{border:2px solid var(--cyan);background:#020818e6;border-radius:15px;padding:17px 32px;font-size:40px;box-shadow:0 0 30px #35d5ff38}.match-result{text-align:center;pointer-events:auto;background:#020a1df2;border:1px solid #35d5ff5c;border-radius:22px;min-width:390px;padding:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 90px #0009,inset 0 0 50px #35d5ff0f}.match-result>span{color:var(--mint);letter-spacing:3px;font-size:9px;font-weight:900}.match-result h2{letter-spacing:1px;margin:6px 0;font-family:Impact,sans-serif;font-size:48px}.match-result p{color:var(--yellow);margin:0 0 20px;font-size:24px;font-weight:900}.match-result div{gap:8px;display:flex}.primary-button,.secondary-button{border:1px solid var(--cyan);cursor:pointer;border-radius:9px;flex:1;padding:12px 17px;font-size:11px;font-weight:900}.touch-controls{right:max(24px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));z-index:12;pointer-events:none;justify-content:space-between;display:flex;position:absolute}.movement-pad,.action-pad{align-items:end;gap:11px;display:flex}.control-button{color:#fff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;background:#030e27ad;border:2px solid #ffffff59;border-radius:50%;width:clamp(58px,8vw,90px);height:clamp(58px,8vw,90px);font-size:clamp(15px,2vw,25px);font-weight:900;box-shadow:inset 0 0 20px #35d5ff1a}.control-button:active{background:#35d5ff52;transform:scale(.93)}.jump-button,.kick-button{letter-spacing:.6px;font-size:clamp(8px,1vw,12px)}.jump-button{border-color:#35d5ff94}.kick-button{background:#7d0c2f8f;border-color:#ff3158bf;width:clamp(68px,9vw,100px);height:clamp(68px,9vw,100px)}.away-key-hint{color:#ffffff61;letter-spacing:1px;font-size:8px;font-weight:900;position:absolute;bottom:105%;right:0}.rotate-device{display:none}@keyframes fan-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes ball-spin{to{rotate:360deg}}@keyframes spark{0%,to{opacity:.4;scale:.7}50%{opacity:1;scale:1.2}}@keyframes count-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.7)rotate(6deg)}}@keyframes goal-slam{0%{opacity:0;transform:translate(-50%,-50%)scale(2.5)rotate(8deg)}}@media (width<=900px){.topbar,.hero-section,.lobby-footer{width:calc(100% - 30px)}.topbar{grid-template-columns:1fr auto}.season-pill{display:none}.wallet-panel{min-width:0}.wallet-panel small{display:none}.wallet-panel--connected button:not(.wallet-disconnect){white-space:nowrap;align-items:center;padding:8px 10px;font-size:11px;display:inline-flex}.hero-section{grid-template-columns:1fr;padding-top:30px}.hero-art{z-index:-1;opacity:.42;width:80%;min-height:64vh;position:absolute;bottom:-10%;right:-18%}.hero-copy h1{font-size:clamp(66px,15vw,108px)}}@media (width<=620px){.brand>span:last-child{display:none}.wallet-panel{padding:6px 8px 6px 18px}.wallet-panel--setup div{display:none}.wallet-panel--setup{min-height:44px}.hero-copy h1{letter-spacing:-2px;margin-top:18px}.hero-meta,.lobby-footer{display:none}.scoreboard{grid-template-columns:1fr 34px 62px 34px 1fr;min-width:300px}}@media (orientation:portrait) and (width<=720px){.game-screen>:not(.rotate-device){visibility:hidden}.rotate-device{z-index:50;background:radial-gradient(circle,#0b3157,#020817 70%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.rotate-device span{color:var(--cyan);font-size:75px}.rotate-device strong{letter-spacing:2px;margin-top:18px;font-family:Impact,sans-serif;font-size:33px}.rotate-device small{color:#7791a8;margin-top:7px}}@media (hover:hover) and (pointer:fine){.touch-controls{opacity:.46}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--arcade-ink:#171717;--arcade-navy:#17233a;--arcade-cream:#f5e8c8;--arcade-paper:#dccda9;--arcade-red:#c83f35;--arcade-blue:#315f96;--arcade-gold:#e1ae3b}.lobby{background:radial-gradient(circle at 18% 45%, #c83f3524, transparent 34%), radial-gradient(circle at 82% 45%, #315f9629, transparent 36%), repeating-linear-gradient(0deg, #ffffff05 0 1px, transparent 1px 4px), var(--arcade-navy)}.lobby:before{content:"";opacity:.16;pointer-events:none;background-image:radial-gradient(circle, var(--arcade-cream) 1px, transparent 1.5px);background-size:12px 12px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 22%,#000 60%,#0000);mask-image:linear-gradient(90deg,#0000 22%,#000 60%,#0000)}.lobby:after{box-shadow:none;border:18px solid #f5e8c80f;bottom:-58vh;right:-14vw}.ambient{display:none}.topbar{border-bottom:4px solid var(--arcade-cream);box-shadow:0 5px 0 var(--arcade-ink);padding:18px 0}.brand{color:var(--arcade-cream);letter-spacing:2px;text-shadow:3px 3px 0 var(--arcade-ink);font-size:24px}.brand-logo{width:46px;height:46px;image-rendering:pixelated;box-shadow:4px 4px 0 var(--arcade-ink);display:block;transform:rotate(-4deg)}.season-pill{border:3px solid var(--arcade-ink);color:var(--arcade-ink);background:var(--arcade-cream);box-shadow:3px 3px 0 var(--arcade-ink);border-radius:4px}.season-pill span{background:var(--arcade-red);border-radius:1px}.wallet-panel{border:3px solid var(--arcade-ink);min-height:54px;color:var(--arcade-cream);box-shadow:4px 4px 0 var(--arcade-ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:#26334b;border-radius:5px}.wallet-panel:hover{border-color:var(--arcade-ink);box-shadow:3px 3px 0 var(--arcade-ink);background:#303f5c;transform:translate(1px,1px)}.wallet-dot{border:3px solid var(--arcade-ink);background:var(--arcade-gold);border-radius:3px}.wallet-arrow{color:var(--arcade-gold);font-size:20px;font-weight:900}.account-bar{justify-self:end;align-items:stretch;gap:14px;display:flex}.account-name,.account-profile,.account-exit,.account-switch{border:3px solid var(--arcade-ink);box-shadow:4px 4px 0 var(--arcade-ink);border-radius:5px;align-content:center;display:grid}.account-name{background:#26334b;min-width:148px;padding:7px 16px 8px}.account-name strong{max-width:190px;color:var(--arcade-cream);letter-spacing:.7px;text-overflow:ellipsis;white-space:nowrap;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:20px;font-weight:500;line-height:1;overflow:hidden}.account-name small{color:var(--arcade-gold);letter-spacing:1.2px;margin-top:4px;font-size:9px;font-weight:900}.account-name .network-warn{color:#ffb84a}.account-profile,.account-exit,.account-switch{letter-spacing:.8px;cursor:pointer;place-items:center;min-height:52px;padding:0 16px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:16px}.account-profile{color:var(--arcade-ink);background:var(--arcade-gold)}.account-exit,.account-switch{color:var(--arcade-cream);background:var(--arcade-red)}.account-profile:hover,.account-exit:hover,.account-switch:hover{box-shadow:3px 3px 0 var(--arcade-ink);transform:translate(1px,1px)}.account-profile__short{display:none}@media (width<=900px){.account-bar{gap:8px}.account-name{min-width:0;padding-inline:12px}.account-name strong{max-width:128px;font-size:17px}.account-name small{display:none}.account-profile,.account-exit,.account-switch{min-height:46px;padding-inline:12px;font-size:15px}.account-profile__full{display:none}.account-profile__short{display:inline}}@media (width<=640px){.topbar{grid-template-columns:1fr;row-gap:10px}.account-bar{justify-self:end}}.wallet-panel--connected button{border:2px solid var(--arcade-ink);color:var(--arcade-ink);background:var(--arcade-gold);box-shadow:2px 2px 0 var(--arcade-ink);border-radius:3px}.wallet-avatar{border:2px solid var(--arcade-ink);color:var(--arcade-ink);background:var(--arcade-gold);border-radius:3px}.hero-section{padding-top:clamp(30px,5vh,72px)}.eyebrow{border:2px solid var(--arcade-ink);width:max-content;color:var(--arcade-ink);background:var(--arcade-gold);box-shadow:3px 3px 0 var(--arcade-ink);letter-spacing:2px;padding:6px 10px;transform:rotate(-1deg)}.eyebrow span{color:var(--arcade-red)}.hero-copy h1{color:var(--arcade-cream);letter-spacing:-2px;text-shadow:7px 7px 0 var(--arcade-ink)}.hero-copy h1 em{color:var(--arcade-red);-webkit-text-stroke:3px var(--arcade-ink);text-shadow:6px 6px 0 var(--arcade-gold), 10px 10px 0 var(--arcade-ink)}.hero-copy>p{color:var(--arcade-paper);font-weight:700}.mode-grid{gap:12px}.mode-card{border:3px solid var(--arcade-ink);min-height:76px;color:var(--arcade-ink);background:var(--arcade-cream);box-shadow:6px 6px 0 var(--arcade-ink);border-radius:5px;transition:transform 90ms,box-shadow 90ms}.mode-card:hover:not(:disabled){border-color:var(--arcade-ink);box-shadow:3px 3px 0 var(--arcade-ink);transform:translate(3px,3px)}.mode-card--featured{border-color:var(--arcade-ink);color:#fff8e8;background:var(--arcade-red);box-shadow:6px 6px 0 var(--arcade-gold), 10px 10px 0 var(--arcade-ink)}.mode-card--featured:hover:not(:disabled){border-color:var(--arcade-ink);box-shadow:3px 3px 0 var(--arcade-gold), 6px 6px 0 var(--arcade-ink)}.mode-card--locked{color:#696252;filter:saturate(.5);background:#b9ad91}.mode-icon{border:3px solid var(--arcade-ink);color:var(--arcade-ink);background:var(--arcade-gold);border-radius:50%}.mode-card--featured .mode-icon{border-color:var(--arcade-ink);color:var(--arcade-ink);background:var(--arcade-gold)}.mode-card small{color:#6c604a}.mode-card--featured small{color:#f3cfb0}.mode-card strong{letter-spacing:1.5px;font-size:20px}.mode-arrow{color:var(--arcade-ink);font-size:30px;font-weight:900}.live-dot{border:2px solid var(--arcade-ink);color:var(--arcade-ink);background:var(--arcade-paper);border-radius:3px}.hero-meta{color:var(--arcade-paper)}kbd{border:2px solid var(--arcade-ink);color:var(--arcade-ink);background:var(--arcade-cream);box-shadow:2px 2px 0 var(--arcade-ink);border-radius:3px}.onchain-label{color:var(--arcade-paper)}.stadium-ring{box-shadow:none;border-width:10px;border-color:#f5e8c814}.stadium-ring--inner{border-color:#c83f351a}.versus-badge{color:var(--arcade-cream);text-shadow:-5px 4px 0 var(--arcade-red), 5px -3px 0 var(--arcade-blue), 8px 7px 0 var(--arcade-ink)}.spark{color:var(--arcade-gold);text-shadow:2px 2px 0 var(--arcade-ink)}.spark--two{color:var(--arcade-cream)}.speed-line{background:var(--arcade-cream);height:5px}.lobby-footer{border-top:3px solid var(--arcade-cream);color:var(--arcade-paper)}.hud-top{padding-top:max(10px, env(safe-area-inset-top))}.scoreboard{border:4px solid var(--arcade-cream);background:linear-gradient(90deg, var(--arcade-red) 0 17%, var(--arcade-ink) 17% 83%, var(--arcade-blue) 83% 100%);min-width:430px;box-shadow:0 5px 0 var(--arcade-ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:6px;padding:5px 10px}.scoreboard strong{color:#fff;text-shadow:3px 3px 0 var(--arcade-ink);font-size:32px}.scoreboard time{color:#fff0a8;text-shadow:2px 2px #1b1407;background:#4f3d15;border:3px inset #765b20;border-radius:2px;font-family:Courier New,ui-monospace,monospace;font-size:18px}.team-label{text-shadow:2px 2px 0 var(--arcade-ink);font-size:11px;color:#fff!important}.hud-icon{border:3px solid var(--arcade-cream);width:46px;height:46px;color:var(--arcade-cream);background:var(--arcade-ink);border-radius:5px;font-weight:900;box-shadow:4px 4px #0000008c}.hud-icon:active{transform:translate(2px,2px);box-shadow:2px 2px #0000008c}.countdown{color:var(--arcade-cream);-webkit-text-stroke:4px var(--arcade-ink);text-shadow:10px 8px 0 var(--arcade-red), -8px -6px 0 var(--arcade-blue)}.goal-callout{border:5px solid var(--arcade-ink);color:var(--arcade-ink);background:var(--arcade-gold);box-shadow:10px 10px 0 var(--arcade-red);text-shadow:none;padding:8px 22px}.status-card,.match-result{border:5px solid var(--arcade-cream);color:var(--arcade-cream);background:repeating-linear-gradient(135deg, #ffffff08 0 4px, transparent 4px 9px), var(--arcade-navy);box-shadow:9px 9px 0 var(--arcade-ink);border-radius:6px}.match-result>span{color:var(--arcade-gold)}.match-result h2{color:var(--arcade-cream);text-shadow:4px 4px 0 var(--arcade-red)}.match-result p{color:var(--arcade-gold)}.primary-button,.secondary-button{border:3px solid var(--arcade-ink);box-shadow:4px 4px 0 var(--arcade-ink);border-radius:4px}.primary-button{color:var(--arcade-ink);background:var(--arcade-gold)}.secondary-button{color:var(--arcade-ink);background:var(--arcade-cream)}.control-button{border:4px solid var(--arcade-cream);color:var(--arcade-cream);background:var(--arcade-blue);-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:2px 2px 0 var(--arcade-ink);box-shadow:0 6px #173353,0 9px #0000006b}.control-button:active{background:#254b78;transform:translateY(4px);box-shadow:0 2px #173353,0 4px #0000006b}.jump-button{border-color:var(--arcade-cream);background:var(--arcade-blue)}.kick-button{border-color:var(--arcade-cream);background:var(--arcade-red);box-shadow:0 6px #70231e,0 9px #0000006b}.kick-button:active{background:#a6322a;box-shadow:0 2px #70231e,0 4px #0000006b}.rotate-device{background:radial-gradient(circle, #e1ae3b1a, transparent 38%), var(--arcade-navy)}.rotate-device span{color:var(--arcade-gold);text-shadow:4px 4px 0 var(--arcade-ink)}@media (width<=620px){.scoreboard{border-width:3px;grid-template-columns:1fr 34px 62px 34px 1fr;min-width:306px}}.hero-section{grid-template-columns:minmax(0,1fr);width:min(860px,100% - 48px);padding:clamp(28px,5vh,64px) 0 42px}.hero-copy{width:100%}.hero-copy h1{max-width:820px;margin:24px 0 16px;font-size:clamp(68px,9vw,108px);line-height:.86}.hero-copy>p{max-width:620px;margin-bottom:32px;font-size:17px}.mode-grid{width:min(100%,700px);margin-top:28px}.mode-grid:before{color:var(--arcade-gold);content:"SELECT GAME MODE";letter-spacing:2.5px;text-shadow:2px 2px 0 var(--arcade-ink);margin:0 0 4px 2px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:14px;display:block}.mode-card{width:calc(100% - 10px)}.hero-meta{width:min(100%,690px)}@media (width<=620px){.lobby{background:linear-gradient(#17233ac7,#17233af5),radial-gradient(circle,#f5e8c83d 1px,#0000 1.5px);background-color:var(--arcade-navy);background-size:auto,12px 12px;min-height:100svh;overflow-y:auto}.lobby:before,.lobby:after{display:none}.topbar{width:calc(100% - 32px);box-shadow:0 4px 0 var(--arcade-ink);border-bottom-width:3px;padding:12px 0 13px}.brand{gap:9px;font-size:18px}.brand>span:last-child{display:inline}.brand-logo{width:40px;height:40px;box-shadow:3px 3px 0 var(--arcade-ink)}.wallet-panel--setup{min-width:auto;min-height:40px;padding:5px 9px}.wallet-panel--setup:after{color:var(--arcade-cream);content:"SOCIOS";letter-spacing:1px;font-size:9px;font-weight:900}.hero-section{width:calc(100% - 40px);padding:20px 0 28px}.eyebrow{letter-spacing:1.65px;box-shadow:3px 3px 0 var(--arcade-ink);padding:5px 8px;font-size:8px}.hero-copy h1{letter-spacing:-1px;text-shadow:5px 5px 0 var(--arcade-ink);margin:14px 0 10px;font-size:clamp(54px,12vw,72px);line-height:.87}.hero-copy h1 em{-webkit-text-stroke-width:2px;text-shadow:4px 4px 0 var(--arcade-gold), 7px 7px 0 var(--arcade-ink)}.hero-copy>p{margin:0 0 14px;font-size:14px;line-height:1.45}.mode-grid{gap:9px;margin-top:10px}.mode-grid:before{margin-bottom:3px;font-size:11px}.mode-card{min-height:64px;box-shadow:5px 5px 0 var(--arcade-ink);grid-template-columns:42px 1fr auto;gap:9px;padding:8px 12px 8px 9px}.mode-card--featured{box-shadow:5px 5px 0 var(--arcade-gold), 8px 8px 0 var(--arcade-ink)}.mode-icon{width:39px;height:39px}.mode-card strong{font-size:18px}.mode-card small{font-size:7px}.mode-arrow{font-size:26px}.lobby-footer{gap:12px;width:calc(100% - 40px);padding:13px 0 18px;font-size:6px;display:flex}}@media (width<=400px){.brand>span:last-child{display:none}.hero-copy h1{font-size:clamp(48px,15vw,60px)}}.profile-overlay{z-index:100000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#090c13d1;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.profile-modal{border:5px solid var(--arcade-cream);width:min(1080px,100%);max-height:min(900px,100svh - 44px);color:var(--arcade-ink);box-shadow:12px 12px 0 var(--arcade-ink);background:#e7dab9;border-radius:7px;flex-direction:column;display:flex;overflow:hidden}.profile-modal__header{border-bottom:5px solid var(--arcade-ink);color:var(--arcade-cream);background:radial-gradient(circle, #f5e8c817 1px, transparent 1.5px), var(--arcade-navy);background-size:11px 11px;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.profile-modal__header>div{gap:1px;display:grid}.profile-modal__header span,.profile-modal__header small{color:var(--arcade-gold);letter-spacing:2px;font-size:9px;font-weight:900}.profile-modal__header h2{letter-spacing:1.5px;text-shadow:3px 3px 0 var(--arcade-red);margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:31px;font-weight:500}.profile-modal__header>button{border:3px solid var(--arcade-cream);width:43px;height:43px;color:var(--arcade-cream);background:var(--arcade-red);cursor:pointer;border-radius:4px;font-size:27px;box-shadow:3px 3px #000}.profile-modal__body{flex:1;grid-template-columns:285px minmax(0,1fr);min-height:0;display:grid}.profile-card-preview{border-right:5px solid var(--arcade-ink);background:linear-gradient(#17233aeb, #17233afa), radial-gradient(circle, var(--arcade-cream) 1px, transparent 1.5px);color:var(--arcade-cream);text-align:center;background-size:auto,12px 12px;flex-direction:column;align-items:center;padding:20px 16px;display:flex}.profile-card-preview__label{border:2px solid var(--arcade-gold);color:var(--arcade-gold);letter-spacing:2px;align-self:stretch;padding:6px;font-size:9px;font-weight:900}.profile-card-preview>strong{letter-spacing:1px;text-overflow:ellipsis;width:100%;text-shadow:3px 3px 0 var(--arcade-red);text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:27px;font-weight:500;overflow:hidden}.profile-card-preview>small{color:var(--arcade-paper);letter-spacing:1px;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:800}.profile-head-preview{border:5px solid var(--arcade-ink);background:radial-gradient(circle at 34% 28%, var(--preview-skin-light) 0 8%, transparent 9%), radial-gradient(circle at 35% 30%, var(--preview-skin-light), var(--preview-skin) 66%);border-radius:50%;flex:none;width:142px;height:142px;margin:25px auto 16px;position:relative;box-shadow:5px 6px #00000073}.profile-hair{border:4px solid var(--arcade-ink);background:linear-gradient(135deg, var(--preview-hair-light), var(--preview-hair) 55%);height:50px;position:absolute;top:-8px;left:-3px;right:-3px}.profile-hair--spiky{clip-path:polygon(0 82%,7% 31%,15% 66%,24% 10%,34% 60%,45% 0,55% 58%,68% 8%,76% 64%,88% 26%,100% 82%)}.profile-hair--quiff{border-radius:60% 42% 25% 20%;height:55px;transform:rotate(-4deg)}.profile-preview-eye{border:3px solid var(--arcade-ink);background:radial-gradient(circle at 58% 58%, var(--arcade-ink) 0 4px, #6f4a2d 4.5px 7px, #fff 7.5px);border-radius:50%;width:24px;height:28px;position:absolute;top:57px}.profile-preview-eye--one{left:38px}.profile-preview-eye--two{right:31px}.profile-preview-smile{border-bottom:5px solid var(--arcade-ink);border-radius:50%;width:45px;height:20px;position:absolute;bottom:27px;right:37px}.profile-preview-scarf{border:3px solid var(--arcade-ink);background:repeating-linear-gradient(90deg, var(--preview-kit) 0 18px, var(--preview-accent) 18px 25px);height:22px;position:absolute;bottom:-5px;left:13px;right:13px;transform:rotate(-2deg)}.profile-stats{grid-template-columns:repeat(3,1fr);gap:5px;width:100%;margin-top:auto;padding-top:18px;display:grid}.profile-stats span{border:2px solid var(--arcade-cream);color:var(--arcade-paper);letter-spacing:.5px;background:#00000029;padding:8px 2px;font-size:7px;font-weight:900;display:grid}.profile-stats strong{color:var(--arcade-gold);font-family:Impact,sans-serif;font-size:23px;font-weight:500}.profile-editor{min-height:0;padding:18px;overflow-y:auto}.profile-section{border:3px solid var(--arcade-ink);background:var(--arcade-cream);padding:15px;box-shadow:4px 4px #17171733}.profile-section+.profile-section{margin-top:14px}.profile-section__title{align-items:center;gap:10px;margin-bottom:13px;display:flex}.profile-section__title>span{border:3px solid var(--arcade-ink);width:33px;height:33px;color:var(--arcade-ink);background:var(--arcade-gold);flex:none;place-items:center;font-family:Impact,sans-serif;font-size:15px;display:grid}.profile-section__title>div{display:grid}.profile-section__title strong{letter-spacing:1px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:19px;font-weight:500}.profile-section__title small{color:#71664e;letter-spacing:1px;text-transform:uppercase;font-size:8px;font-weight:800}.nickname-field{gap:8px;display:flex}.nickname-field input{border:3px solid var(--arcade-ink);min-width:0;color:var(--arcade-ink);background:#fffaf0;border-radius:0;outline:none;flex:1;padding:10px 12px;font:900 16px/1.2 Courier New,monospace}.nickname-field input:focus{box-shadow:inset 0 -4px var(--arcade-gold)}.nickname-field button,.nickname-actions button{border:3px solid var(--arcade-ink);color:var(--arcade-ink);background:var(--arcade-gold);box-shadow:3px 3px 0 var(--arcade-ink);cursor:pointer;font-size:9px;font-weight:900}.nickname-field button:disabled,.nickname-actions button:disabled{cursor:not-allowed;filter:grayscale();opacity:.45}.nickname-status,.profile-contract-notice{color:#71664e;margin:8px 0 0;font-size:9px;font-weight:800}.nickname-status--available{color:#277143}.nickname-status--taken,.profile-contract-notice{color:#a12f28}.nickname-actions{color:#71664e;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:8px;font-weight:800;display:flex}.nickname-actions button{color:#fff;background:var(--arcade-red);padding:7px 9px}.preset-grid{grid-template-columns:repeat(6,minmax(70px,1fr));gap:8px;display:grid}.preset-grid>button{min-width:0;color:var(--arcade-ink);cursor:pointer;background:#dfd2b2;border:2px solid #8f8267;flex-direction:column;align-items:center;gap:5px;padding:7px 5px 6px;display:flex;position:relative}.preset-grid>button:hover{border-color:var(--arcade-ink)}.preset-grid>button.is-selected{border:3px solid var(--arcade-ink);background:var(--arcade-gold);box-shadow:3px 3px 0 var(--arcade-ink);transform:translate(-1px,-1px)}.preset-grid>button.is-selected:after{border:2px solid var(--arcade-ink);color:#fff;content:"✓";background:#277143;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:900;display:grid;position:absolute;top:-7px;right:-7px}.preset-grid>button>span:last-child{letter-spacing:.3px;text-overflow:ellipsis;text-transform:uppercase;width:100%;font-size:8px;font-weight:900;overflow:hidden}.preset-grid--heads .profile-head-preview{border-width:2px;width:53px;height:53px;margin:0;box-shadow:2px 2px #0000004d}.preset-grid--heads .profile-hair{border-width:2px;height:20px;top:-4px;left:-2px;right:-2px}.preset-grid--heads .profile-preview-eye{background:radial-gradient(circle at 60% 60%,#171717 0 2px,#fff 2.5px);border-width:1px;width:9px;height:11px;top:21px}.preset-grid--heads .profile-preview-eye--one{left:14px}.preset-grid--heads .profile-preview-eye--two{right:10px}.preset-grid--heads .profile-preview-smile{border-bottom-width:2px;width:17px;height:8px;bottom:9px;right:13px}.preset-grid--heads .profile-preview-scarf{background:var(--preview-kit);border-width:1px;height:9px;bottom:-3px;left:4px;right:4px}.profile-kit{border:2px solid var(--arcade-ink);background-color:var(--kit-primary);clip-path:polygon(18% 5%,36% 0,42% 13%,58% 13%,64% 0,82% 5%,100% 27%,84% 39%,77% 27%,77% 100%,23% 100%,23% 27%,16% 39%,0 27%);width:49px;height:49px;display:block;position:relative}.profile-kit--stripes{background:repeating-linear-gradient(90deg, var(--kit-primary) 0 9px, var(--kit-accent) 9px 14px)}.profile-kit--hoops{background:repeating-linear-gradient(0deg, var(--kit-primary) 0 9px, var(--kit-accent) 9px 14px)}.profile-kit--sash{background:linear-gradient(125deg, var(--kit-primary) 0 40%, var(--kit-accent) 40% 55%, var(--kit-primary) 55%)}.profile-modal__footer{border-top:5px solid var(--arcade-ink);background:#cbbd9b;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:10px 16px;display:flex}.profile-modal__footer span{color:#5f553f;font-size:9px;font-weight:800}.profile-modal__footer button{border:3px solid var(--arcade-ink);color:#fff;background:var(--arcade-red);box-shadow:4px 4px 0 var(--arcade-ink);letter-spacing:1px;cursor:pointer;padding:11px 22px;font-family:Impact,sans-serif;font-size:17px}@media (width<=760px){.profile-overlay{padding:0}.profile-modal{width:100%;height:100svh;max-height:100svh;box-shadow:none;border:0;border-radius:0}.profile-modal__header{padding:max(10px, env(safe-area-inset-top)) 12px 10px}.profile-modal__header h2{font-size:24px}.profile-modal__body{display:block;overflow-y:auto}.profile-card-preview{border-right:0;border-bottom:5px solid var(--arcade-ink);text-align:left;grid-template-rows:auto auto auto 1fr;grid-template-columns:130px 1fr;align-items:center;min-height:165px;padding:12px 16px;display:grid;position:relative}.profile-card-preview__label{text-align:center;grid-column:1/-1}.profile-card-preview>.profile-head-preview{grid-row:2/5;width:105px;height:105px;margin:11px 12px 5px 3px}.profile-card-preview>strong{align-self:end;font-size:24px}.profile-stats{margin:6px 0 0;padding:0}.profile-editor{padding:12px;overflow:visible}.preset-grid{grid-template-columns:repeat(3,1fr)}.profile-modal__footer{min-height:58px;padding-bottom:max(10px, env(safe-area-inset-bottom))}.profile-modal__footer span{max-width:55%}}.online-modal{width:min(440px,100%)}.online-modal__body{gap:12px;padding:20px;font-weight:800;display:grid}.online-modal__body p,.online-modal__body small{margin:0;font-size:13px;line-height:1.45}.online-modal__body .primary-button,.online-modal__body .secondary-button{cursor:pointer;width:100%;padding:13px 16px}.online-modal__body button:disabled{opacity:.5;cursor:not-allowed}.online-status{letter-spacing:2px;text-align:center}.online-error{border:3px solid var(--arcade-ink);color:var(--arcade-cream);background:var(--arcade-red);padding:9px 12px}.online-join{grid-template-columns:1fr auto;gap:8px;display:grid}.online-join input{border:3px solid var(--arcade-ink);min-width:0;color:var(--arcade-ink);background:var(--arcade-cream);font:inherit;letter-spacing:4px;text-align:center;border-radius:4px;padding:10px 12px;font-weight:900}.online-code{border:4px dashed var(--arcade-ink);color:var(--arcade-ink);background:var(--arcade-gold);letter-spacing:10px;cursor:pointer;padding:12px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:44px}.team-label--you{text-underline-offset:4px;text-decoration:underline}.rating-strip{border:2px solid var(--arcade-ink);color:var(--arcade-cream);background:var(--arcade-navy);letter-spacing:2px;pointer-events:none;border-radius:3px;align-items:center;gap:10px;padding:2px 12px;font-size:10px;font-weight:900;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)}.rating-strip strong{color:var(--arcade-gold)}.elo-change{letter-spacing:2px;margin-top:4px;font-size:14px;font-weight:900;display:block}.elo-change--up{color:#7dff9a}.elo-change--down{color:#ff8a8a}.power-chips{pointer-events:none;flex-direction:column;gap:4px;max-width:42%;display:flex;position:absolute;top:100px}.power-chips--home{align-items:flex-start;left:14px}.power-chips--away{align-items:flex-end;right:14px}.power-chip{border:2px solid var(--arcade-cream);color:var(--arcade-cream);letter-spacing:1.5px;background:#081228db;border-radius:3px;align-items:center;gap:6px;padding:2px 9px;font-size:11px;font-weight:900;display:inline-flex}.power-chip i,.power-toast i{font-style:normal}.power-toast{border:5px solid var(--arcade-ink);min-width:190px;color:var(--arcade-ink);background:var(--arcade-gold);box-shadow:8px 8px 0 var(--arcade-red);text-align:center;pointer-events:none;justify-items:center;padding:8px 22px;animation:.22s ease-out power-toast-in;display:grid;position:absolute;top:24%;left:50%;transform:translate(-50%)}.power-toast--away{box-shadow:8px 8px 0 var(--arcade-blue)}.power-toast i{font-size:26px}.power-toast strong{letter-spacing:2px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:26px;font-weight:500}.power-toast small{letter-spacing:1px;font-size:11px;font-weight:900}@keyframes power-toast-in{0%{opacity:0;transform:translate(-50%)scale(.7)}}@media (height<=520px){.power-chips{top:70px}.power-toast{padding:4px 16px;top:20%}}.match-history,.online-leaders{gap:4px;margin:0;padding:0;list-style:none;display:grid}.match-history li{border:3px solid var(--arcade-ink);background:var(--arcade-cream);border-radius:3px;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:6px 10px;font-size:12px;font-weight:800;display:grid}.match-history b{letter-spacing:1px}.match-history__win b{color:#1c8a3d}.match-history__loss b{color:#b52b2b}.online-leaders li{border:2px solid var(--arcade-ink);background:var(--arcade-cream);border-radius:3px;grid-template-columns:24px 1fr auto;gap:8px;padding:3px 8px;font-size:12px;font-weight:800;display:grid}.online-leaders .online-leaders__title{letter-spacing:2px;background:0 0;border:0;font-size:10px;display:block}