/* Keep scroll/navigation available while suppressing accidental touch zoom. */
.game-shell,.game-dialog,.match-panel{touch-action:pan-y}
button,a,input,select,summary{touch-action:manipulation}
input,select,textarea{font-size:max(16px,1rem)}
.game-dialog{overflow-wrap:anywhere}.game-dialog .dialog-footer{flex-shrink:0}
.room-object.object-table .room-object-art{border-radius:4px;background:#eee6ce;color:#3a5948;box-shadow:0 2px 4px #0003}
.room-object.object-table{max-width:22%}.room-label{overflow-wrap:anywhere}
.captain-panel{display:flex;align-items:center;gap:9px;padding:12px;margin-bottom:14px}.captain-panel>div{flex:1;min-width:0}.captain-panel strong{display:block;font-size:.9rem}.captain-panel small{display:block;margin-top:4px;font-size:.73rem;color:#786e60}
.captain-candidates>article{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.captain-candidates>article>div{flex:1;min-width:0}.captain-candidates small{display:block;font-size:.73rem;line-height:1.6}.captain-candidates .button{flex:none}.leadership-detail{font-size:.8rem;line-height:1.7}
.special-invitation{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:radial-gradient(ellipse at top,#345e67,#102631 75%);border-radius:16px;gap:12px}.special-invitation h2{color:#efd79a;font-size:clamp(1.3rem,4vw,2rem);margin:0}.special-invitation h3{color:#fff;margin:0}.special-invitation p{font-size:.9rem;margin:0;line-height:1.7}.special-invitation .crest{flex-shrink:0}
.broadcast-lineup,.broadcast-replay,.event-cutin,.broadcast-wait{display:flex;flex:1;min-height:0;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;border-radius:12px;background:#193b43;color:#eef5ef;padding:12px}
.broadcast-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-shrink:0;font-size:.78rem;color:#f2d99c;margin-bottom:8px}.broadcast-heading span{color:#d7e8df}.broadcast-caption{font-size:clamp(.8rem,1.9vh,1rem);line-height:1.6;text-align:center;margin:10px 0 0;overflow-wrap:anywhere}.replay-note{color:#b6ceca;text-align:center;font-size:.65rem;margin-top:4px}
.lineup-pitch,.replay-pitch{position:relative;isolation:isolate;flex:1;min-height:70px;border:1px solid #d3e4c766;border-radius:6px;background:repeating-linear-gradient(90deg,#386d56 0 12.5%,#31664f 12.5% 25%);overflow:hidden}
.lineup-pitch:before,.replay-pitch:before{content:'';position:absolute;inset:5%;border:1px solid #eef5da80;border-radius:2px}.lineup-pitch:after,.replay-pitch:after{content:'';position:absolute;inset:5% 50%;border-left:1px solid #eef5da80;z-index:-1}
.lineup-player{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:21%;z-index:1}.lineup-player .avatar{width:clamp(22px,4vh,40px);height:clamp(22px,4vh,40px);border:1px solid #ead49a;flex:none}.lineup-player>span{font-size:clamp(.55rem,1.25vh,.72rem);line-height:1.15;max-width:100%;background:#09251ddb;border-radius:3px;padding:2px 3px;overflow-wrap:anywhere;text-align:center}.lineup-player b{color:#f4d486}.broadcast-lineup>p{margin:8px 0 0;font-size:.72rem;text-align:center}
.replay-pitch{perspective:600px}.pitch-circle{position:absolute;left:50%;top:50%;width:19%;aspect-ratio:1;border:1px solid #eef5da80;border-radius:50%;transform:translate(-50%,-50%)}.goal-net{position:absolute;right:0;top:35%;height:30%;width:5%;border:2px solid #f2edcc;background:repeating-linear-gradient(0deg,transparent 0 5px,#eee7 5px 6px),repeating-linear-gradient(90deg,transparent 0 5px,#eee7 5px 6px)}
.runner,.defender,.keeper{position:absolute;width:16px;height:16px;background:#edd594;border:2px solid #fff5d8;border-radius:50%;box-shadow:0 3px 4px #0005;transform:translate(-50%,-50%);z-index:2}.runner b{position:absolute;left:50%;top:20px;transform:translateX(-50%);width:100px;text-align:center;font-size:.67rem;color:#fff;text-shadow:0 1px 3px #000;line-height:1.2}.defender{background:#ba6256;border-color:#f8d9bc}.keeper{left:91%;top:50%;background:#6abed5;border-color:#dcf7ff}.support{left:24%;top:var(--sy);animation:runner-support var(--duration) linear both}.finisher{left:45%;top:65%;animation:runner-finish var(--duration) ease-in-out both}.opponent-attack .runner{background:#ba6256}.opponent-attack .defender{background:#edd594}.match-ball{position:absolute;width:8px;height:8px;border:1px solid #10252a;border-radius:50%;background:#fff;box-shadow:0 2px 3px #0007;z-index:3;animation:ball-goal var(--duration) ease-in-out both}.match-ball.ball-wide{animation-name:ball-wide}.runner,.match-ball{animation-play-state:var(--run);animation-delay:var(--elapsed)}
@keyframes runner-support{from{left:24%;top:var(--sy)}to{left:47%;top:42%}}@keyframes runner-finish{0%{left:45%;top:65%}55%{left:62%;top:50%}100%{left:75%;top:53%}}
@keyframes ball-goal{0%,12%{left:25%;top:var(--sy)}48%{left:61%;top:51%}65%{left:75%;top:53%}85%,100%{left:98%;top:48%}}@keyframes ball-wide{0%,12%{left:25%;top:var(--sy)}48%{left:61%;top:51%}65%{left:75%;top:53%}85%,100%{left:95%;top:15%}}
.event-cutin{position:relative;align-items:center;justify-content:center;text-align:center;gap:7px;background:radial-gradient(ellipse at center,#397b61,#173d32);animation:cutin-in .23s ease-out}.cutin-conceded{background:radial-gradient(ellipse,#764c46,#322d37)}.cutin-injury{background:radial-gradient(ellipse,#655a3d,#2e3540)}.cutin-save{background:radial-gradient(ellipse,#3b637b,#173745)}.cutin-title{font-size:clamp(1.4rem,5vh,3.4rem);letter-spacing:.08em;color:#f8e4aa;line-height:1.1}.cutin-minute{position:absolute;top:12px;left:14px;font-size:.8rem}.cutin-face.avatar{width:clamp(48px,10vh,96px);height:clamp(48px,10vh,96px);border:2px solid #ead49a;flex:none}.event-cutin h3{font-size:1rem;margin:0;overflow-wrap:anywhere}.event-cutin>p{margin:0;font-size:.8rem;line-height:1.5}.event-cutin .broadcast-caption{max-width:600px}.broadcast-wait{align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse,#2e514d,#183840)}.broadcast-wait>span{letter-spacing:.18em;color:#ead49a;font-size:.75rem}.broadcast-wait p{font-size:.85rem;text-align:center;margin:0}.pitch-mini{opacity:.7}
@keyframes cutin-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.match-watch-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.match-watch-actions>.auto-skip-toggle{grid-column:2/4}.match-watch-actions>.full{grid-column:1/-1}.match-watch-actions>.full+.auto-skip-toggle{grid-column:1/-1}.match-watch-actions>.button{white-space:normal;min-width:0}.match-panel{min-height:0}.own-goals h3{font-size:.9rem}.own-goal-row strong{font-size:.95rem}.own-goal-row p{font-size:.82rem}
@media(max-height:600px){.match-theatre-modal .clash-standing{display:none}.match-theatre-modal .clash-score .crest{display:none}.match-theatre-modal .clash-score>div>small{display:none}.clash-score>b{font-size:1.8rem}.broadcast-lineup,.broadcast-replay,.event-cutin,.broadcast-wait{padding:6px}.event-cutin{gap:3px}.cutin-face.avatar{width:42px;height:42px}.cutin-title{font-size:1.3rem}.event-cutin>p{font-size:.7rem}.broadcast-caption{margin-top:4px}.match-watch-actions{gap:4px}.match-watch-actions>.button{min-height:36px;font-size:.7rem;padding:5px}.lineup-player .avatar{width:20px;height:20px}.lineup-player>span{font-size:.5rem}.special-invitation{justify-content:flex-start;gap:8px;padding:10px}.special-invitation .crest{display:none}}
@media(prefers-reduced-motion:reduce){.runner,.match-ball{animation:none}.match-ball{left:75%;top:50%}.event-cutin{animation:none}.goal-flash{animation:none}}

.match-ball.ball-save{animation-name:ball-save}
@keyframes ball-save{0%,12%{left:25%;top:var(--sy)}48%{left:61%;top:51%}65%{left:75%;top:53%}85%,100%{left:89%;top:50%}}
.direct-chance .support{display:none}.direct-chance .match-ball{animation-name:direct-goal}.direct-chance .ball-wide{animation-name:direct-wide}.direct-chance .ball-save{animation-name:direct-save}
@keyframes direct-goal{0%{left:45%;top:65%}55%{left:62%;top:50%}70%{left:75%;top:53%}100%{left:98%;top:48%}}
@keyframes direct-wide{0%{left:45%;top:65%}55%{left:62%;top:50%}70%{left:75%;top:53%}100%{left:95%;top:15%}}
@keyframes direct-save{0%{left:45%;top:65%}55%{left:62%;top:50%}70%{left:75%;top:53%}100%{left:89%;top:50%}}
@media(prefers-reduced-motion:reduce){.direct-chance .match-ball{animation:none}}