.play-surface{min-width:0}.direct-play-controls{background:#10212e;padding:12px;border:1px solid #314959;border-radius:0 0 10px 10px;margin:0}
.direct-play-heading{gap:9px}.direct-play-heading strong{flex:1;min-width:140px;font-size:13px;color:#e7f4f4}.direct-direction{font-size:11px;color:#b6f36a;white-space:nowrap}
.direct-play-controls .direct-short-guide{font-size:11px;margin:8px 0;color:#a8c2d3}.direct-play-controls .direct-feedback{font-size:12px;color:#e8f4d9;min-height:18px;margin:7px 0}.direct-play-controls details{margin-top:7px}.direct-play-controls summary{font-size:11px;cursor:pointer}.direct-play-controls details p{font-size:12px}
.direct-play-controls .direct-touch{gap:12px;margin-top:9px}.direct-pad{flex:0 0 32%}.direct-actions{flex:1}.direct-play-controls .direct-touch button{min-width:0;min-height:46px;font:600 12px 'DM Sans',sans-serif;border-color:#5b788f;background:#1b3447}.direct-touch button:active{background:#b6f36a;color:#17251d}
.live-fixture.direct-active .live-grid{grid-template-columns:minmax(0,1fr)}.live-fixture.direct-active .live-grid>aside{display:none}.live-fixture.direct-active .play-surface{position:sticky;top:0;z-index:4;background:#0c1c28}.live-fixture.direct-active .match-stage{height:min(48dvh,460px);min-height:200px}.live-fixture.direct-active .live-phase{bottom:8px;left:8px;font-size:9px}
.training-ground{width:min(1080px,96vw);max-width:96vw;max-height:94dvh;background:#0e1d2b;color:#edf4fa;padding:28px;border:1px solid #496176;border-radius:16px;overflow:auto}.training-ground::backdrop{background:#06101de8}.training-ground>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.training-ground h2{font-size:36px;margin:8px 0}.training-ground p{color:#a6bccf;font-size:13px;line-height:1.6}.training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.training-grid>.card{padding:22px;min-width:0;display:flex;flex-direction:column;background:#162a3b;border:1px solid #3c5366;border-radius:12px}.training-grid h3{font-size:26px;margin:15px 0 0}.training-grid small{font-size:12px;line-height:1.6;color:#a9c4d8;flex:1}.training-grid .btn{margin-top:22px}.training-note{min-height:25px}.training-hud{padding:12px 15px;border:1px solid #8fb77466;background:#182e2d;border-radius:10px 10px 0 0}.training-hud strong{font-size:15px;color:#d6f5bd;display:block}.training-hud span{font-size:12px;color:#edf5ed;display:block;margin-top:5px}.training-hud p{font-size:11px;color:#a9c8bb;margin:5px 0 0}.live-fixture[data-exercise-done=true] .training-hud{border-color:#b6f36a}
@media(max-width:740px){.live-fixture.direct-active{padding:8px;max-height:98dvh;width:99vw;max-width:99vw}.live-fixture.direct-active .live-top{margin-bottom:9px}.live-fixture.direct-active .live-top p,.live-fixture.direct-active .live-top .eyebrow{display:none}.live-fixture.direct-active .live-top h2{font-size:18px;margin:4px 0}.live-fixture.direct-active .live-top h2 span{font-size:13px}.live-fixture.direct-active .live-scorebar{padding:7px;gap:5px}.live-fixture.direct-active .live-scorebar>b{font-size:26px}.live-fixture.direct-active .live-scorebar>span{font-size:10px}.live-fixture.direct-active .live-scorebar small{font-size:9px}.live-fixture.direct-active .match-stage{height:clamp(130px,29dvh,250px);min-height:130px;max-height:250px}.direct-play-controls{padding:8px}.direct-play-heading .btn{font-size:10px;min-height:35px;padding:7px 9px}.direct-play-heading strong{flex:1 1 65%;min-width:0;font-size:11px;order:3}.direct-direction{order:4;font-size:10px}.direct-play-controls .direct-short-guide{display:none}.direct-play-controls .direct-feedback{font-size:10px;min-height:14px;margin:6px 0}.direct-play-controls .direct-touch{gap:8px}.direct-play-controls .direct-touch button{min-height:44px;padding:5px;font-size:10px}.direct-play-controls details{margin-top:6px}.direct-play-controls summary{font-size:10px}.live-fixture.direct-active .live-phase{max-width:70%;font-size:8px;padding:5px 8px}.training-ground{padding:19px}.training-ground h2{font-size:29px}.training-ground>header{flex-direction:column}.training-grid{grid-template-columns:1fr}.training-grid>.card{padding:20px}.training-hud{padding:8px}.training-hud p{display:none}.training-hud strong{font-size:12px}.training-hud span{font-size:10px}}
@media(max-height:620px) and (max-width:740px){.live-fixture.direct-active .live-scorebar small{letter-spacing:0}.live-fixture.direct-active .match-stage{height:130px}.direct-play-controls details{margin-top:3px}.training-hud{padding:5px 8px}}

.live-fixture [hidden]{display:none!important}

@media(max-width:740px){.direct-pad{flex:0 0 140px;gap:4px}}

.training-hud>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.training-hud>header>.btn{min-height:30px;font-size:10px;padding:5px 9px;flex:none}.live-fixture.direct-active[data-exercise] .match-stage{height:clamp(130px,26dvh,240px);min-height:130px;max-height:240px}
.training-progress{display:grid;grid-template-columns:auto minmax(90px,1fr);gap:10px 20px;align-items:center;padding:16px 0;color:#dce7f2;font-size:13px}.training-progress progress{width:100%;accent-color:#b6f36a;height:8px}.training-progress>span{grid-column:1/-1;color:#a4b6c9;font-size:12px}.training-grid [data-skill-state=next]{border-color:#b6f36a}.training-grid [data-skill-state=complete] .eyebrow{color:#b6f36a}.training-record{font-size:11px;color:#9fafbf;margin-top:16px}.training-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.training-result-actions button{min-height:36px}
.direct-play-controls .direct-possession{font-size:11px;color:#b8d2df;line-height:1.4;margin:5px 0}.direct-possession[data-possession=on-ball]{color:#c7f595}.direct-possession[data-possession=opposition]{color:#f3d6ab}@media(max-width:740px){.direct-play-controls .direct-possession{font-size:10px;line-height:1.3;margin:4px 0}}