/* v13: match-first layouts and readable identity at every screen size. */
.brand .brand-logo{width:100%;max-width:180px;height:auto}.welcome-logo{display:block;width:min(320px,90%);height:auto;margin:0 auto 8px}.intro-modal .speaker-card{margin:8px 0}.guide-captain-decided{display:flex;align-items:center;gap:9px;margin:0}.guide-captain-decided small{display:block;color:var(--muted);font-size:.75rem}.training-invitation{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border:1px solid #8aab7d;background:#eef3e2;color:#2d503c;border-radius:10px;margin:12px 0}.training-invitation>span{flex:1;min-width:0}.training-invitation b,.training-invitation small{display:block}.training-invitation small{font-size:.78rem;line-height:1.6;margin-top:4px}.training-players{display:grid;gap:10px}.training-players article{display:flex;gap:10px;align-items:center}.training-players small{display:block;font-size:.8rem;color:var(--muted);margin-top:5px}.room-stadium .object-training{max-width:65%}.room-stadium .object-training .room-bubble{max-width:230px;width:200px;white-space:normal}.dismissal-story{padding:20px;background:#f1e5d8;border-left:4px solid #965f3c;border-radius:8px}.dismissal-story p{line-height:1.85}.month-onboarding{padding:12px;background:#eff2e4;border-radius:8px;line-height:1.7}
.topbar .difficulty b{color:var(--accent);font-size:1rem;margin-left:4px}
/* Center the theatre itself, not only its footer. */
.match-theatre-modal>.dialog-content{width:100%;max-width:1120px;margin-inline:auto;align-self:center;box-sizing:border-box}
#match-theatre{width:100%;max-width:none;margin-inline:auto}
#match-theatre[data-live=true]{gap:7px}
#match-theatre[data-live=true] .clash-score{padding:6px 14px;border-radius:8px;min-height:52px;gap:12px}
#match-theatre[data-live=true] .clash-score>div{display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:center}
#match-theatre[data-live=true] .clash-score>div>strong{font-size:.88rem}
#match-theatre[data-live=true] .clash-score .crest{width:26px;height:32px}
#match-theatre[data-live=true] .clash-score .crest span{font-size:16px}
#match-theatre[data-live=true] .clash-score>div>small,#match-theatre[data-live=true] .clash-standing{display:none}
#match-theatre[data-live=true] .clash-score>b{font-size:2rem}
.match-watch-clock{padding:0;font-size:.8rem}.match-theatre-modal .match-watch-actions{max-width:1080px}
.broadcast-lineup{padding:10px;background:radial-gradient(ellipse at top right,#256658,#112e39 75%)}
.broadcast-lineup .broadcast-heading{margin-bottom:8px;font-size:1.5rem;letter-spacing:.035em}
.broadcast-lineup .broadcast-heading small{display:block;letter-spacing:.08em;font-size:.65rem;font-weight:400;color:#bbd5cd;margin-bottom:2px}
.broadcast-lineup .broadcast-heading>span{font-size:1rem;color:#f3d595}
.xi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:7px;flex:1;min-height:0;max-width:760px;width:100%;margin:auto}
.xi-card{display:flex;flex-direction:column;border:0;padding:0;min-width:0;min-height:0;background:#0b2735;color:#fff;border-radius:5px;overflow:hidden;text-align:center}
.xi-photo{display:block;position:relative;flex:1;min-height:0;width:100%;overflow:hidden;background:radial-gradient(ellipse,#507b77,#1e5060)}
.xi-photo .avatar.xi-face{position:absolute;top:0;bottom:auto;left:50%;right:auto;transform:translateX(-50%);margin:0;display:block;width:auto;height:100%!important;max-width:100%;aspect-ratio:1;border-radius:0;mask-image:none}
.xi-card>strong{display:flex;align-items:center;justify-content:center;min-height:28px;flex:none;width:100%;font-size:.86rem;line-height:1.25;padding:4px 3px;box-sizing:border-box;background:#10242eee;border-bottom:2px solid #d8b666;overflow-wrap:anywhere}
.xi-position{position:absolute;left:5px;top:5px;background:#122e3cdd;padding:3px 5px;border-radius:3px;font-size:.72rem;color:#f2d98e}.xi-position small{display:block;font-size:.6rem;color:#fff}.xi-captain{position:absolute;right:5px;top:5px;background:#ead194;color:#122e3c;border-radius:50%;padding:3px 6px;font-size:.7rem}.xi-club{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;color:#e7d299;font-size:.8rem;text-align:center}.xi-club .crest{width:42px;height:52px}.broadcast-lineup>p{flex:none;font-size:.72rem;line-height:1.5;margin:6px 0 0}
.formation-board{position:relative;flex:1;min-height:100px;max-width:430px;width:100%;margin:auto;background:repeating-linear-gradient(0deg,#315d4c 0 12.5%,#2b5446 12.5% 25%);border:1px solid #c7dac480;border-radius:8px;overflow:hidden}.formation-board:before{content:'';position:absolute;inset:5%;border:1px solid #e1eace80}.formation-board:after{content:'';position:absolute;top:50%;left:5%;width:90%;border-top:1px solid #e1eace80}.formation-player{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);min-width:44px;min-height:44px;border:1px solid #f0d18d;border-radius:8px;background:#123a3af5;color:#f2d695;font-size:.95rem;padding:5px;z-index:1}.formation-player small{display:block;font-size:.6rem;color:white}
/* Close-up half-field action with shirt silhouettes, trajectories and player identities. */
.cinematic-replay{padding:12px;background:linear-gradient(150deg,#284c50,#132d3b)}
.replay-camera{position:relative;flex:1;min-height:100px;overflow:hidden;border-radius:8px;background:#172c3b;display:flex;flex-direction:column}
.stadium-crowd{height:28px;flex:none;background:radial-gradient(circle,#f1d38c 1px,transparent 2px) 0 0/12px 8px,linear-gradient(#102e3d,#254c56);border-bottom:5px solid #d7bb77}
.cinematic-pitch{position:relative;flex:1;background:repeating-linear-gradient(100deg,#387459 0 14%,#30684f 14% 28%);isolation:isolate;overflow:hidden;min-height:100px}
.pitch-markings{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#e1ebcc90;stroke-width:.4}.pass-trail{stroke:#f0d997;stroke-width:.8;stroke-dasharray:2 1;opacity:0;animation:play-trail var(--duration) linear both;animation-delay:var(--elapsed);animation-play-state:var(--run)}
.stadium-ad{position:absolute;left:3%;top:1%;color:#e8d79e;font-size:clamp(8px,1vw,11px);letter-spacing:.08em}
.replay-actor{position:absolute;left:var(--sx);top:var(--sy);width:clamp(28px,5vw,52px);height:clamp(36px,6.5vw,68px);transform:translate(-50%,-85%);z-index:2;animation:match-runner var(--duration) ease-in-out both;animation-delay:var(--elapsed);animation-play-state:var(--run)}
.replay-kit{width:100%;height:100%;filter:drop-shadow(2px 3px 2px #001e2c66)}.replay-actor.shooter{z-index:3}.replay-actor.goalkeeper{z-index:4}
.cinematic-ball{position:absolute;left:var(--sx);top:var(--sy);width:10px;height:10px;transform:translate(-50%,-50%);border:1px solid #102a3b;border-radius:50%;background:radial-gradient(circle,#213a43 20%,white 22%);box-shadow:0 3px 3px #071b2a88;z-index:5;animation:match-ball-flight var(--duration) ease-in-out both;animation-delay:var(--elapsed);animation-play-state:var(--run)}
.cinematic-net{position:absolute;right:0;top:37%;height:26%;width:6%;border:2px solid #f5f0d9;background:repeating-linear-gradient(0deg,transparent 0 5px,#eee6 5px 6px),repeating-linear-gradient(90deg,transparent 0 5px,#eee6 5px 6px);box-shadow:inset 3px 0 9px #102a3b55}
.play-outcome{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 18px;background:#112b37ed;color:#f5d78c;border:1px solid #d5b66d;border-radius:4px;font-size:clamp(.9rem,2.2vw,1.35rem);font-weight:800;opacity:0;z-index:6;animation:play-reveal var(--duration) linear both;animation-delay:var(--elapsed);animation-play-state:var(--run)}
.replay-identities{display:flex;align-items:center;gap:12px;flex:none;padding-top:12px;min-height:70px}.replay-identities .avatar.replay-face{width:64px;height:auto!important;aspect-ratio:1;border:1px solid #d4ba7b;border-radius:6px;flex:none}.replay-identities>div{min-width:0}.replay-identities b{font-size:1.1rem;color:#f5e3b5}.replay-identities p{font-size:.88rem;line-height:1.55;margin:4px 0}.replay-identities small{font-size:.75rem;color:#d6dedb}
.event-cutin .cutin-face.avatar{width:clamp(80px,20vh,190px);height:auto!important;aspect-ratio:1}.event-cutin .cutin-title{font-style:italic;font-size:clamp(2rem,8vh,5.5rem)}.event-cutin h3{font-size:clamp(1.1rem,3vh,1.8rem)}.event-cutin .cutin-assist{color:#f3d389;font-weight:700}.event-cutin{background-image:repeating-linear-gradient(125deg,transparent 0 30px,#ffffff05 30px 34px),radial-gradient(ellipse,#396f54,#132e3b)}.cutin-conceded{background-color:#5d303b;background-image:radial-gradient(ellipse,#69453b,#212c3a)}.cutin-injury{background-image:radial-gradient(ellipse,#655a3d,#2e3540)}.waiting-minute{font-size:3rem;color:#e6cf90;font-style:italic}
@keyframes match-runner{0%,12%{left:var(--sx);top:var(--sy)}50%{left:var(--mx);top:var(--my)}72%,100%{left:var(--ex);top:var(--ey)}}
@keyframes match-ball-flight{0%,12%{left:var(--sx);top:var(--sy)}50%{left:var(--mx);top:var(--my)}68%{left:var(--tx);top:var(--ty)}85%,100%{left:var(--ex);top:var(--ey)}}
@keyframes play-trail{0%,10%{opacity:0}15%,80%{opacity:.55}100%{opacity:0}}
@keyframes play-reveal{0%,82%{opacity:0}88%,100%{opacity:1}}
@media(max-width:900px){.topbar{height:68px;min-height:68px;position:relative;align-items:flex-start;padding-top:5px}.topbar .difficulty{display:block!important;position:absolute;left:12px;bottom:5px;font-size:.7rem;line-height:1.2}.topbar .difficulty b{font-size:.78rem}.topbar .story-clock>span>strong{font-size:1.65rem}.topbar .story-clock>b{font-size:1.4rem}.clock-transfer-badge{font-size:.6rem;padding:4px 7px}.topbar-right{margin-left:auto}.topbar .icon-button{height:34px}.training-invitation{padding:10px;font-size:.84rem}.training-invitation small{font-size:.72rem}.match-theatre-modal>.dialog-header{display:none}.match-theatre-modal>.dialog-content{padding-top:8px}.match-watch-clock>span{font-size:.7rem}.match-watch-clock>strong{font-size:.85rem}#match-theatre[data-live=true] .clash-score{padding:5px 6px;min-height:45px}#match-theatre[data-live=true] .clash-score>div{gap:4px}#match-theatre[data-live=true] .clash-score>div>strong{font-size:.75rem}#match-theatre[data-live=true] .clash-score .crest{display:none}#match-theatre[data-live=true] .clash-score>b{font-size:1.65rem}.xi-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:5px}.xi-card>strong{font-size:.75rem;min-height:30px}.broadcast-lineup{padding:8px}.broadcast-lineup .broadcast-heading{font-size:1.18rem}.broadcast-lineup>p{font-size:.64rem}.match-theatre-modal>.dialog-footer{padding:6px 12px max(6px,env(safe-area-inset-bottom))}.match-watch-actions{gap:6px}.match-watch-actions>.button{font-size:.76rem;padding:8px 5px;min-height:42px}.match-watch-actions>.auto-skip-toggle{grid-column:1/-1;font-size:.68rem;min-height:30px}.replay-identities{gap:8px;padding-top:10px}.replay-identities .avatar.replay-face{width:52px}.replay-identities b{font-size:.95rem}.replay-identities p{font-size:.78rem}.cinematic-replay{padding:8px}.event-cutin .broadcast-caption{font-size:.82rem}}
@media(max-height:600px){.xi-card>strong{min-height:28px;font-size:.7rem;padding:2px}.broadcast-lineup .broadcast-heading{font-size:1rem;margin-bottom:4px}.broadcast-lineup .broadcast-heading small{display:none}.broadcast-lineup>p{margin-top:3px;font-size:.6rem}.xi-position{font-size:.6rem;top:2px;left:2px}.xi-position small{display:none}.replay-identities{min-height:48px}.replay-identities .avatar.replay-face{width:42px}.replay-identities p{font-size:.72rem}.event-cutin .cutin-face.avatar{width:64px}.event-cutin .cutin-title{font-size:2rem}.event-cutin .broadcast-caption{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.replay-actor,.cinematic-ball,.play-outcome,.pass-trail{animation:none}.replay-actor,.cinematic-ball{left:var(--ex);top:var(--ey)}.play-outcome{opacity:1}.pass-trail{opacity:.4}}

@media(max-height:600px){.welcome-logo{width:210px;margin-bottom:4px}.intro-modal .dialog-content>h2{margin-top:4px;margin-bottom:8px;font-size:1.15rem}.intro-modal .intro-rules li{margin:5px 0;font-size:.8rem}.intro-modal .speaker-card{margin:5px 0}}