:root{--ink:#102820;--deep:#071c16;--cream:#f4f2df;--lime:#d0ef59;--orange:#ff804d;--muted:#99b3a2;--stroke:rgba(227,246,221,.16)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--deep);color:var(--cream);font-family:Arial,Helvetica,sans-serif;overflow:hidden;overscroll-behavior:none}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{opacity:.45;cursor:default}button:active{transform:scale(.96)}#app{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden}#pitch{position:absolute;width:100%;height:100%;inset:0;touch-action:none;display:block}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,23,17,.98) 0%,rgba(6,28,21,.82) 30%,rgba(9,36,26,.2) 65%,rgba(5,25,18,.92) 100%);pointer-events:none}.hidden{display:none!important}.screen{position:absolute;inset:0}.menu{padding:28px 4%;overflow-y:auto}.menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;color:var(--cream);display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.45;letter-spacing:1.5px}.brand-icon{width:38px;height:42px;display:grid;place-content:center;background:var(--lime);color:var(--ink);clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);font-size:21px;font-weight:900;line-height:.7;letter-spacing:0}.brand-icon span{font-size:9px;margin-top:5px;text-align:center}.brand b{font-size:12px}.edition{font-size:10px;letter-spacing:2px;margin-left:auto}.edition i{color:var(--lime);margin-left:18px;font-size:16px}.icon-button{border:1px solid var(--stroke);width:42px;height:42px;border-radius:50%;background:rgba(10,35,26,.88);display:grid;place-items:center;font-size:22px;font-weight:bold;backdrop-filter:blur(8px)}.menu-grid{position:relative;display:grid;grid-template-columns:minmax(250px,1fr) minmax(220px,.8fr) minmax(285px,.9fr);align-items:center;min-height:calc(100dvh - 150px);gap:12px;max-width:1480px;margin:0 auto}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--lime);display:block;line-height:1.7}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:6px;box-shadow:0 0 10px #d0ef5980}.hero-copy{z-index:2;margin-top:6px}.hero-copy .eyebrow{font-size:9px;max-width:290px}h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-weight:900;font-style:italic;margin:22px 0 18px;line-height:.86;font-size:clamp(64px,8.4vw,132px);letter-spacing:-3px;display:flex;flex-direction:column;align-items:flex-start;transform:rotate(-3deg)}h1>span:first-child{color:var(--lime)}h1 small{font:800 18px Arial,sans-serif;letter-spacing:6px;line-height:2.1;margin-left:7px;transform:rotate(3deg)}h1 .rival-title{position:relative}.title-star{font-style:normal;color:var(--orange);font-size:.35em;position:absolute;top:0;right:-.9em}.hero-description{font-size:13px;color:#b6cab9;line-height:1.6;max-width:345px}.hero-description strong{color:var(--cream)}.hero-tags{display:flex;gap:7px;margin-top:24px;flex-wrap:wrap}.hero-tags span{font-size:8px;font-weight:800;letter-spacing:1px;border:1px solid var(--stroke);padding:7px 9px;border-radius:3px}.captains-art{height:440px;position:relative;align-self:center;min-width:0;z-index:1}.captains-art svg{position:absolute;bottom:22px;width:95%;height:100%;overflow:visible;filter:drop-shadow(0 20px 12px #0008)}.captains-art svg:first-of-type{left:-34%;transform:rotate(-8deg);z-index:2}.captains-art svg:nth-of-type(2){right:-32%;transform:rotate(7deg) scale(.97);z-index:1}.art-flash{position:absolute;inset:10% -25% 5%;background:var(--lime);opacity:.11;clip-path:polygon(48% 0,74% 0,60% 35%,100% 30%,24% 100%,38% 52%,0 62%)}.art-vs{position:absolute;top:40%;left:41%;z-index:3;font:bold italic 36px 'Arial Black',Arial;color:var(--orange);text-shadow:4px 4px 0 var(--deep);transform:rotate(-8deg)}.captain-label{position:absolute;bottom:0;z-index:4;transform:rotate(-6deg);font:bold italic 19px Arial;background:var(--lime);color:var(--ink);padding:10px 14px;border:3px solid var(--ink);box-shadow:5px 5px 0 #00170e80;white-space:nowrap}.captain-label small{font-size:7px;display:block;font-style:normal;letter-spacing:1px;margin-top:5px}.home-label{left:-15%}.away-label{right:-24%;bottom:36px;background:var(--cream);transform:rotate(5deg)}.match-card{position:relative;z-index:5;background:linear-gradient(135deg,#173b2e,#102b21);border:1px solid #42654b;border-radius:14px;box-shadow:0 20px 50px #0004;padding:24px;max-width:365px;justify-self:end;width:100%}.card-eyebrow{display:flex;justify-content:space-between;gap:6px;font-size:8px;font-weight:800;letter-spacing:1px;color:var(--muted)}.card-eyebrow span{color:var(--lime);font-size:7px}.teams-line{display:flex;align-items:center;gap:9px;margin:22px 0 24px;padding-bottom:19px;border-bottom:1px solid var(--stroke)}.teams-line>div{flex:1}.teams-line b{display:block;font-size:11px;line-height:1.4}.teams-line div>span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.crest{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:39px;background:var(--lime);color:var(--ink);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);font-weight:900;font-size:17px;flex-shrink:0;line-height:1}.crest span{font-size:8px;margin:3px 0 6px}.away-crest{background:#8f6ad1;color:#f6efd9}.setting{margin:17px 0}.setting>label{display:block;font-size:11px;color:#c9d9c7;margin-bottom:9px}.segments{display:flex;gap:4px;background:#081f16;border:1px solid var(--stroke);padding:4px;border-radius:7px}.segments button{flex:1;padding:10px 4px;border-radius:4px;font-size:11px;color:#9cb6a2;background:transparent;font-weight:700;min-height:35px;position:relative}.segments button.active{background:var(--lime);color:var(--ink);box-shadow:0 2px 4px #0003}.segments button i{font-size:5px;display:block;font-style:normal;letter-spacing:1px;margin-top:3px}.duration-setting .segments button{padding:6px 4px}.preferences{display:flex;gap:22px;font-size:11px;margin:20px 0}.preferences label{display:flex;align-items:center;gap:6px;cursor:pointer}.preferences input{accent-color:var(--lime);width:15px;height:15px;margin:0}.primary{background:var(--lime);color:var(--ink);font-size:14px;font-weight:900;letter-spacing:1px;min-height:52px;padding:14px 22px;border-radius:7px;width:100%;box-shadow:0 4px 0 #7d9732;display:flex;align-items:center;justify-content:space-between;gap:16px}.primary:hover{background:#ddff6e}.primary span{font-size:23px}.card-foot{font-size:9px;text-align:center;color:var(--muted);margin:15px 0 0}.menu-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;max-width:1480px;margin:20px auto 0;border-top:1px solid var(--stroke);padding-top:14px;font-size:8px;letter-spacing:1.4px;color:#9ab39e}.menu-footer i{font-style:normal;color:var(--lime)}.rotate-hint{color:var(--cream)}
.game-ui{position:absolute;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}.hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:stretch;background:#0b2117ec;backdrop-filter:blur(12px);border:1px solid #79987966;border-radius:10px;box-shadow:0 5px 20px #0004;overflow:hidden;min-width:360px;height:57px}.hud-team{display:flex;align-items:center;gap:8px;padding:0 15px;font-size:10px;letter-spacing:.7px;white-space:nowrap;flex:1}.hud-team.home{color:var(--lime)}.hud-team.away{justify-content:flex-end}.tiny-crest{width:19px;height:24px;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:12px;font-weight:900}.away .tiny-crest{background:#8f6ad1;color:#f6efd9}.score-block{padding:6px 10px;text-align:center;background:#04190e;min-width:76px}.score{display:flex;justify-content:center;align-items:center;gap:10px;font-weight:900;font-size:23px;line-height:1}.score i{font-style:normal;color:#879f7c;font-size:15px}.score-block>span{font:700 10px monospace;letter-spacing:1px;color:#b9d1ae;display:block;margin-top:5px}.top-controls{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;gap:8px;pointer-events:auto}.top-controls .icon-button{width:39px;height:39px;font-size:20px}.commentary{position:absolute;top:80px;left:50%;transform:translateX(-50%);background:#0c211cde;backdrop-filter:blur(4px);border-radius:30px;padding:9px 18px;font-size:12px;font-weight:800;white-space:nowrap;opacity:0;transition:opacity .2s;color:var(--cream);max-width:95%;overflow:hidden;text-overflow:ellipsis}.commentary.visible{opacity:1}.player-info{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:185px;display:flex;align-items:center;gap:7px;background:#0e261fd9;backdrop-filter:blur(6px);padding:9px 12px;border-radius:25px;font-size:11px}.player-dot{height:7px;width:7px;border-radius:50%;background:var(--lime)}.stamina-track{width:50px;height:4px;background:#71836e;border-radius:4px;margin-left:3px;overflow:hidden}.stamina-track>span{height:100%;width:100%;background:var(--lime);display:block;transition:width .1s}.player-info small{font-size:7px;letter-spacing:.5px;color:#c2d4b2;margin-left:7px}.joystick{pointer-events:auto;touch-action:none;position:absolute;left:max(28px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:126px;height:126px;border-radius:50%;background:#0e24168c;border:2px solid #d5e4b93a;box-shadow:inset 0 0 25px #c6e7bc12,0 8px 16px #0002;display:flex;align-items:center;justify-content:center}.joy-lines{position:absolute;inset:19px;border:1px solid #daf2c525;border-radius:50%}.joy-lines:before,.joy-lines:after{content:'';position:absolute;background:#e6eccc13}.joy-lines:before{width:100%;height:1px;top:50%}.joy-lines:after{height:100%;width:1px;left:50%}.joy-knob{width:51px;height:51px;border:1px solid #eaf5d557;border-radius:50%;background:linear-gradient(145deg,#d7eacbcc,#648065d9);box-shadow:0 5px 10px #00190088;will-change:transform;pointer-events:none}.joystick>span{position:absolute;bottom:-14px;font-size:7px;letter-spacing:2px;color:#d1e3bf}.action-controls{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));right:max(26px,env(safe-area-inset-right));height:150px;width:228px;pointer-events:none}.action-btn{position:absolute;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;box-shadow:inset 0 2px 0 #ffffff38,0 5px 0 #001a16aa,0 7px 20px #0003;border:2px solid #f6f8e640;isolation:isolate}.action-btn>span:first-child{font-size:25px;line-height:1}.action-btn small{font-size:8px;font-weight:900;letter-spacing:.8px;margin-top:5px}.switch-btn{width:58px;height:58px;background:#264b43de;left:0;top:2px}.sprint-btn{width:62px;height:62px;background:#417a56e8;left:74px;top:0}.pass-btn{width:68px;height:68px;background:#d9efabed;color:#123622;left:54px;bottom:0}.shoot-btn{width:84px;height:84px;background:var(--orange);color:#2f2118;right:0;bottom:12px;border:3px solid #ffd2aa80}.shoot-btn>span:first-child{font-size:29px}.shoot-btn small{font-size:10px}.charge-ring{position:absolute;inset:-7px;border-radius:50%;pointer-events:none;z-index:-1;background:conic-gradient(var(--lime) calc(var(--charge,0)*1turn),transparent 0);mask:radial-gradient(transparent 65%,#000 67%);-webkit-mask:radial-gradient(transparent 65%,#000 67%)}.action-btn.pressed{filter:brightness(1.18);transform:scale(.94);box-shadow:inset 0 2px 0 #ffffff38,0 2px 0 #001a16aa}.keyboard-hints{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;background:#052016ce;border-radius:20px;padding:8px 13px;color:#bbd0b2}.keyboard-hints span{margin-left:12px}.goal-banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-3deg);text-align:center;animation:goal-in .3s ease-out;min-width:330px;max-width:90vw;filter:drop-shadow(0 5px 10px #001b11a6)}.goal-banner>span{background:var(--ink);color:var(--lime);padding:9px 20px;font-size:12px;font-weight:900;letter-spacing:2px;display:inline-block}.goal-banner>b{display:block;font:900 italic clamp(45px,7vw,90px) 'Arial Black',Arial;color:var(--lime);text-shadow:4px 4px 0 #173120;line-height:1.3}.goal-banner>p{display:inline-block;background:var(--cream);color:var(--ink);padding:10px 20px;border-radius:3px;font-size:13px;font-weight:bold;margin:0}.goal-banner.rival>b{color:var(--cream)}.goal-banner.rival>span{color:var(--cream)}.kickoff-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:900;letter-spacing:1px;background:#0b251bf0;color:var(--lime);padding:13px 20px;border-radius:5px;white-space:nowrap;transition:opacity .3s}
.overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#031c17c9;backdrop-filter:blur(9px);overflow-y:auto}.modal{position:relative;background:linear-gradient(145deg,#173d2e,#0e2a22);border:1px solid #7c9a6066;border-radius:16px;box-shadow:0 25px 70px #0005;width:390px;max-width:100%;padding:30px;text-align:center}.modal .eyebrow{font-size:9px}h2{font-family:'Arial Black',Arial,sans-serif;font-size:31px;font-weight:900;letter-spacing:-1.2px;line-height:1.1;margin:15px 0}.modal>p,.intro-panel>p{color:#b5cab8;font-size:13px;line-height:1.6}.modal>.primary{margin-top:23px}.secondary{display:block;background:#244b37;color:var(--cream);border:1px solid var(--stroke);border-radius:7px;width:100%;font-size:12px;font-weight:700;padding:13px;margin-top:14px}.text-button{background:transparent;padding:14px;color:#afc8b4;font-size:11px;text-decoration:underline;text-underline-offset:4px}.intro-panel{text-align:center;width:650px;max-width:100%;padding:18px}.intro-panel h2{font-size:33px;margin:8px 0}.intro-captains{display:flex;justify-content:center;align-items:center;gap:25px;margin:10px 0}.intro-captains>div{width:190px}.intro-captains>span{font:bold italic 29px 'Arial Black',Arial;color:var(--orange)}.intro-portrait{height:190px;background:#284c393f;border-radius:50%;overflow:hidden}.intro-portrait svg{width:100%;height:230px}.intro-captains b{display:block;font-size:19px;margin-top:7px}.intro-captains small{display:block;font-size:8px;letter-spacing:1px;color:#a5bca6;margin-top:5px}.intro-panel>.primary{width:280px;margin:17px auto 0}.result-icon{font-size:52px;color:var(--lime);line-height:1;margin-bottom:12px;text-shadow:0 0 30px #d0ef5966}.result-panel{width:460px}.result-panel h2{font-size:31px}.result-score{display:flex;align-items:center;justify-content:center;gap:25px;margin:20px 0}.result-score div{font-size:9px;letter-spacing:1px;flex:1}.result-score b{display:block;font-size:55px;line-height:1.2}.result-score div:first-child b{color:var(--lime)}.result-score>span{font-size:18px;color:#6c9070}.result-stats{border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:10px 0;display:grid;gap:9px}.stat-row{display:grid;grid-template-columns:1fr 2fr 1fr;font-size:10px;color:#a6bea8}.stat-row b{color:var(--cream)}.result-panel.loss .result-icon{color:var(--orange)}.help-panel{width:620px;text-align:left;padding:32px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 23px;margin:26px 0}.help-grid b{font-size:13px;color:var(--lime)}.help-grid p{font-size:11px;color:#b6ccbb;line-height:1.6;margin:7px 0 0}.arcade-note{background:#061c12;border:1px solid var(--stroke);border-radius:7px;padding:13px}.arcade-note b{font-size:9px;letter-spacing:1px;color:var(--orange)}.arcade-note p{font-size:11px;color:#a8c1a9;line-height:1.5;margin:6px 0 0}.help-keyboard{font-size:10px!important}.close-button{position:absolute;right:18px;top:14px;width:34px;height:34px;border:1px solid var(--stroke);border-radius:50%;background:transparent;font-size:23px}.load-error{position:absolute;inset:20%;z-index:40;background:var(--ink);padding:30px;line-height:1.6}noscript{position:absolute;inset:30%;padding:30px;background:#123323}body.playing .vignette{display:none}body.playing #pitch{cursor:default}
@keyframes goal-in{from{opacity:0;scale:.6}to{opacity:1;scale:1}}@media(hover:hover) and (min-height:650px){.joystick,.action-controls{opacity:.72}.player-info{bottom:55px}.keyboard-hints{display:block}}@media(pointer:coarse){.keyboard-hints{display:none}}@media(max-width:1050px){.menu{padding:18px 3%}.menu-grid{grid-template-columns:minmax(200px,1fr) minmax(150px,.65fr) minmax(265px,.95fr);min-height:calc(100dvh - 130px);gap:2px}.match-card{padding:19px}.captains-art{height:330px}.hero-copy .eyebrow{font-size:7px}.hero-description{font-size:11px}.hero-tags{gap:4px}.hero-tags span{font-size:6px;padding:5px 7px}.captain-label{font-size:14px;padding:7px 9px}.captain-label small{font-size:5px}.card-eyebrow{font-size:7px}.card-eyebrow span{font-size:6px}.edition{font-size:8px}.hero-copy h1{font-size:clamp(64px,9.5vw,108px)}}
@media(orientation:landscape) and (max-height:580px){.menu{padding:12px 3%}.menu-top{height:32px}.menu-top .icon-button{width:31px;height:31px;font-size:17px}.brand{font-size:8px;gap:7px;line-height:1.4}.brand b{font-size:9px}.brand-icon{width:28px;height:31px;font-size:16px}.brand-icon span{font-size:6px}.menu-grid{min-height:calc(100dvh - 82px);grid-template-columns:1fr .7fr 1fr;gap:3px}.hero-copy{margin-top:0}.hero-copy h1{font-size:clamp(58px,9.5vw,95px);margin:12px 0 13px}.hero-copy h1 small{font-size:12px;letter-spacing:4px;line-height:1.7}.hero-description{font-size:10px;margin:5px 0}.hero-tags{margin-top:12px}.captains-art{height:min(70dvh,300px)}.match-card{padding:13px 15px;border-radius:10px;max-width:315px}.teams-line{margin:12px 0 10px;padding-bottom:10px;gap:7px}.teams-line b{font-size:10px}.teams-line div>span{font-size:9px}.crest{width:25px;height:31px;font-size:14px}.crest span{font-size:6px}.setting{margin:10px 0}.setting>label{font-size:10px;margin-bottom:6px}.segments{padding:3px}.segments button{font-size:10px;padding:6px 3px;min-height:28px}.preferences{font-size:10px;margin:11px 0;gap:15px}.preferences input{width:13px;height:13px}.primary{min-height:40px;padding:9px 14px;font-size:12px}.primary span{font-size:19px}.card-foot{font-size:7px;margin-top:10px}.menu-footer{margin-top:5px;padding-top:7px;font-size:7px;letter-spacing:.7px}.hud{height:49px;min-width:330px;top:8px}.hud-team{font-size:9px;padding:0 12px}.score{font-size:20px}.score-block{padding:5px 8px}.score-block>span{font-size:9px}.top-controls{top:9px;gap:6px;right:12px}.top-controls .icon-button{width:34px;height:34px;font-size:18px}.commentary{top:65px;font-size:10px;padding:7px 14px}.joystick{width:108px;height:108px;left:max(24px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom))}.joy-knob{width:46px;height:46px}.action-controls{width:207px;height:128px;right:max(22px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}.switch-btn{width:52px;height:52px}.sprint-btn{width:54px;height:54px;left:66px}.pass-btn{width:61px;height:61px;left:47px}.shoot-btn{width:76px;height:76px;bottom:5px}.action-btn small{font-size:7px}.shoot-btn small{font-size:9px}.player-info{left:150px;bottom:20px;padding:7px 10px;font-size:9px}.player-info small{font-size:6px}.stamina-track{width:36px}.keyboard-hints{font-size:7px;bottom:3px;padding:4px 10px}.keyboard-hints span{margin-left:8px}.overlay{padding:12px}.intro-panel{padding:4px;width:620px}.intro-panel .eyebrow{font-size:8px}.intro-panel h2{font-size:26px}.intro-captains{margin:5px 0;gap:18px}.intro-captains>div{width:135px}.intro-portrait{height:123px}.intro-portrait svg{height:157px}.intro-captains b{font-size:15px;margin-top:4px}.intro-captains small{font-size:6px;margin-top:3px}.intro-panel>p{font-size:11px;line-height:1.4;margin:9px 0}.intro-panel>.primary{margin-top:10px;width:240px}.modal{padding:20px;width:365px}.modal h2{font-size:26px;margin:12px 0}.modal>p{font-size:11px}.modal>.primary{margin-top:14px}.result-panel{width:610px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:center;padding:20px 28px}.result-panel .result-icon{font-size:30px;margin:0}.result-panel .eyebrow{grid-column:1;font-size:8px}.result-panel h2{grid-column:1;font-size:25px;margin:8px 0}.result-panel>p{grid-column:1;margin:0}.result-score{grid-column:2;grid-row:1/4;margin:0;gap:12px}.result-score b{font-size:40px}.result-stats{grid-column:2;grid-row:4/7;gap:7px;padding:9px 0}.result-panel>.primary{grid-column:1;grid-row:5;margin-top:10px}.result-panel>.text-button{grid-column:1;grid-row:6;padding:10px}.help-panel{width:650px;margin:auto;padding:22px}.help-panel h2{font-size:24px;margin:8px 0}.help-grid{gap:10px 20px;margin:12px 0}.help-grid b{font-size:11px}.help-grid p{font-size:10px;margin-top:4px}.arcade-note{padding:9px}.arcade-note p{font-size:10px}.help-panel>.primary{margin-top:10px}.help-keyboard{font-size:8px!important;margin:7px 0}}
@media(orientation:portrait){.menu{padding:20px 6%;overflow-y:auto}.edition{font-size:7px;letter-spacing:1px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;min-height:0;margin-top:28px;gap:0}.hero-copy{grid-column:1;grid-row:1}.hero-copy .eyebrow{font-size:7px;line-height:1.5}.hero-copy h1{font-size:clamp(54px,17vw,98px);margin:15px 0}.hero-copy h1 small{font-size:11px;letter-spacing:3px}.hero-description{font-size:10px;line-height:1.5}.hero-description br{display:none}.hero-tags{margin-top:14px}.hero-tags span{font-size:5px}.captains-art{grid-column:2;grid-row:1;height:280px;margin-left:-8px}.captains-art svg:first-of-type{left:-16%;width:95%;transform:rotate(-8deg)}.captains-art svg:nth-of-type(2){right:-22%;width:90%;transform:rotate(8deg)}.captain-label{font-size:12px;border-width:2px}.home-label{left:0;bottom:0}.away-label{right:-4%;bottom:36px}.captain-label small{font-size:5px}.art-vs{font-size:23px;left:45%;top:42%}.match-card{grid-column:1/3;margin-top:24px;justify-self:stretch;max-width:none;padding:20px}.teams-line{margin:15px 0}.setting{margin:14px 0}.setting>label{font-size:11px}.segments button{min-height:37px;font-size:12px}.duration-setting .segments button{min-height:39px}.preferences{margin:18px 0}.menu-footer{margin-top:22px;gap:9px;line-height:1.7;font-size:7px}.menu-footer #record{display:none}.hud{min-width:0;width:calc(100% - 22px);top:max(10px,env(safe-area-inset-top));height:55px}.hud-team{font-size:9px;gap:6px;padding:0 10px}.top-controls{top:77px;right:13px;gap:7px}.top-controls .icon-button{width:34px;height:34px;font-size:18px}.commentary{top:119px;font-size:10px}.joystick{left:22px;bottom:max(37px,env(safe-area-inset-bottom));width:118px;height:118px}.action-controls{width:203px;height:143px;right:18px;bottom:max(29px,env(safe-area-inset-bottom))}.switch-btn{width:52px;height:52px;left:7px}.sprint-btn{width:56px;height:56px;left:73px}.pass-btn{width:61px;height:61px;left:36px;bottom:5px}.shoot-btn{width:78px;height:78px;right:0;bottom:12px}.player-info{left:22px;bottom:178px;font-size:10px}.player-info small{font-size:7px}.kickoff-hint{font-size:10px;padding:12px;white-space:normal;text-align:center;width:235px}.intro-panel h2{font-size:28px}.intro-captains{gap:12px}.intro-captains>div{width:140px}.intro-portrait{height:180px}.intro-portrait svg{height:230px}.intro-captains>span{font-size:20px}.intro-captains b{font-size:16px}.intro-captains small{font-size:6px}.intro-panel>p{font-size:12px}.help-panel{padding:24px}.help-panel h2{font-size:28px}.help-grid{gap:20px;grid-template-columns:1fr}.help-panel{margin:auto}.keyboard-hints{display:none}}
@media(max-width:370px) and (orientation:portrait){.menu{padding:15px 4%}.brand{font-size:8px}.edition{font-size:6px}.captains-art{height:240px}.hero-copy h1{font-size:57px}.action-controls{width:186px;right:12px}.pass-btn{left:30px}.sprint-btn{left:62px}.joystick{width:100px;height:100px;left:16px}.player-info{left:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}