/* Manager media: match-view choice, sideline camera, shouts, half-time orders, press conference. design-v17 grammar: no frames;
   the camera is full-bleed, text sits on the scene, choices are glass lines, selection is an accent underline. */
#app .mm-views{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:4px 0 10px}
#app .mm-views button{background:transparent!important;border:0!important;color:var(--v17-ink-2,#aaa)!important;padding:6px 0!important;border-radius:0!important;font-size:14px}
#app .mm-views button.on{color:var(--v17-pick,#def68b)!important;box-shadow:inset 0 -2px 0 var(--v17-pick,#def68b)!important}
#app .mm-views button:disabled{opacity:.4}
#app .mm-sideline{position:relative;margin:0 0 14px}
#app .mm-sideline canvas{display:block;width:100%;aspect-ratio:16/9;background:#1b2433;border-radius:0}
@media (orientation:portrait) and (max-width:700px){#app .mm-sideline canvas{aspect-ratio:3/4}}
#app .mm-hud{position:absolute;left:0;right:0;top:0;z-index:1;display:flex;justify-content:center;align-items:baseline;gap:10px;padding:8px 10px;color:#fff;text-shadow:0 1px 3px #000d;font-size:13px;pointer-events:none;background:linear-gradient(#0009,#0000)}
#app .mm-hud span{max-width:34%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .mm-hud b{font-size:18px;letter-spacing:.06em}
#app .mm-hud i{font-style:normal;color:var(--v17-accent,#e4be82)}
#app .mm-ticker{position:absolute;left:0;right:0;bottom:0;margin:0;padding:18px 10px 6px;list-style:none;font-size:12px;line-height:1.45;color:#f3f3ea;text-shadow:0 1px 3px #000d;pointer-events:none;background:linear-gradient(#0000,#000a)}
#app .mm-ticker li.goal{color:var(--v17-pick,#def68b)}
#app .mm-ticker li.red,#app .mm-ticker li.injury{color:#ffb3a1}
#app .mm-shoutbuttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 6px}
#app .mm-shoutbuttons button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 10px!important;text-align:left;font-weight:600}
#app .mm-shoutbuttons button small{font-weight:400;font-size:11px;color:var(--v17-ink-2,#aaa)}
#app .mm-shoutbuttons button:disabled{opacity:.42}
#app .mm-shoutlog{margin:6px 0;padding:0;list-style:none;font-size:13px;line-height:1.5;color:var(--v17-ink,#eee)}
#app .mm-orderset{margin-top:16px}
#app .mm-orderset h3{font-size:13px;letter-spacing:.04em;color:var(--v17-ink-2,#aaa);margin:0 0 6px}
#app .mm-order{display:block;padding:6px 0;line-height:1.45}
#app .mm-order small{display:block;margin-left:24px}
#app .mm-pressroom{display:block;width:100%;aspect-ratio:16/9;margin:0 0 8px;background:#1d2638}
@media (orientation:portrait) and (max-width:700px){#app .mm-pressroom{aspect-ratio:1/1}}
#app .mm-still{position:relative;margin:0 0 12px}
#app .mm-still img{display:block;width:100%;max-height:46vh;object-fit:cover}
#app .mm-still figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 12px 8px;color:#fff;font-size:13px;letter-spacing:.04em;text-shadow:0 1px 3px #000d;background:linear-gradient(#0000,#000a)}
#app .highlights{display:flex;flex-wrap:wrap;gap:4px 14px;padding:6px 0 10px}
#app .highlights button{background:transparent!important;border:0!important;border-radius:0!important;padding:6px 0!important;color:var(--v17-ink-2,#aaa)!important;font-size:13px}
#app .highlights button b{color:var(--v17-ink,#eee)}
#app .highlights button.goal b,#app .highlights button.on{color:var(--v17-pick,#def68b)!important}
#app .highlights button.on{box-shadow:inset 0 -2px 0 var(--v17-pick,#def68b)!important}
#app .mm-pressfree{margin:8px 0 18px}
#app .mm-pressfree textarea{display:block;width:100%;box-sizing:border-box;margin:4px 0 8px;padding:10px;border:0;border-radius:12px;background:var(--v17-glass,rgba(16,16,22,.55));color:var(--v17-ink,#eee);font:inherit;resize:vertical}
/* sideways phones: the sideline camera fits the screen height so the benches and coaches stay on screen */
.mm-room{margin:12px 0 24px}.mm-room-stage{position:relative;aspect-ratio:1672/941;overflow:hidden;background:#3e2d21;border-radius:14px}.mm-room-bg{position:absolute;width:100%;height:100%;object-fit:contain}.mm-room-player{position:absolute;left:calc(var(--x)*1%);bottom:calc((34 + var(--depth)*5)*1%);height:calc((60 - var(--depth)*9)*1%);width:19%;transform:translateX(-50%);pointer-events:none}.mm-room-player>.cinema-actor{position:static!important;display:block;height:100%!important;width:auto!important;max-width:none;transform:none!important;animation:none!important;margin:auto}.mm-room-player.is-right{transform:translateX(-50%) scaleX(-1)}.mm-room-coach{position:absolute;height:65%;width:auto;left:50%;bottom:13%;transform:translateX(-50%)}.mm-room-caption{position:absolute;inset:auto 0 0;padding:34px 20px 14px;background:linear-gradient(transparent,#141316ed);color:#fff;text-shadow:0 1px 3px #000}.mm-room-caption small{font-size:12px;color:#e0d5b7}.mm-room-caption p{font:500 clamp(15px,2.2vw,21px)/1.5 serif;margin:5px 0}.mm-room-caption span{font-size:12px;color:#ddedb9}#app .mm-talk-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin-top:8px}#app .mm-talk-choices button{text-align:left;min-height:44px;padding:10px 0!important;border-bottom:1px solid #ffffff19!important;border-radius:0!important;background:transparent!important}.mm-substitution{margin:24px 0}.mm-substitution>header{display:flex;justify-content:space-between;align-items:center}.mm-substitution h2{font-size:16px}.mm-sub-hint{font-size:13px;color:#b3c4ba}.mm-sub-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(130px,1fr);gap:16px}.mm-sub-pitch{position:relative;aspect-ratio:4/5;min-height:420px;background:linear-gradient(#30483c,#1d332a);border-radius:12px;overflow:hidden}.mm-sub-player{display:flex;align-items:center;flex-direction:column;gap:2px;min-width:0;color:#fff}.mm-sub-pitch .mm-sub-player{position:absolute;transform:translate(-50%,-50%);width:19%;padding:0!important;background:transparent!important}.mm-sub-player b{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-sub-player small{font-size:10px;color:#d5ded5}.mm-sub-face{height:52px;width:40px;object-fit:cover;border-radius:7px;overflow:hidden}.mm-sub-player.is-picked{outline:2px solid #def68b;outline-offset:3px;border-radius:8px!important}.mm-sub-player meter{height:5px;width:70%;margin-top:3px}.mm-sub-bench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px 6px}.mm-sub-bench .mm-sub-player{padding:6px!important;background:#ffffff06!important}.mm-substitution>[data-sub-confirm]{margin-top:12px;min-height:44px;width:100%}.mm-orders-detail>summary,.mm-records-detail>summary{cursor:pointer;padding:12px 0;color:#bdcbbf;font-size:13px}.mm-stat-chips{display:flex;gap:8px 24px;flex-wrap:wrap;margin:12px 0}.mm-stat-chips span{font-size:12px;color:#9caca2}.mm-stat-chips b{display:block;font-size:20px;color:#e6eddf}.mm-order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.mm-order-grid .mm-order{border-bottom:1px solid #ffffff18}
@media(max-width:600px){.mm-room-stage{aspect-ratio:1.35}.mm-room-bg{object-fit:cover;object-position:center 35%}.mm-room-caption{padding:25px 12px 12px}.mm-sub-layout{grid-template-columns:1fr}.mm-sub-pitch{min-height:420px}.mm-sub-bench{grid-template-columns:repeat(4,minmax(0,1fr))}.mm-room-player{width:24%}#app .mm-talk-choices{gap:0 12px}.mm-room-coach{height:62%;bottom:18%}}
@media (max-height:500px) and (orientation:landscape){.mm-sideline canvas{aspect-ratio:auto;height:calc(100svh - 64px)}}
.mm-player-thought{position:absolute;left:0;top:8%;width:115px;max-width:28vw;padding:7px 9px;background:#faf6e9f2;color:#37443c;font:11px/1.5 system-ui;border-radius:11px 11px 11px 2px;box-shadow:0 2px 12px #0002;animation:mm-thought 6s both;pointer-events:none}.mm-room-player.is-right .mm-player-thought{transform:scaleX(-1)}@keyframes mm-thought{0%{opacity:0;translate:0 5px}12%,85%{opacity:1;translate:0 0}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.mm-player-thought{animation:none}}
