:root{--bg:#0b171d;--panel:#112129;--muted:#7c9199;--line:#263a41;--blue:#328cfb;--mint:#bddab6;--red:#e66f67}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf2ef;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #71b7ff;outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button{border:0;color:inherit}button,select{-webkit-tap-highlight-color:transparent}.shell{max-width:1340px;padding:0 48px;margin:auto}.site-header{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-weight:900;letter-spacing:2.5px;font-size:15px;line-height:1.2}.brand>span:last-child span{display:block;color:#7a969b;font-size:10px;letter-spacing:3px;margin-top:5px}.crest{background:#1f69b8;border:2px solid #8eb0cf;border-radius:9px 9px 17px 17px;width:42px;height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;letter-spacing:1px;position:relative;overflow:hidden;line-height:1.2;box-shadow:inset 0 -7px #ce554f}.crest span{font-size:13px;letter-spacing:1px}.crest i{font-size:10px;font-style:normal}.edition{font-size:9px;color:#8aa0a5;letter-spacing:2px;display:flex;align-items:center;gap:9px}.edition>span{border:1px solid #365058;padding:4px 7px;margin-left:5px;color:#b8ccc6}.edition i,.live-label i{width:5px;height:5px;border-radius:50%;background:#b2dba3}.small-btn{background:transparent;border:1px solid #2d434b;border-radius:5px;padding:8px 10px;font-size:10px;color:#9aafb3;white-space:nowrap}.small-btn:hover{background:#1b3038}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:38px 0 29px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8da299;font-weight:700;margin-bottom:15px}h1,h2,h3,p{margin:0}h1{font-size:45px;letter-spacing:-1.7px;line-height:1.1;font-weight:800}h1 em{font-style:normal;color:#a9c7a0}.intro p{color:#81979e;font-size:12px;margin-top:13px}.intro-side{display:flex;gap:8px;margin-bottom:5px}.chip{font-size:8px;color:#8ea6aa;letter-spacing:1px;padding:7px 9px;border:1px solid #294049;border-radius:4px;white-space:nowrap}.arena{background:#11232a;border:1px solid #304449;box-shadow:0 20px 55px #0003;border-radius:12px;overflow:hidden;position:relative}.scoreboard{display:flex;justify-content:center;align-items:center;gap:53px;background:#14272d;padding:16px 30px;position:relative;border-bottom:1px solid #344c45}.team{display:flex;align-items:center;gap:13px;min-width:150px}.team-home{justify-content:flex-end;text-align:right}.team-away{text-align:left}.team strong{font-size:13px;letter-spacing:1px}.team small{display:block;font-size:7px;color:#718c91;letter-spacing:1.5px;margin-top:5px}.team-dot{height:28px;width:28px;border-radius:50%;background:#3178d1;border:4px solid #4b90e040;box-shadow:0 0 0 1px #3178d160,inset 0 -5px #d05c67}.team-away .team-dot{background:#ca6359;border-color:#d8816e30;box-shadow:0 0 0 1px #df776560,inset 0 -5px #eedaca}.score-center{min-width:120px;display:flex;align-items:center;flex-direction:column;gap:4px}.scores{display:flex;align-items:center;gap:18px;font-variant-numeric:tabular-nums;line-height:1}.scores b{font-size:30px;font-weight:800}.scores span{font-size:20px;color:#6c9290}.clock{font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#a4c69c;background:#263c34;padding:4px 10px;border-radius:3px}.pause-btn{position:absolute;right:22px;top:24px;background:#21383e;border:1px solid #3d5357;border-radius:5px;width:31px;height:31px;color:#91a7a8;font-weight:700}.pitch-wrap{aspect-ratio:1000/640;position:relative;isolation:isolate;background:#162d28;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.pitch-watermark{position:absolute;bottom:3.4%;left:50%;transform:translateX(-50%);font-size:6px;color:#718c83;letter-spacing:2px;pointer-events:none}.overlay{position:absolute;inset:0;background:#0b211f98;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;padding:16px}.start-card,.pause-card{width:360px;background:#13282aee;border:1px solid #456058;border-radius:10px;padding:28px 32px;box-shadow:0 16px 60px #0004}.match-label{font-size:8px;color:#a9caa0;letter-spacing:2px;display:flex;align-items:center;gap:8px;margin-bottom:20px}.match-label span{width:5px;height:5px;background:#a9caa0;border-radius:50%}.start-card h2{font-size:33px;line-height:1.12;letter-spacing:-1.2px}.start-card p{font-size:11px;color:#97ada7;line-height:1.9;margin-top:17px}.setup{display:flex;gap:13px;margin:22px 0}.setup label{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#91a9a2;flex:1}.setup select{padding:10px 9px;border:1px solid #415b52;border-radius:4px;background:#203b35;color:#cee0ce;font-size:11px;width:100%}.play-btn{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 17px;background:#c3dfaa;color:#223d2f;border-radius:5px;width:100%;font-size:10px;letter-spacing:1px;font-weight:800}.play-btn:hover{background:#d4ecc0}.play-btn span{font-size:20px;line-height:1}.start-hint{font-size:8px;text-align:center;color:#6f8d80;display:block;margin-top:15px;line-height:1.7}.pause-card{text-align:center}.pause-card h2{font-size:24px;letter-spacing:-.7px;line-height:1.3;margin-bottom:22px}.pause-card p{font-size:11px;line-height:1.8;color:#9eb5a6;margin:12px 0 22px}.pause-card .eyebrow{color:#a5c695}.ghost-btn{background:none;font-size:10px;color:#849f91;margin-top:16px;padding:8px}.result-score{font-size:56px;font-weight:800;letter-spacing:-2px;margin-top:-8px;color:#c8e3b3}.pause-card .record{font-size:8px;margin-bottom:0;color:#708e7d}.match-footer{background:#14272d;border-top:1px solid #314b3e;padding:12px 21px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;color:#7c9890}.live-label{display:flex;align-items:center;gap:8px}.match-footer .small-btn{font-size:9px;letter-spacing:0;padding:6px 8px}.goal-banner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0e262b50;z-index:5;pointer-events:none}.goal-banner strong{font-size:80px;letter-spacing:-4px;font-style:italic;color:#e1f3c5;text-shadow:0 4px #285136}.goal-banner span{font-size:14px;font-weight:800;letter-spacing:5px;color:white;margin-top:10px}.under-arena{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:24px}.controls-card,.stats-card{border:1px solid #253a40;border-radius:8px;padding:25px;background:#102027}.section-heading{display:flex;align-items:center;gap:11px;margin-bottom:23px}.section-heading>span{font-size:9px;color:#6c9189;border:1px solid #35514c;padding:4px 5px;border-radius:3px}.section-heading h3{font-size:13px;color:#c8d7cd;letter-spacing:-.1px}.keyboard-controls{display:flex;justify-content:space-between;gap:15px}.keyboard-controls>div{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.keys{border:1px solid #3a5055;background:#192d34;border-bottom:3px solid #2a454c;border-radius:4px;padding:6px 8px;font-size:9px;font-weight:700;white-space:nowrap;letter-spacing:1px;color:#b2c5c6}.keys i{font-weight:400;font-style:normal;color:#5f7e83;margin:0 3px}.keyboard-controls small{font-size:8px;color:#739096;line-height:1.6}.tip{font-size:10px;color:#668681;line-height:1.9;margin-top:22px;max-width:650px}.stat-labels{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;margin-bottom:10px;color:#5e99c7}.stat-labels span:last-child{color:#be8276}.stat-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #263a3d;padding:10px 0;font-variant-numeric:tabular-nums}.stat-row strong{font-size:14px;font-weight:700}.stat-row>span{font-size:9px;color:#7b9794}.stat-row:last-child{padding-bottom:0}footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#536f73;padding:33px 0 27px;gap:10px}footer>span:first-child{font-size:8px;letter-spacing:1px;color:#729590}footer i{font-style:normal;color:#3d595d;margin:0 8px}.version{margin-left:14px;font-size:8px;border:1px solid #284247;border-radius:3px;padding:3px 5px}.touch-controls{display:none;background:#13272f;border-top:1px solid #2b4449;align-items:center;justify-content:space-between;padding:18px 26px;gap:10px;touch-action:none;user-select:none;-webkit-user-select:none}.joystick{width:106px;height:106px;border:1px solid #3e5c66;background:radial-gradient(circle,#29444e,#1a3039);border-radius:50%;position:relative;touch-action:none;box-shadow:inset 0 0 16px #101a2260}.stick{width:47px;height:47px;border-radius:50%;background:linear-gradient(145deg,#597983,#354f59);border:1px solid #6c8e95;position:absolute;top:calc(50% - 23.5px);left:calc(50% - 23.5px);box-shadow:0 5px 10px #0004;pointer-events:none}.joy-direction{position:absolute;color:#537883;font-size:8px}.joy-direction.up{top:8px;left:48px}.joy-direction.down{bottom:8px;left:48px}.joy-direction.left{left:9px;top:48px}.joy-direction.right{right:9px;top:48px}.touch-buttons{display:grid;grid-template-columns:55px 75px;grid-template-rows:30px 65px;gap:10px;align-items:center}.touch-switch{font-size:7px;border:1px solid #3b5964;background:#1a3440;border-radius:20px;padding:9px 4px;grid-column:1/3;width:70px;justify-self:center;color:#98b1bb}.touch-pass{width:55px;height:55px;border-radius:50%;border:1px solid #588ab9;background:#264d72;color:#b6daf3;font-size:9px;font-weight:700;box-shadow:0 4px #173347}.touch-shoot{width:72px;height:72px;border-radius:50%;background:#b6d798;border:1px solid #d6ecba;color:#2c472b;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;box-shadow:0 5px #6c985b}.touch-shoot:active{transform:translateY(3px);box-shadow:0 2px #6c985b}.power-track{display:block;width:36px;height:3px;background:#7b995b;border-radius:4px;overflow:hidden}.power-track i{display:block;width:0;height:100%;background:#edf8d5}.mobile-tip{font-size:8px;line-height:1.8;color:#678891;text-align:center}.mobile-hint{display:none;font-size:10px;line-height:1.8;color:#769893}.arena:fullscreen{border:0;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b171d}.arena:fullscreen .scoreboard,.arena:fullscreen .match-footer,.arena:fullscreen .touch-controls{width:100%}.arena:fullscreen .pitch-wrap{width:min(100%,calc((100vh - 120px)*1.5625));flex-shrink:0}.arena:fullscreen .scoreboard{padding:8px 24px}.arena:fullscreen .score-center{gap:2px}.arena:fullscreen .scores b{font-size:22px}.arena:fullscreen .clock{font-size:8px;padding:2px 8px}.arena:fullscreen .touch-controls{position:absolute;bottom:30px;background:transparent;border:none;pointer-events:none}.arena:fullscreen .joystick,.arena:fullscreen .touch-buttons{pointer-events:auto;opacity:.92}.arena:fullscreen .mobile-tip{display:none}
@media(pointer:coarse){.touch-controls{display:flex}.keyboard-controls{display:none}.mobile-hint{display:block}.controls-card .tip{margin-top:0;margin-bottom:10px}.arena:fullscreen .pitch-wrap{width:min(100%,calc((100vh - 80px)*1.5625))}}
@media(max-width:1050px){.shell{padding:0 28px}.intro-side{gap:5px}.chip{font-size:7px;padding:6px}.keyboard-controls{flex-wrap:wrap;justify-content:flex-start;gap:20px}.under-arena{grid-template-columns:1.4fr 1fr}.scoreboard{gap:35px}.intro h1{font-size:39px}.edition{font-size:8px;letter-spacing:1px}}
@media(max-width:700px){.shell{padding:0 14px}.site-header{height:82px}.brand{font-size:12px;gap:10px}.brand>span:last-child span{font-size:8px}.crest{width:35px;height:42px;font-size:8px}.crest span{font-size:11px}.edition{display:none}.intro{padding:25px 2px 22px;align-items:flex-start}.intro h1{font-size:31px;letter-spacing:-1px}.intro p{font-size:10px;line-height:1.7;margin-top:8px}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:12px}.intro-side{flex-direction:column;gap:5px;margin-top:2px}.chip{font-size:6px;padding:5px 6px;text-align:center}.scoreboard{padding:13px 12px;gap:14px}.team{min-width:83px;gap:6px}.team-dot{height:18px;width:18px;border-width:2px;flex-shrink:0}.team strong{font-size:9px;letter-spacing:.3px}.team small{font-size:5px;letter-spacing:.5px;margin-top:4px}.score-center{min-width:58px}.scores{gap:9px}.scores b{font-size:24px}.scores span{font-size:14px}.clock{font-size:7px;padding:3px 7px;letter-spacing:1px}.pause-btn{right:7px;top:4px;width:20px;height:20px;font-size:9px;background:transparent;border:0}.arena{border-radius:8px}.pitch-wrap{min-height:245px}.pitch-wrap canvas{object-fit:contain}.pitch-watermark{font-size:4px;letter-spacing:1px}.start-card{width:270px;padding:15px 20px}.start-card .match-label{font-size:6px;margin-bottom:10px;letter-spacing:1px}.start-card h2{font-size:24px;line-height:1.1}.start-card h2 br{display:none}.start-card p{font-size:8px;line-height:1.6;margin-top:9px}.setup{margin:12px 0;gap:9px}.setup label{font-size:8px;gap:5px}.setup select{padding:6px;font-size:9px}.play-btn{padding:10px 12px;font-size:8px}.play-btn span{font-size:16px}.start-hint{font-size:6px;margin-top:9px}.match-footer{padding:9px 10px;font-size:6px;letter-spacing:.5px}.match-footer .small-btn{font-size:7px;padding:5px}.live-label{gap:4px}.live-label i{width:4px;height:4px}.touch-controls{padding:15px;gap:8px}.joystick{width:96px;height:96px}.joy-direction.up,.joy-direction.down{left:43px}.joy-direction.left,.joy-direction.right{top:43px}.mobile-tip{font-size:7px}.under-arena{grid-template-columns:1fr;margin-top:17px;gap:14px}.controls-card,.stats-card{padding:20px}.section-heading{margin-bottom:17px}.section-heading h3{font-size:12px}.keyboard-controls{gap:14px}.keys{font-size:8px}.tip{font-size:9px}.goal-banner strong{font-size:43px;letter-spacing:-2px}.goal-banner span{font-size:9px;letter-spacing:3px}.pause-card{width:260px;padding:20px}.pause-card h2{font-size:20px;margin-bottom:12px}.pause-card p{font-size:9px;margin:8px 0 13px}.result-score{font-size:40px}footer{font-size:7px;padding:23px 0;line-height:1.8;align-items:flex-start}footer>span:first-child{font-size:6px;letter-spacing:.5px}.version{margin-left:4px}.arena:fullscreen .pitch-wrap{min-height:0}.arena:fullscreen .touch-controls{padding:10px 20px;bottom:15px}.arena:fullscreen .scoreboard{padding:8px}.arena:fullscreen .match-footer{padding:7px}.arena:fullscreen .pitch-wrap .overlay{padding:10px}}
@media(max-height:450px) and (orientation:landscape){.arena:fullscreen .start-card{padding:15px 25px;width:340px}.arena:fullscreen .start-card h2{font-size:24px}.arena:fullscreen .start-card h2 br{display:none}.arena:fullscreen .start-card p{font-size:9px;margin-top:8px}.arena:fullscreen .match-label{margin-bottom:10px}.arena:fullscreen .setup{margin:12px 0}.arena:fullscreen .setup select{padding:6px}.arena:fullscreen .play-btn{padding:10px 14px}.arena:fullscreen .start-hint{margin-top:8px}.arena:fullscreen .joystick{width:86px;height:86px}.arena:fullscreen .joy-direction{display:none}.arena:fullscreen .touch-shoot{width:60px;height:60px}.arena:fullscreen .touch-buttons{grid-template-rows:20px 60px;gap:8px}.arena:fullscreen .touch-pass{width:49px;height:49px}.arena:fullscreen .mobile-tip{display:none}}
/* Island Football 2: official club identity and clearer match controls. */
.official-crest{height:57px;width:46px;object-fit:contain;filter:drop-shadow(0 3px 4px #0005)}.score-crest{height:37px;width:30px;object-fit:contain}.site-return{font-size:10px;color:#8ba5aa;border:1px solid #30454a;border-radius:5px;padding:8px 10px;margin-left:auto;margin-right:12px}.edition{margin-left:auto;margin-right:32px}.player-status{display:flex;align-items:center;gap:10px}.stamina-track{height:4px;width:45px;background:#263c3c;border-radius:3px;overflow:hidden}.stamina-track i{height:100%;width:100%;display:block;background:#b9d799;transition:width .15s}.touch-buttons{grid-template-columns:65px 75px;grid-template-rows:28px 70px;gap:10px}.touch-switch{grid-column:2;width:65px;font-size:6px}.touch-sprint{grid-column:1;grid-row:1;background:#27473c;border-color:#6e9471;color:#b9d2a3}.touch-sprint:active{background:#56754b}.touch-pass{grid-column:1;grid-row:2}.touch-shoot{grid-column:2;grid-row:2}.keyboard-controls{flex-wrap:wrap;gap:18px}.start-card p{max-width:295px}#zoom[aria-pressed=true]{border-color:#b7d59d;color:#b7d59d}@media(max-width:700px){.official-crest{height:45px;width:36px}.score-crest{height:29px;width:23px}.site-return{font-size:8px;padding:6px;margin-right:7px}.edition{display:none}.match-footer{flex-wrap:wrap;justify-content:space-between;gap:8px}.player-status{gap:6px}.stamina-track{width:30px}.match-footer .live-label{flex-basis:33%}.match-footer>button{font-size:6px}.start-card p{font-size:8px}.touch-buttons{grid-template-columns:60px 75px;gap:8px}}@media(max-height:450px) and (orientation:landscape){.arena:fullscreen .touch-buttons{grid-template-columns:60px 65px;grid-template-rows:25px 60px;gap:7px}}

.stadium-sponsors{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.sponsor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.sponsor-heading .eyebrow{display:block;margin-bottom:10px}.sponsor-heading h3{font-size:16px;letter-spacing:-.3px}.sponsor-heading a{font-size:11px;color:#b9d7b0;border-bottom:1px solid #526c59;padding-bottom:5px}.sponsor-strip{display:flex;gap:10px;overflow-x:auto;margin-top:20px;padding-bottom:12px;scrollbar-color:#46635b #14272b}.sponsor-card{background:#faf9f4;flex:0 0 134px;height:72px;border-radius:5px;padding:9px;display:flex;align-items:center;justify-content:center}.sponsor-card img{max-width:100%;max-height:100%;object-fit:contain}.stadium-sponsors>p{color:#829b96;font-size:10px;line-height:1.8;margin-top:10px}@media(max-width:700px){.stadium-sponsors{padding:18px;margin-top:14px}.sponsor-heading{align-items:flex-start;flex-direction:column;gap:13px}.sponsor-heading h3{font-size:14px}.sponsor-card{flex-basis:114px;height:65px}.sponsor-heading a{font-size:10px}}
/* v3: sponsors stay beside the action, readable on phones and fullscreen. */
.live-sponsors{background:#102744;border-bottom:1px solid #405978;width:100%;position:relative;z-index:2;padding:12px 0 14px}.live-sponsors-heading{display:flex;align-items:center;gap:16px;padding:0 20px 10px;color:#dbe8f5}.live-sponsors-heading>strong{font-size:10px;letter-spacing:1px;flex:1}.live-sponsors-heading>strong>span{font-size:8px;color:#99b5d1}.live-sponsors-heading button,.live-sponsors-heading a{background:transparent;color:#b8cde2;font-size:10px;white-space:nowrap;padding:5px;border:1px solid #45617e;border-radius:4px}.sponsor-marquee-viewport{overflow:hidden;width:100%;position:relative}.sponsor-marquee-track{display:flex;width:max-content;animation:sponsor-lap 100s linear infinite;will-change:transform}.sponsor-marquee-group{display:flex;gap:12px;padding-right:12px}.sponsor-marquee-group .sponsor-card{flex:0 0 192px;width:192px;height:80px;padding:9px 12px;gap:5px;flex-direction:column;background:#fffdf6;border-bottom:3px solid #3386d1}.sponsor-card img{height:44px;width:158px;max-height:44px;object-fit:contain}.sponsor-card strong{color:#15324d;text-align:center;font-size:10px;line-height:1.25;max-width:172px}.motion-paused .sponsor-marquee-track{animation-play-state:paused}@keyframes sponsor-lap{to{transform:translateX(-50%)}}
.action-feedback{min-height:32px;padding:10px 15px;background:#0c2231;color:#b7d6e5;font-size:11px;text-align:center;line-height:1.4;border-top:1px solid #30475b}.action-feedback.is-warning{color:#ffdf96}.touch-controls{display:flex;position:relative;z-index:3;padding:16px 28px;gap:15px;min-height:146px;background:linear-gradient(110deg,#122a3d,#163847)}.touch-buttons{grid-template-columns:82px 90px;grid-template-rows:32px 86px;gap:12px;flex-shrink:0}.touch-switch{width:82px;height:32px;font-size:9px;padding:6px}.touch-pass{width:76px;height:76px;font-size:13px;color:#f0f8ff;box-shadow:0 4px #153552}.touch-shoot{width:86px;height:86px;font-size:15px;background:#d0e5a4}.touch-buttons>button{touch-action:none;user-select:none;-webkit-user-select:none}.touch-pass.has-ball{background:#3379b6;border-color:#9bd2ff;box-shadow:0 4px #14344c,0 0 18px #69bcff30}.touch-shoot.has-ball{background:#d2eb99;border-color:#edffb8;box-shadow:0 5px #6c985b,0 0 18px #d4fa7130}.touch-buttons>.is-pressed{transform:translateY(3px);filter:brightness(1.25)}.mobile-tip{font-size:11px;color:#b2c7d7;line-height:1.7}.pitch-wrap{background:#16283b}.pitch-watermark{display:none}.arena:fullscreen .live-sponsors{padding:5px 0 6px;flex-shrink:0}.arena:fullscreen .live-sponsors-heading{padding:0 16px 4px;gap:10px}.arena:fullscreen .live-sponsors-heading>strong{font-size:8px}.arena:fullscreen .live-sponsors-heading>strong>span{display:none}.arena:fullscreen .live-sponsors-heading a,.arena:fullscreen .live-sponsors-heading button{font-size:8px;padding:3px}.arena:fullscreen .sponsor-marquee-group .sponsor-card{height:44px;flex-basis:150px;width:150px;padding:4px 7px;gap:0;flex-direction:row}.arena:fullscreen .sponsor-card img{height:34px;width:63px;max-height:34px}.arena:fullscreen .sponsor-card strong{font-size:8px;max-width:68px}.arena:fullscreen .pitch-wrap{width:min(100%,calc((100dvh - 155px)*1.5625));min-height:0}.arena:fullscreen .action-feedback{display:none}.arena:fullscreen .touch-controls{min-height:0;padding:12px 20px;bottom:10px;z-index:12}.arena:fullscreen .touch-buttons{grid-template-columns:65px 72px;grid-template-rows:27px 69px;gap:8px}.arena:fullscreen .touch-pass{width:60px;height:60px;font-size:10px}.arena:fullscreen .touch-shoot{width:69px;height:69px;font-size:12px}.arena:fullscreen .touch-switch{width:65px;height:27px;font-size:7px}.arena:fullscreen .joystick{width:86px;height:86px}.arena:fullscreen .joy-direction{display:none}@media(max-width:700px){.live-sponsors{padding-top:10px}.live-sponsors-heading{gap:8px;padding:0 10px 8px;flex-wrap:wrap}.live-sponsors-heading>strong{font-size:9px;flex-basis:100%}.live-sponsors-heading>strong>span{font-size:7px;letter-spacing:.4px}.live-sponsors-heading button,.live-sponsors-heading a{font-size:9px}.live-sponsors-heading a{margin-left:auto}.sponsor-marquee-group .sponsor-card{flex-basis:170px;width:170px;height:85px}.sponsor-card img{width:143px;height:48px;max-height:48px}.sponsor-card strong{font-size:9px}.touch-controls{padding:15px 12px;gap:12px;min-height:145px}.touch-buttons{grid-template-columns:75px 86px;gap:8px}.touch-switch{width:75px;font-size:8px}.mobile-tip{display:none}.action-feedback{font-size:10px;padding:9px 10px}.arena:fullscreen .live-sponsors-heading>strong{flex-basis:auto}.arena:fullscreen .live-sponsors-heading a{margin-left:0}.arena:fullscreen .pitch-wrap{width:min(100%,calc((100dvh - 150px)*1.5625))}}@media(prefers-reduced-motion:reduce){.sponsor-marquee-track{animation:none}.sponsor-marquee-viewport{overflow-x:auto}.sponsor-marquee-group[aria-hidden=true]{display:none}}

.arena:fullscreen:not(.is-playing) .touch-controls{display:none}

/* v4 stadium presentation: a restrained blue broadcast frame. */
.graphics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 14px}.graphics-toolbar>span{font-size:10px;color:#c8d9e8;font-weight:700;letter-spacing:1.8px}.graphics-toolbar small{font-size:8px;color:#749cb9;letter-spacing:1px;margin-left:16px}.graphics-toolbar .small-btn{font-size:11px;min-height:38px;border-color:#567da0;color:#c3def3;background:#15344b}.arena{border-color:#54738b;box-shadow:0 25px 70px #0005,0 0 0 5px #183b4d30}.scoreboard{background:linear-gradient(115deg,#14365a,#102536 55%,#432531)}.team-home strong{color:#a8d5ff}.team-away strong{color:#f4b5ae}.intro h1 em{color:#aed5f0}.intro .eyebrow{color:#89b6d5}.pitch-wrap{background:radial-gradient(ellipse,#1b4960,#071628)}@media(max-width:700px){.graphics-toolbar>span{font-size:9px;letter-spacing:1px}.graphics-toolbar small{display:block;margin:5px 0 0;font-size:6px}.graphics-toolbar .small-btn{font-size:9px;min-height:36px}.arena{box-shadow:0 15px 35px #0004}}

/* Opponent selection remains visible above the field on every screen size. */
.opponent-picker{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 22px;padding:20px 24px;border:1px solid #45637b;border-radius:9px;background:linear-gradient(115deg,#13364e,#102332)}.opponent-preview{display:flex;align-items:center;gap:16px;min-width:0}.opponent-preview>img{width:62px;height:68px;padding:6px;background:#fffdf5;border-radius:7px;object-fit:contain;flex-shrink:0}.opponent-preview>div{display:flex;flex-direction:column;gap:7px}.opponent-preview .eyebrow{font-size:9px;letter-spacing:1.5px;color:#a7c4d9}.opponent-preview strong{font-size:21px;color:#f2f5ea}.opponent-preview small{color:#a6c1d8;font-size:12px}.opponent-choice{display:flex;flex-direction:column;gap:7px;min-width:280px}.opponent-choice label{font-size:12px;color:#dae5e9;font-weight:700}.opponent-choice select{width:100%;min-height:44px;border:1px solid #6c93ac;border-radius:5px;background:#e8f0ef;color:#173246;font:inherit;font-size:15px;padding:10px;cursor:pointer}.opponent-choice select:focus-visible{outline:3px solid #9bcdf1;outline-offset:3px}.opponent-choice select:disabled{opacity:.7;cursor:default}.opponent-choice>small{color:#a8bfce;font-size:10px;line-height:1.5}.away-crest{background:#fffdf5;border-radius:4px;padding:3px;object-fit:contain}.team-away{min-width:0}.team-away strong{display:block;overflow-wrap:anywhere;font-size:clamp(9px,1.5vw,16px)}.team-away>div{min-width:0}.stat-labels>span{max-width:48%;overflow-wrap:anywhere}.stat-labels{gap:12px}@media(max-width:700px){.opponent-picker{align-items:stretch;flex-direction:column;gap:16px;padding:16px;margin-bottom:16px}.opponent-preview>img{width:45px;height:52px}.opponent-preview strong{font-size:18px}.opponent-preview small{font-size:11px}.opponent-choice{min-width:0}.opponent-choice select{font-size:16px}.team-away{gap:5px}.team-away strong{max-width:115px;font-size:10px}.away-crest{width:25px;height:31px}.stat-labels{font-size:10px}}

/* Matchday edition: club selection, network friendly and accessible defending. */
.shell{max-width:1200px}.network-match{display:flex;align-items:center;gap:20px;padding:20px 24px;margin:0 0 20px;border:1px solid #405d88;border-left:4px solid #db4766;border-radius:12px;background:linear-gradient(100deg,#20395c,#182a41 60%,#35213b)}.network-crests{display:flex;align-items:center;gap:12px;flex-shrink:0}.network-crests img{width:43px;height:53px;object-fit:contain}.network-crests span{font-size:20px;color:#b2cada}.network-match>div:nth-child(2){flex:1}.network-match small{font-size:9px;letter-spacing:1.5px;color:#b6cdea}.network-match strong{display:block;margin:7px 0;font-size:21px;color:#fff5ee}.network-match p{font-size:12px;color:#b4c8dc}.network-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.network-actions button{min-height:43px;padding:11px 18px;border:1px solid #f184a0;border-radius:6px;background:#df4565;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.network-actions button:disabled{opacity:.5;cursor:default}.network-actions a{font-size:11px;color:#cee2f7}.team-selection{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.home-picker{display:flex;flex-direction:column;gap:10px;padding:20px 24px;border:1px solid #45637b;border-radius:12px;background:linear-gradient(120deg,#143951,#102332)}.home-picker>label{font-size:12px;font-weight:700;color:#dae5e9}.home-picker select{min-height:44px;width:100%;padding:10px;border:1px solid #6c93ac;border-radius:5px;background:#e8f0ef;color:#173246;font:inherit;font-size:15px;cursor:pointer}.home-picker select:focus-visible{outline:3px solid #9bcdf1;outline-offset:3px}.home-picker select:disabled{opacity:.7}.home-team-preview{display:grid;grid-template-columns:42px 1fr;gap:3px 12px;align-items:center;margin-top:7px}.home-team-preview img{grid-row:1/3;width:40px;height:46px;object-fit:contain;background:#fffdf5;border-radius:4px;padding:4px}.home-team-preview strong{font-size:18px;color:#ecf3e9}.home-team-preview small{font-size:11px;color:#a6c1d8}.team-selection .opponent-picker{flex-direction:column;align-items:stretch;gap:16px;margin:0;border-radius:12px}.opponent-preview>img{width:42px;height:46px;padding:4px}.opponent-preview strong{font-size:18px}.opponent-preview>div{gap:4px}.opponent-preview .eyebrow{font-size:8px}.opponent-preview small{font-size:10px}.opponent-choice{min-width:0}.scoreboard{min-height:102px;background:linear-gradient(110deg,#0e2236,#182a3c 50%,#202d3f);border-top:3px solid #3cc8e8}.scores{font-variant-numeric:tabular-nums}.clock{color:#a5d9e9}.team-home strong,.team-away strong{color:#eff6f5}.team-home strong{max-width:180px;overflow-wrap:anywhere;font-size:clamp(9px,1.5vw,16px)}.score-crest{background:#fffdf5;padding:3px;border-radius:5px;object-fit:contain}.touch-buttons{grid-template-columns:78px 78px 88px;grid-template-rows:32px 86px;gap:10px}.touch-sprint{grid-column:1;grid-row:1}.touch-switch{grid-column:2;grid-row:1;width:78px}.touch-defend{grid-column:1;grid-row:2;width:76px;height:76px;border-radius:50%;border:2px solid #86cbe7;background:linear-gradient(#315d78,#183c56);box-shadow:0 4px #112c43;color:#e2f6ff;font-size:11px;font-weight:800}.touch-defend.is-pressed{background:#428da9;box-shadow:0 1px #112c43,0 0 18px #70dbf655}.touch-pass{grid-column:2;grid-row:2}.touch-shoot{grid-column:3;grid-row:2}.touch-controls .mobile-tip{display:none}.arena:fullscreen .touch-buttons{grid-template-columns:58px 58px 68px;grid-template-rows:25px 66px;gap:7px}.arena:fullscreen .touch-switch,.arena:fullscreen .touch-sprint{width:58px;font-size:7px}.arena:fullscreen .touch-defend,.arena:fullscreen .touch-pass{height:56px;width:56px;font-size:9px}.arena:fullscreen .touch-shoot{height:65px;width:65px;font-size:11px}.arena{border-radius:12px}.pitch-wrap{isolation:isolate}.graphics-toolbar>span{color:#e8f7ff}.intro h1 em{color:#66d9e9}@media(max-width:700px){.network-match{flex-wrap:wrap;padding:16px;gap:14px}.network-crests img{width:31px;height:42px}.network-crests{gap:7px}.network-match small{font-size:7px;letter-spacing:.8px}.network-match strong{font-size:18px}.network-match p{font-size:10px;line-height:1.5}.network-actions{flex-basis:100%;flex-direction:row;justify-content:space-between}.network-actions button{font-size:11px;padding:10px 12px}.network-actions a{font-size:10px}.team-selection{grid-template-columns:1fr;gap:12px}.home-picker,.team-selection .opponent-picker{padding:16px}.home-picker select,.opponent-choice select{font-size:16px}.scoreboard{min-height:83px}.team-home strong{max-width:100px;font-size:10px}.touch-controls{padding:14px 10px;gap:9px}.touch-buttons{grid-template-columns:62px 62px 68px;grid-template-rows:30px 68px;gap:7px}.touch-switch,.touch-sprint{width:62px;font-size:7px}.touch-defend,.touch-pass{width:58px;height:58px;font-size:9px}.touch-shoot{width:66px;height:66px;font-size:11px}.joystick{width:86px;height:86px;flex-shrink:0}.intro h1{font-size:40px;line-height:1.06}.intro p{font-size:12px}.graphics-toolbar small{font-size:7px}.stat-row span{font-size:11px}}@media(max-width:355px){.touch-controls{padding:12px 8px;gap:6px}.joystick{width:76px;height:76px}.touch-buttons{grid-template-columns:56px 56px 62px;gap:6px}.touch-defend,.touch-pass{width:54px;height:54px}.touch-shoot{width:60px;height:60px}.touch-switch,.touch-sprint{width:56px}}