@import"https://fonts.googleapis.com/css2?family=Lilita+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800;1,900&family=Barlow:wght@500;600;700&display=swap";:root{font-family:Barlow,Arial,sans-serif;color:#fff9dc;background:#111b20;--ink:#10191d;--paper:#fff4d4;--yellow:#ffda39;--red:#e83d30;--blue:#168ac8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(#ffffff09 1px,transparent 1px) 0 0/7px 7px,#111b20}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;filter:grayscale(.65);opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible{outline:4px solid #fff;outline-offset:5px}[hidden]{display:none!important}.masthead,.subfooter,.panel-bottom,.team-mark,.team .eyebrow,.turn-number,.readiness,#hint,#result-detail,.pitch-stop>span,.ticker-label{display:none}.page,main,.game-layout,.arena-shell{width:100%}.arena-shell{display:flex;min-height:100dvh;align-items:center;justify-content:center}.arena{position:relative;width:min(100%,150dvh);aspect-ratio:3/2;isolation:isolate;background:#182b25;overflow:clip}#game{position:absolute;inset:0;overflow:clip}#game canvas{display:block!important}.brand{position:absolute;z-index:5;top:8px;left:50%;transform:translate(-50%) rotate(-3deg);font:italic 900 clamp(18px,2.5vw,31px)/1 "Barlow Condensed",Impact,sans-serif;color:var(--red);text-decoration:none;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:2px 3px var(--ink);white-space:nowrap}.brand span,.brand i{color:var(--yellow)}.scoreboard{position:absolute;top:12px;left:3%;right:3%;height:78px;display:grid;grid-template-columns:1fr 140px 1fr;gap:14px;z-index:4;pointer-events:none}.team{display:flex;align-items:center;padding:8px 20px;border:5px solid var(--ink);box-shadow:inset 0 3px #ffffff70,4px 5px var(--ink);transform:skew(-8deg);background:linear-gradient(110deg,#ff6050,var(--red))}.team.blue{background:linear-gradient(110deg,var(--blue),#076bab);justify-content:flex-end;transform:skew(8deg)}.team h2{font:italic 900 clamp(22px,3.6vw,42px)/1 "Barlow Condensed",Impact,sans-serif;margin:0;color:#fff9e8;letter-spacing:1px;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px var(--ink)}.scorecentre{padding-top:30px;text-align:center}.matchtype{display:none}.score{display:flex;justify-content:center;gap:15px;font:900 36px/1 Barlow Condensed,Impact,sans-serif;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.score i{font-style:normal;color:var(--yellow)}.arena-top{position:absolute;z-index:5;top:103px;left:3%;right:3%;display:flex;justify-content:space-between;gap:10px;font:italic 800 15px Barlow Condensed,Impact,sans-serif;text-shadow:2px 2px var(--ink)}#stage-label{position:absolute;top:-13px;left:50%;transform:translate(-50%) rotate(-2deg);background:var(--ink);padding:6px 18px;white-space:nowrap;clip-path:polygon(4% 0,97% 0,100% 20%,97% 45%,100% 85%,94% 100%,0 95%,3% 63%,0 25%)}#possession-label{margin-left:auto}.pitch-progress{display:none}.tools{position:absolute;top:134px;right:3%;display:flex;gap:8px;z-index:6}.tool,.text-button{border:3px solid var(--ink);border-radius:0;box-shadow:2px 3px var(--ink);background:var(--paper);color:var(--ink);font:800 13px Barlow Condensed,Impact,sans-serif;text-transform:uppercase;padding:6px 10px;transform:rotate(-2deg)}.tools #sound span{display:none}.tools #sound{min-width:32px}.tools #rules span{display:none}.play-panel{position:absolute;bottom:3%;left:50%;transform:translate(-50%) rotate(-1deg);z-index:7;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(760px,92%);border:5px solid var(--ink);box-shadow:5px 6px var(--ink),inset 0 3px #ffffff70;padding:10px 15px;background:linear-gradient(100deg,#ee4833,#bd241d)}.panel-heading{display:none}.play-panel h1{font:italic 900 clamp(19px,2.8vw,32px)/1 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;margin:0;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:2px 3px var(--ink)}.primary{border:3px solid var(--ink);box-shadow:3px 3px var(--ink);border-radius:0;background:var(--yellow);color:var(--ink);font:italic 900 22px/1.1 Barlow Condensed,Impact,sans-serif;text-transform:uppercase;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.primary:hover:not(:disabled){background:#fff17c;transform:translateY(-2px)}.primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px var(--ink)}.play-panel .primary{flex-shrink:0}.is-playing .play-panel{visibility:hidden}.match-footer{position:absolute;left:3%;bottom:14%;z-index:5}.ticker{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.text-button{font-size:11px;padding:4px 8px}.move-reveal{position:absolute;z-index:8;top:12px;left:3%;right:3%;display:grid;grid-template-columns:1fr 100px 1fr;gap:10px;pointer-events:none}.move-reveal span{background:var(--red);color:#fff;border:5px solid var(--ink);box-shadow:4px 5px var(--ink),inset 0 3px #ffffff80;padding:14px;transform:skew(-8deg);font:italic 900 clamp(22px,4vw,47px)/1 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px var(--ink)}.move-reveal span:after{content:"✓ LOCKED IN";display:block;font:italic 800 15px Barlow Condensed,sans-serif;-webkit-text-stroke:0;text-shadow:none;color:#a8f167;margin-top:8px}.move-reveal span:last-child{background:var(--blue);text-align:right;transform:skew(8deg)}.move-reveal i{text-align:center;align-self:center;font:italic 900 30px Barlow Condensed,sans-serif;color:var(--yellow);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.arena:has(.move-reveal:not([hidden])) .scoreboard,.arena:has(.move-reveal:not([hidden])) .brand{visibility:hidden}#loader{position:absolute;inset:0;z-index:30;background:#23382c;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-ball{width:60px;color:var(--yellow)}#loader h2{font:italic 900 36px Barlow Condensed,sans-serif}progress{accent-color:var(--yellow);width:50%}dialog{width:min(780px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:30px;border:6px solid var(--ink);border-radius:0;color:var(--ink);background:radial-gradient(#17212618 1px,transparent 1px) 0 0/6px 6px,var(--paper);box-shadow:10px 12px var(--ink)}dialog::backdrop{background:#10191da8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font:italic 900 48px/.95 Barlow Condensed,Impact,sans-serif;text-transform:uppercase;margin:12px 0 18px}dialog p{font-size:14px;line-height:1.5}dialog .eyebrow{font:800 13px Barlow Condensed,sans-serif;letter-spacing:2px;background:var(--ink);color:var(--yellow);padding:4px 8px}.dialog-close{float:right;background:var(--red);color:#fff;border:3px solid var(--ink);box-shadow:2px 2px var(--ink);font:700 26px Arial;min-width:40px;min-height:40px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.move-card{position:relative;border:4px solid var(--ink);box-shadow:4px 5px var(--ink);border-radius:0;background:linear-gradient(150deg,#ff6544,#c72d26);color:#fff;padding:18px 12px;text-align:left;transform:rotate(-2deg);min-height:185px;display:flex;flex-direction:column;gap:14px}.move-card:nth-child(2){background:linear-gradient(150deg,#39bdf1,#0872aa);transform:rotate(1deg)}.move-card:nth-child(3){background:linear-gradient(150deg,#ffe779,#e8ac29);color:var(--ink);transform:rotate(-1deg)}.move-card strong{display:block;font:italic 900 28px/1 Barlow Condensed,Impact,sans-serif;text-transform:uppercase}.move-card small{display:block;margin-top:10px;font-size:12px;line-height:1.35}.move-icon{font:700 40px Arial}.move-card kbd{position:absolute;top:8px;right:10px;font:800 15px Barlow Condensed,sans-serif}.move-card[aria-pressed=true]{outline:5px solid #fff;outline-offset:-10px;transform:translateY(-7px) rotate(0);box-shadow:5px 10px var(--ink)}.move-card[aria-pressed=true] kbd:after{content:" ✓"}.modal-note{text-align:center;font-style:italic}#confirm-move{width:100%;justify-content:center}.rule-matrix{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-block:3px solid var(--ink);padding:14px 0}.rule-matrix span{font-size:11px}.rule-matrix b,.rule-matrix strong{font:800 22px Barlow Condensed,sans-serif}.dialog-actions{display:flex;gap:15px;margin-top:24px}dialog select{width:100%;padding:12px;margin-top:10px;border:3px solid var(--ink);background:#fff}dialog label{display:block}.small-print{font-size:11px}@media(max-width:760px){.arena-shell{align-items:flex-start}.arena{width:100%;aspect-ratio:auto;min-height:100dvh;padding-top:132px;padding-bottom:138px;overflow:clip}#game{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2}.scoreboard{height:61px;grid-template-columns:1fr 78px 1fr;gap:6px;top:12px}.team{padding:7px;border-width:3px}.team h2{font-size:23px;-webkit-text-stroke:1px}.score{font-size:29px;gap:7px}.scorecentre{padding-top:25px}.brand{font-size:18px;top:12px}.arena-top{top:89px;font-size:12px}#stage-label{top:-11px;font-size:12px;padding:5px 10px}.tools{top:109px;right:3%}.tool{padding:4px 8px;font-size:11px}.play-panel{bottom:20px;flex-direction:column;align-items:stretch;padding:10px;gap:9px;border-width:4px}.play-panel h1{font-size:25px;text-align:center}.play-panel .primary{font-size:21px;justify-content:center;padding:11px}.match-footer{bottom:144px}.move-reveal{top:12px;grid-template-columns:1fr 35px 1fr;gap:6px}.move-reveal span{font-size:23px;padding:8px;border-width:3px;-webkit-text-stroke:1px}.move-reveal span:after{font-size:11px}.move-reveal i{font-size:24px}dialog{padding:20px 16px;border-width:4px;width:calc(100% - 24px)}dialog h2{font-size:38px}.choices{gap:10px;grid-template-columns:1fr;margin:18px 0}.move-card{min-height:88px;flex-direction:row;align-items:center;padding:12px;gap:15px}.move-icon{font-size:32px;width:35px;flex:none}.move-card strong{font-size:25px}.move-card small{font-size:11px;margin-top:5px}.dialog-actions{flex-direction:column}.dialog-actions .primary{width:100%}.modal-note{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(min-width:761px){.play-panel{bottom:1%}}@media(max-width:760px){.arena-shell{align-items:center}.arena{min-height:0;padding-bottom:155px}.play-panel{bottom:8px}.match-footer{bottom:125px}.arena{background:radial-gradient(#ffffff09 1px,transparent 1px) 0 0/7px 7px,#182b25}}:root{--comic:"Lilita One","Arial Rounded MT Bold",Impact,sans-serif}body{background:#162426}.arena{background:#21322b}.team,.team.blue,.move-reveal span,.move-reveal span:last-child{transform:none;background:#e92d26;border:0;box-shadow:none;clip-path:polygon(0 0,100% 2%,97% 22%,99% 23%,94% 96%,3% 100%,1% 24%,3% 24%);padding:13px 12px 12px 100px;position:relative;isolation:isolate}.team:before,.move-reveal span:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--ink);clip-path:polygon(0 0,100% 2%,97% 22%,99% 23%,94% 96%,3% 100%,1% 24%,3% 24%)}.team:after{content:"";position:absolute;z-index:-1;inset:7px;background:#e92d26;border-top:4px solid #ff9184;clip-path:polygon(0 0,100% 0,94% 100%,3% 100%)}.team.blue:after{background:#148bc5;border-color:#71caed}.team h2{font-family:var(--comic);font-style:normal;font-weight:400;font-size:clamp(22px,3.8vw,42px);letter-spacing:.3px;-webkit-text-stroke:4px #0e1314;text-shadow:2px 4px #0e1314;overflow-wrap:anywhere}.team>div:before{content:"";position:absolute;left:7px;bottom:0;width:90px;height:85px;background:var(--red-portrait) center/contain no-repeat}.team.blue>div:before{background-image:var(--blue-portrait)}.team.blue{justify-content:flex-start}.score{font-family:var(--comic);font-weight:400}.brand{font-family:var(--comic);font-style:normal;letter-spacing:-1px}.arena-top,#stage-label{font-family:var(--comic);font-style:normal;font-weight:400}.play-panel{background:#e83329;transform:translate(-50%);border:5px solid #101617;border-radius:8px 14px 6px 10px;box-shadow:inset 0 4px #ff8a74;padding:9px 15px}.play-panel h1{font-family:var(--comic);font-style:normal;font-weight:400;-webkit-text-stroke:3px #101617;text-shadow:2px 3px #101617;line-height:1.15;overflow-wrap:anywhere}.primary,.tool,.text-button{font-family:var(--comic);font-weight:400;font-style:normal;transform:none;border-radius:9px 5px 12px 6px;box-shadow:none;text-transform:none;line-height:1.15}.primary{background:#ffdc42;border:4px solid #101617;padding:10px 16px}.primary:hover:not(:disabled){transform:none;background:#ffea84}.primary:active:not(:disabled){transform:none;box-shadow:inset 0 3px #b99528}.primary span{font-family:Arial,sans-serif}.tool,.text-button{background:#fff6df;border-width:3px}.move-reveal{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:12px}.move-reveal span,.move-reveal span:last-child{font-family:var(--comic);font-style:normal;font-weight:400;font-size:clamp(22px,4vw,47px);line-height:1.1;letter-spacing:.5px;min-height:125px;text-align:left;padding:16px 12px 44px 105px;overflow-wrap:anywhere;-webkit-text-stroke:5px #0e1314;paint-order:stroke fill;text-shadow:2px 4px #0e1314;background:var(--red-portrait) 8px 8px/90px 100px no-repeat,#ed2f28}.move-reveal span:last-child{background:var(--blue-portrait) 8px 8px/90px 100px no-repeat,#138bc7}.move-reveal span:before{background:none;border:7px solid #101617;z-index:0;pointer-events:none}.move-reveal span:after{position:absolute;bottom:5px;left:8%;right:4%;margin:0;padding:5px;background:#101617;color:#fff;font-family:var(--comic);font-size:19px;font-style:normal;font-weight:400;line-height:1.1;text-align:center;content:"✓ LOCKED IN";letter-spacing:.5px}.move-reveal i{font-family:var(--comic);font-style:normal}dialog{background:#fff7df;border-radius:13px 6px 18px 8px;box-shadow:none;border:5px solid #101617;padding:25px}dialog h2{font-family:var(--comic);font-weight:400;font-style:normal;text-transform:none;line-height:1.12;font-size:40px;overflow-wrap:anywhere}dialog .eyebrow{background:none;color:#9e261c;font-family:var(--comic);font-size:17px;letter-spacing:0;padding:0}.dialog-close{border-radius:50%;box-shadow:none;border-width:3px}.choices{gap:12px}.move-card,.move-card:nth-child(2),.move-card:nth-child(3){transform:none;box-shadow:none;background:#ffe8ad;color:#131b1d;border:4px solid #101617;border-radius:14px 8px 17px 9px;min-height:160px;padding:16px 12px}.move-card strong{font-family:var(--comic);font-style:normal;font-weight:400;font-size:27px;line-height:1.1;text-transform:none;overflow-wrap:anywhere}.move-card small{font-size:12px}.move-card[aria-pressed=true]{background:#aee175;outline:none;transform:none;box-shadow:inset 0 0 0 3px #fff7df}.move-icon{font-size:32px}.modal-note{font-style:normal}.has-result .play-panel{justify-content:center}.has-result .play-panel h1{font-size:32px}@media(max-width:760px){.team,.team.blue{padding:8px 8px 8px 40px}.team>div:before{width:40px;height:58px;left:3px}.team h2{font-size:21px;-webkit-text-stroke:2px #101617;text-shadow:1px 2px #101617}.team:after{inset:4px;border-width:2px}.brand{font-size:16px}.move-reveal{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:3px;left:2%;right:2%}.move-reveal span,.move-reveal span:last-child{font-size:20px;min-height:116px;padding:10px 9px 34px 38px;-webkit-text-stroke:2px #101617;letter-spacing:0;background-size:40px 62px;background-position:2px 4px;text-shadow:1px 2px #101617}.move-reveal span:before{border-width:4px}.move-reveal span:after{font-size:12px;bottom:5px;padding:4px 1px}.move-reveal i{font-size:18px}.move-card,.move-card:nth-child(2),.move-card:nth-child(3){min-height:84px;padding:12px}.move-card strong{font-size:24px}dialog h2{font-size:34px}.play-panel h1{font-size:24px;line-height:1.15}.has-result .play-panel h1{font-size:28px}}.move-reveal span,.move-reveal span:last-child{border:5px solid #101617}.move-reveal span:before{border:0}.move-reveal span:after{left:5%;right:0;bottom:0}@media(max-width:760px){.move-reveal span,.move-reveal span:last-child{border-width:3px}}@media(max-width:760px){.move-reveal span,.move-reveal span:last-child{font-size:clamp(13px,4.3vw,20px);overflow-wrap:normal;min-height:96px;padding-left:34px;padding-right:8px;background-size:33px 58px}.move-reveal span:after{font-size:11px;white-space:nowrap}}@media(max-width:400px){dialog{padding:16px}dialog h2{font-size:29px;margin:10px 0 12px}.choices{gap:8px;margin:14px 0}.move-card,.move-card:nth-child(2),.move-card:nth-child(3){padding:9px;min-height:76px}.move-card strong{font-size:21px}.move-card small,.modal-note{font-size:10px}.move-icon{font-size:26px;width:28px}}.arena:has(.move-reveal:not([hidden])) .arena-top{visibility:hidden}.clubhouse{background:#fff2cd;color:#17201e;min-height:100dvh}.club-nav,.club-main,.club-footer{max-width:1240px;margin:auto}.club-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:4px solid #17201e}.wordmark{font:italic 900 36px/1 Barlow Condensed,Impact,sans-serif;letter-spacing:-1px;color:#17201e;text-decoration:none}.wordmark span{color:#e23a29}.issue{font:900 13px Barlow;letter-spacing:2px}.club-main{padding:28px 32px}.hero{min-height:460px;position:relative;overflow:hidden;border:5px solid #17201e;background:#50bdeb;box-shadow:7px 8px #17201e;display:grid;grid-template-columns:1fr 1fr;margin-bottom:64px}.hero-copy{padding:38px 35px 65px;z-index:2}.paper-label{background:#ffdb3d;border:2px solid #17201e;display:inline-block;padding:6px 11px;font:900 12px Barlow;transform:rotate(-2deg)}.hero h1{font:900 clamp(50px,6vw,86px)/.94 "Lilita One",Impact,sans-serif;margin:22px 0 14px;letter-spacing:-2px;color:#fff6d9;-webkit-text-stroke:2px #17201e;paint-order:stroke fill;text-shadow:4px 5px #17201e}.hero p{font-size:20px;font-weight:700;line-height:1.45}.hero-cta{display:inline-flex;text-decoration:none;margin-top:8px;min-width:200px}.hero-art{position:relative;background:url(/game/pitch.svg) 54% 60%/auto 100%;border-left:4px solid #17201e}.hero-player{position:absolute;width:240px;height:320px;background-size:960px 640px;bottom:48px;filter:drop-shadow(3px 3px #10191d)}.red-player{background-image:url(/game/locomotion.png);background-position:-240px 0;left:-18px;transform:rotate(-8deg)}.blue-player{background-image:url(/game/blue-locomotion-v2.png);background-position:-240px 0;right:-18px;transform:scaleX(-1) rotate(-9deg)}.hero-burst{position:absolute;top:27px;left:38%;font:italic 900 38px/.9 Lilita One,Impact,sans-serif;background:#ffdb3d;border:4px solid #17201e;padding:20px;transform:rotate(9deg);box-shadow:5px 5px #17201e}.hero-strip{position:absolute;bottom:0;left:0;right:0;background:#e63c2c;color:#fff6d9;padding:10px;text-align:center;font:900 18px Barlow Condensed;border-top:4px solid #17201e;letter-spacing:2px;z-index:3}.section-title span{font-size:12px;font-weight:900;letter-spacing:2px}.section-title h2,.playbook h2,.coming h2{font:900 clamp(28px,4vw,44px)/1.05 "Lilita One",Impact;margin:12px 0 25px}.match-format{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.match-format label{font-weight:800}.match-format select,input{border:3px solid #17201e;background:#fffaf0;padding:12px;font:700 16px Barlow;color:#17201e}.match-format p{font-size:13px;margin:0}.play-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.play-card{border:4px solid #17201e;box-shadow:5px 5px #17201e;padding:25px;background:#e94230;color:#fff6d9;position:relative;display:flex;flex-direction:column}.friend{background:#167aac}.join{background:#f5d75c;color:#17201e}.card-number{font:900 13px Barlow;border-bottom:2px solid currentColor;padding-bottom:10px}.play-card h3{font:900 32px/1 Lilita One,Impact;margin:21px 0 12px}.play-card p{line-height:1.55;flex:1}.play-card .primary{margin-top:16px;width:100%;font-size:20px}.join input{width:100%;font-size:27px;letter-spacing:6px;text-transform:uppercase;margin:10px 0}.join form{margin-top:auto}.join .primary{background:#fff6d9}.playbook{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:4px solid #17201e;border-bottom:4px solid #17201e;padding:45px 0;margin-top:40px}.playbook p,.coming p{font-size:17px;line-height:1.6;max-width:660px}.playbook dl{margin:0}.playbook dl div{padding:18px 0;border-bottom:2px solid #17201e;display:flex;justify-content:space-between;align-items:center;gap:20px}.playbook dt{font:900 24px Lilita One;color:#cc3428}.playbook dd{margin:0;font-weight:700}.coming{padding:50px 0 20px}.club-footer{display:flex;justify-content:space-between;gap:20px;border-top:3px solid #17201e;padding:24px 32px;font-size:11px;font-weight:900;letter-spacing:1px}#site-error{min-height:24px;font-weight:800;color:#a82a24}.waiting-room{max-width:650px;margin:8vh auto;padding:35px;border:5px solid #17201e;background:#fff2cd;color:#17201e;box-shadow:8px 8px #17201e}.waiting-room h1{font:900 48px/1 Lilita One}.room-code{font:900 56px monospace;letter-spacing:8px;margin:25px 0}.waiting-room .primary{width:100%;margin:15px 0}.net-status{position:absolute;z-index:8;bottom:15%;left:3%;max-width:94%;background:#fff2cd;color:#17201e;padding:5px 10px;font-weight:800;font-size:13px}.online-clock{position:absolute;top:91px;left:50%;transform:translate(-50%);z-index:8;padding:5px 10px;background:#17201e;color:#ffdb3d;font-weight:900}.match-home{position:absolute;top:135px;left:3%;z-index:8}.net-fulltime{position:absolute;z-index:9;left:15%;right:15%;top:30%;text-align:center;background:#fff2cd;border:5px solid #17201e;color:#17201e;padding:30px;box-shadow:6px 6px #17201e}.net-fulltime h1{font:900 44px Lilita One;margin:0 0 20px}.net-fulltime a{display:inline-flex;text-decoration:none}.network-game #move-dialog{color:#17201e}.network-game .brand{font-size:22px}.network-game .arena-top{top:120px}.network-game .tools{top:160px}.network-game .scoreboard h2{font-size:clamp(15px,3vw,34px)}@media(max-width:800px){.club-nav,.club-main{padding:20px}.issue{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:28px 24px 25px}.hero-art{height:280px;border-left:0;border-top:4px solid #17201e}.hero-player{bottom:25px}.hero-burst{left:40%;top:10px}.play-cards{grid-template-columns:1fr}.play-card h3 br{display:none}.playbook{grid-template-columns:1fr;gap:20px}.club-footer{flex-direction:column}.hero{margin-bottom:40px}.waiting-room{margin:25px 15px}.room-code{font-size:40px}.net-status{font-size:10px}.online-clock{top:12%;font-size:11px}.network-game .arena-top{top:17%;font-size:11px}.network-game .tools{top:23%}.match-home{top:23%;font-size:10px}.net-fulltime{padding:15px;left:8%;right:8%}.net-fulltime h1{font-size:28px}}.network-game #stage-label{top:12px}.network-game .match-home{top:145px}@media(max-width:800px){.network-game #stage-label{top:6px}.network-game .match-home{top:24%}}.resume-game{display:inline-block;color:#17201e;font-weight:900;margin:0 0 24px;text-underline-offset:4px}.hero-art{overflow:hidden}@media(max-width:800px){.hero-art{height:270px}.hero-player{width:175px;height:233px;bottom:30px;background-size:700px 466px;background-position:-175px 0}.red-player{left:-8px}.blue-player{right:-8px}.hero-burst{font-size:22px;top:10px;left:40%;padding:10px;z-index:1}}.lobby-page{--navy:#062945;--gold:#ffc74a;--cream:#fff8de;min-height:100dvh;padding:114px 38px 22px;position:relative;isolation:isolate;background:repeating-linear-gradient(135deg,transparent 0 30px,#0e91ac24 30px 52px,transparent 52px 94px),radial-gradient(ellipse at 50% 20%,#0d6689,#063456 65%,#031d36);color:var(--cream);overflow:hidden}.lobby-page:before,.lobby-page:after{content:"";position:absolute;z-index:-1;width:300px;height:500px;border:8px solid #f3c341;background:repeating-linear-gradient(0deg,transparent 0 98px,#d1f8ca7a 100px 104px),#258f68;transform:rotate(32deg);right:-200px;top:-140px;box-shadow:inset 0 0 0 12px #0d664e}.lobby-page:after{top:auto;bottom:-210px;left:-210px;transform:rotate(-30deg)}.outside-ball{position:absolute;font-size:210px;z-index:-1;line-height:1;filter:sepia(.25);opacity:.75;transform:rotate(-25deg)}.ball-left{left:-75px;top:40px}.ball-right{right:-80px;bottom:20px;transform:rotate(20deg)}.tactic-lines{position:absolute;left:10px;top:540px;z-index:-1;font:900 65px/1.3 monospace;color:#f7b639;transform:rotate(-14deg);opacity:.7}.lobby-frame{max-width:1120px;margin:auto;position:relative;border:9px solid var(--cream);border-radius:24px;background:var(--navy);box-shadow:0 12px #001b30,0 22px 50px #001225a6;overflow:visible}.lobby-nav{height:74px;position:relative;border-radius:14px 14px 0 0;border-bottom:4px solid #ffc54c;background:linear-gradient(#f27a22,#d94d11);box-shadow:inset 0 3px #ffd39a}.lobby-nav nav{display:grid;grid-template-columns:1fr 1.3fr 2.7fr 1.3fr 1.1fr;align-items:stretch;height:100%;padding:0 26px}.lobby-nav nav a,.lobby-nav nav button{color:var(--cream);text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;padding:0 14px;background:none;border:0;border-left:1px solid #9f340c40;font:900 17px Barlow Condensed,Impact,sans-serif;letter-spacing:.6px;text-shadow:0 2px #853a12;text-transform:uppercase;cursor:pointer}.lobby-nav nav a:nth-child(3){grid-column:4}.lobby-nav nav a:hover,.lobby-nav nav button:hover,.lobby-nav nav a.active{background:#a93a1680}.lobby-logo{position:absolute;left:50%;top:-100px;transform:translate(-50%) rotate(-2deg);z-index:5;width:380px;filter:drop-shadow(0 5px 0 #031e35);transition:transform .2s}.lobby-logo:hover{transform:translate(-50%) rotate(0) scale(1.02)}.lobby-logo img{display:block;width:100%;height:auto}.lobby-main{width:100%;margin:0}.stadium-lobby{height:500px;position:relative;isolation:isolate;overflow:hidden;background:#075674 url(/branding/stadium-lobby-v1.png) center 52%/cover no-repeat;border-bottom:4px solid var(--gold)}.stadium-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#00254815,#001d454d 35%,#001d4566,#001d454d 65%,#00254815)}.lobby-centre{position:relative;z-index:3;width:370px;text-align:center;margin:49px auto 0}.duel-kicker{font:900 13px Barlow Condensed,sans-serif;letter-spacing:2px;color:#ffd46d;text-shadow:1px 2px #03192b}.lobby-centre h1{font:900 43px/.97 Lilita One,Impact,sans-serif;letter-spacing:.2px;margin:13px 0 10px;color:var(--cream);-webkit-text-stroke:1.6px #03233d;paint-order:stroke fill;text-shadow:3px 4px #03233d}.lobby-centre p{font-size:15px;line-height:1.45;font-weight:700;margin:0 0 15px;text-shadow:1px 2px #03233d}.lobby-match-format{display:flex;justify-content:center;align-items:center;gap:9px;margin:0 0 14px}.lobby-match-format label{font:800 11px Barlow Condensed;color:#f4d88a;letter-spacing:1px}.lobby-match-format select{max-width:225px;background:#062842ec;color:#fff4c7;border:1px solid #c29b4d;border-radius:5px;padding:7px 26px 7px 10px;font:700 13px Barlow;cursor:pointer}.game-button{border:3px solid #ffd97c;border-radius:13px;color:#fff;text-shadow:0 2px #763714;background:linear-gradient(#ffbd48,#f7871b 45%,#de5318);box-shadow:inset 0 3px #ffe9a3,0 5px #863914,0 0 22px #ffb53545;font:900 27px/1.1 Barlow Condensed,Impact,sans-serif;letter-spacing:.7px;min-height:58px;padding:10px 23px;display:flex;align-items:center;justify-content:center;gap:20px;text-transform:uppercase;transition:filter .12s,transform .12s}.game-button:hover:not(:disabled){filter:brightness(1.14);transform:translateY(-2px)}.game-button:active:not(:disabled){transform:translateY(3px)}.lobby-centre .game-button{width:300px;margin:0 auto 13px}.lobby-centre .solo-button{box-shadow:inset 0 3px #ffe9a3,0 5px #863914,0 0 0 4px #25c8d254,0 0 28px #30dbd185}.lobby-centre .friend-button{min-height:45px;font-size:19px;border-width:2px;border-color:#e7be5e;background:linear-gradient(#174968,#0a2b45);box-shadow:inset 0 2px #477b96,0 4px #001b31;text-shadow:0 2px #001b31}.friend-button span{font-size:23px;color:#ffdc7a}.lobby-resume{display:inline-block;color:#ffe298;font-weight:700;font-size:12px;text-underline-offset:3px;margin-top:2px}.lobby-player{position:absolute;width:300px;height:400px;bottom:26px;z-index:2;pointer-events:none}.lobby-player canvas{display:block;width:100%;height:100%}.red-avatar{left:2%;transform:rotate(-6deg)}.blue-avatar{right:2%;transform:scaleX(-1) rotate(-5deg)}.speech{position:absolute;z-index:4;top:56px;border:4px solid #041d31;border-radius:48% 44% 45% 40%;background:var(--cream);color:#082b40;text-align:center;padding:12px 20px;font:900 21px/.95 Lilita One;box-shadow:2px 3px #031e35}.speech:after{content:"";position:absolute;bottom:-17px;left:40%;width:20px;height:24px;background:var(--cream);border-right:4px solid #041d31;border-bottom:4px solid #041d31;transform:skewY(35deg) rotate(15deg)}.red-speech{left:9%;transform:rotate(-9deg)}.blue-speech{right:9%;transform:rotate(8deg)}.pitch-ribbon{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:18px;padding:9px 10px;background:#042d36d9;color:#ffe69d;font:900 13px Barlow Condensed;letter-spacing:2px}.pitch-ribbon i{color:#f7a934;font-style:normal;font-size:9px}.join-bar{display:flex;align-items:center;justify-content:center;gap:30px;background:linear-gradient(#0c4765,#062e4d);padding:19px 28px;border-bottom:3px solid #d3a546}.join-bar strong{display:block;font:900 24px Barlow Condensed;color:#ffe8a3}.join-bar span{display:block;font-size:12px;margin-top:4px;color:#d2e7ed}.join-bar form{display:flex;align-items:stretch;gap:10px}.join-bar input{width:155px;min-width:0;border:2px solid #b7dce1;border-radius:7px;background:#fff7da;color:#0a2f49;font:900 23px monospace;letter-spacing:4px;padding:9px 10px;text-transform:uppercase;box-shadow:inset 0 3px #163a551c}.join-bar .join-button{font-size:20px;min-height:48px;gap:10px;padding:8px 19px;border-radius:8px;box-shadow:inset 0 2px #ffe9a3,0 3px #863914}.join-button span{font-size:22px;color:#fff;margin:0}.sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.lobby-page #site-error{min-height:0;margin:0;text-align:center;color:#fff4c8;background:#753619;font-weight:700;font-size:14px}.lobby-page #site-error:not(:empty){padding:12px 20px}.lobby-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:var(--cream);color:#07273c;padding:30px 29px}.lobby-features article{display:flex;align-items:center;gap:15px}.feature-medallion{width:68px;height:68px;flex-shrink:0;border-radius:50%;border:3px solid #efb02c;background:#ffda54;box-shadow:inset 0 3px #fff1a6;font:900 46px/1 Barlow Condensed;color:#075a80;display:flex;align-items:center;justify-content:center;position:relative}.feature-medallion small{position:absolute;bottom:5px;right:10px;font:900 14px monospace;color:#bb3b26}.clash-icon{font:italic 900 31px Lilita One;color:#e24426;text-shadow:2px 2px #ffe8a3;-webkit-text-stroke:1px #16324e;paint-order:stroke fill}.lobby-features h2{font:900 21px/.95 Barlow Condensed;margin:0 0 8px;color:#09243c}.lobby-features p{font-size:13px;line-height:1.45;margin:0;color:#264355}.lobby-playbook{background:#e9edda;color:#173a4d;border-top:1px solid #c3cbb7}.lobby-playbook summary{display:flex;justify-content:space-between;cursor:pointer;padding:14px 30px;list-style:none;font:900 16px Barlow Condensed;letter-spacing:1px}.lobby-playbook summary::-webkit-details-marker{display:none}.lobby-playbook summary span{font:700 12px Barlow;letter-spacing:0}.playbook-content{padding:10px 30px 25px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.playbook-content h3{font:900 25px Barlow Condensed;margin:0}.playbook-content p{font-size:14px;line-height:1.6}.playbook-content dl{margin:0}.playbook-content dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #bdc7b7}.playbook-content dt{font-weight:900}.playbook-content dd{margin:0;font-size:13px}.lobby-footer{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:0 0 14px 14px;background:repeating-linear-gradient(135deg,transparent 0 30px,#0c668320 30px 50px),#052b48;border-top:3px solid #ddab3e}.lobby-footer strong{font:900 16px Barlow Condensed;letter-spacing:1px;color:#ffde82}.lobby-footer p{font-size:12px;color:#b6d9e5;margin:7px 0 0}.season-stamp{border:2px solid #8bb9c3;border-radius:7px;padding:6px 12px;transform:rotate(-5deg);text-align:center;font:700 9px Barlow;color:#8bb9c3;letter-spacing:2px}.season-stamp b{font:900 20px Barlow Condensed;letter-spacing:1px}.lobby-bottom{text-align:center;font:800 11px Barlow Condensed;letter-spacing:2px;color:#8ebdcb;margin:24px 0 0}.lobby-page button:focus-visible,.lobby-page a:focus-visible,.lobby-page input:focus-visible,.lobby-page select:focus-visible,.lobby-page summary:focus-visible{outline:3px solid #ffdc67;outline-offset:4px}@media(min-width:1450px){.lobby-page{padding-top:132px}.stadium-lobby{height:540px}.lobby-centre{margin-top:64px}.lobby-player{width:325px;height:433px}.speech{top:70px}}@media(max-width:1000px){.lobby-page{padding:96px 24px 18px}.lobby-logo{width:310px;top:-80px}.lobby-nav nav{grid-template-columns:1fr 1.3fr 2.3fr 1.4fr 1.2fr;padding:0 10px}.lobby-nav nav a,.lobby-nav nav button{font-size:14px;padding:0 8px}.lobby-player{width:250px;height:333px;bottom:31px}.red-avatar{left:-2%}.blue-avatar{right:-2%}.lobby-centre{width:330px}.lobby-centre h1{font-size:39px}.speech{font-size:18px;padding:10px 16px;top:55px}.red-speech{left:5%}.blue-speech{right:5%}.lobby-features{gap:15px;padding:25px 18px}.lobby-features article{gap:10px}.feature-medallion{width:52px;height:52px;font-size:34px}.clash-icon{font-size:26px}.lobby-features h2{font-size:19px}.lobby-features p{font-size:12px}}@media(max-width:700px){.lobby-page{padding:96px 10px 18px}.lobby-frame{border-width:5px;border-radius:18px}.lobby-nav{height:66px;border-radius:12px 12px 0 0}.lobby-logo{width:270px;top:-85px}.lobby-nav nav{display:flex;justify-content:space-between;padding:24px 8px 0}.lobby-nav nav a,.lobby-nav nav button{font-size:12px;min-height:36px;padding:0 10px;border:0}.season-link{display:none!important}.stadium-lobby{height:550px;background-position:50% 50%}.lobby-centre{margin-top:29px;width:100%;padding:0 12px}.duel-kicker{font-size:10px;letter-spacing:1.7px}.lobby-centre h1{font-size:36px;margin-top:11px}.lobby-centre p{font-size:13px;margin-bottom:164px}.lobby-player{width:175px;height:233px;bottom:143px}.red-avatar{left:1%;transform:rotate(-7deg)}.blue-avatar{right:1%;transform:scaleX(-1) rotate(-7deg)}.speech{top:174px;font-size:13px;border-width:3px;padding:8px 12px;box-shadow:1px 2px #031e35}.speech:after{width:12px;height:15px;bottom:-10px;border-width:3px}.red-speech{left:5%}.blue-speech{right:5%}.lobby-match-format{margin-bottom:10px;position:relative;background:#032c43d9;display:inline-flex;padding:5px 9px;border-radius:6px}.lobby-match-format select{font-size:11px;max-width:190px;padding:5px 17px 5px 7px}.lobby-match-format label{font-size:9px}.lobby-centre .game-button{width:260px;min-height:47px;font-size:23px;margin-bottom:10px}.lobby-centre .friend-button{min-height:37px;font-size:16px}.lobby-resume{font-size:10px}.pitch-ribbon{font-size:10px;gap:11px;letter-spacing:1px;padding:7px}.join-bar{flex-direction:column;gap:12px;padding:19px 15px;text-align:center}.join-bar strong{font-size:23px}.join-bar span{font-size:11px}.join-bar input{font-size:22px;width:164px}.join-bar .join-button{min-height:45px}.lobby-features{grid-template-columns:1fr;padding:25px 24px;gap:22px}.lobby-features article{gap:18px}.feature-medallion{width:56px;height:56px}.lobby-features h2{font-size:22px;margin-bottom:5px}.lobby-features p{font-size:13px}.lobby-playbook summary{padding:15px 20px}.playbook-content{grid-template-columns:1fr;padding:8px 20px 20px;gap:8px}.lobby-footer{padding:20px;gap:12px}.lobby-footer strong{font-size:13px;letter-spacing:.5px}.lobby-footer p{font-size:11px;line-height:1.7}.season-stamp{padding:5px 7px;font-size:8px;letter-spacing:1px;flex-shrink:0}.season-stamp b{font-size:16px}.lobby-bottom{font-size:9px}.outside-ball{font-size:140px}.ball-left{top:10px}}@media(prefers-reduced-motion:reduce){.lobby-logo,.game-button{transition:none}}@media(max-width:700px){.stadium-lobby{height:575px}.lobby-centre p{margin-bottom:180px}.lobby-player{width:155px;height:207px;bottom:225px}.speech{top:155px}}@media(max-width:700px){.stadium-lobby{background-color:#0b4f37;background-image:linear-gradient(to bottom,transparent 58%,#0b4f37 95%),url(/branding/stadium-lobby-v1.png);background-size:100% 100%,auto 430px;background-position:0 0,center top}}.waiting-room{position:relative;max-width:650px;margin:7vh auto;padding:145px 40px 35px;border:7px solid #fff5d6;border-radius:20px;background:linear-gradient(#052444de,#052444e8),url(/branding/stadium-lobby-v1.png) center/cover;color:#fff5d6;text-align:center;box-shadow:0 10px #001a2e,0 15px 50px #0005}.waiting-room:before{content:"";position:absolute;top:16px;left:50%;transform:translate(-50%);width:280px;height:112px;background:url(/branding/footbrawl-logo-v1.png) center/contain no-repeat}.waiting-room h1{font-size:40px;line-height:1.05;text-shadow:3px 3px #001b30}.waiting-room>p,.waiting-room #invite-details>p{line-height:1.6}.waiting-room .paper-label{color:#092d47;background:#ffd15d;border-color:#fff3b4}.waiting-room .room-code{background:#001c30;border:2px solid #d8ae56;border-radius:10px;padding:16px 8px;font-size:42px;color:#ffda72;letter-spacing:7px}.waiting-room .primary{justify-content:center;border:3px solid #ffda80;border-radius:10px;background:linear-gradient(#ffa934,#de5e17);color:#fff;text-shadow:0 2px #78330d;box-shadow:inset 0 2px #ffe9a3,0 4px #79320d}.waiting-room>a{color:#ffdd86;font-weight:700;font-size:14px;text-underline-offset:4px}.waiting-room #lobby-status,.waiting-room #join-error{font-size:14px;color:#cde8ed}@media(max-width:700px){.waiting-room{margin:25px 14px;padding:130px 22px 27px;border-width:5px}.waiting-room:before{width:240px;height:96px}.waiting-room h1{font-size:34px}.waiting-room .room-code{font-size:31px;letter-spacing:5px}}
