/* ==========================================================
   MATCHDAY — BATTLE OF TACTICS / REDESIGN
   Visual-only redesign. Simulation JS + markup behavior kept.
========================================================== */

body:has(.battle-page){
    background:
        radial-gradient(circle at 50% 12%,rgba(46,100,200,.12),transparent 30%),
        linear-gradient(180deg,#050a14 0%,#07101d 55%,#050a13 100%);
    color:#f3f6fa;
}
body:has(.battle-page) .header{padding:8px 0;background:rgba(4,9,18,.88);border-bottom:1px solid rgba(148,163,184,.12);}
body:has(.battle-page) .header .container{max-width:1360px;gap:18px;}
body:has(.battle-page) .logo-icon{height:40px;}
body:has(.battle-page) .logo-tagline{display:none;}
body:has(.battle-page) .navigation ul{gap:18px;}
body:has(.battle-page) .navigation a{font-size:.68rem;letter-spacing:1.3px;color:#b7c0cf;}
body:has(.battle-page) .navigation a:hover{color:#fff;}

.battle-page{min-height:100vh;padding:70px 0 55px;}
.battle-page .container{max-width:1360px;}
.battle-hero{padding:18px 0 10px;text-align:left;}
.battle-hero .section-tag{color:#7f8da0;font-size:.62rem;letter-spacing:.13em;}
.battle-hero h1{margin:3px 0 4px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1;font-weight:800;letter-spacing:-.02em;}
.battle-hero p{margin:0;max-width:720px;color:#8e9bad;font-size:.72rem;line-height:1.5;}
.battle-section{padding-bottom:20px;}

.battle-error{margin:0 0 10px;padding:11px 13px;border:1px solid rgba(255,80,80,.4);background:rgba(120,20,20,.16);border-radius:8px;color:#ffb1b1;font-size:.75rem;}

.battle-scoreboard,.battle-pitch-card,.battle-panel{
    border:1px solid rgba(148,163,184,.19);
    border-radius:10px;
    background:linear-gradient(180deg,rgba(18,29,45,.95),rgba(10,18,30,.95));
    box-shadow:0 14px 35px rgba(0,0,0,.18);
    backdrop-filter:blur(14px);
}
.battle-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:center;gap:20px;padding:15px 18px;}
.team-side{display:flex;align-items:center;gap:12px;min-width:0;}
.away-side{justify-content:flex-end;text-align:right;}
.battle-logo{width:52px;height:52px;object-fit:contain;flex:0 0 52px;}
.team-side h2{margin:0 0 5px;font-size:clamp(1rem,2vw,1.45rem);}
.team-meta{display:flex;flex-wrap:wrap;gap:5px;opacity:.68;font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;}
.away-side .team-meta{justify-content:flex-end;}
.team-meta span{padding:3px 6px;border:1px solid rgba(148,163,184,.15);border-radius:999px;}
.score-center{text-align:center;}
.battle-status{display:inline-block;margin-bottom:5px;padding:3px 7px;border-radius:999px;background:rgba(227,39,63,.13);color:#ff7a8a;font-size:.52rem;font-weight:800;letter-spacing:.13em;}
.score{display:flex;align-items:center;justify-content:center;gap:10px;font-size:2.7rem;line-height:1;font-weight:800;}
.score b{opacity:.25;}
.battle-minute{margin-top:4px;color:#93a0b2;font-size:.7rem;font-weight:700;}
.battle-result{margin-top:6px;font-size:.56rem;text-transform:uppercase;letter-spacing:.1em;}
.battle-result strong{display:block;margin-top:3px;font-size:.72rem;letter-spacing:normal;}

.battle-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:9px 0;}
.battle-btn,.speed-btn,.substitute-btn{border:1px solid rgba(148,163,184,.18);border-radius:6px;background:rgba(255,255,255,.045);color:inherit;padding:8px 10px;cursor:pointer;font:inherit;font-size:.62rem;font-weight:700;transition:.18s ease;}
.battle-btn:hover,.speed-btn:hover,.substitute-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(148,163,184,.3);}
.battle-btn.primary{background:rgba(46,100,200,.22);border-color:rgba(46,100,200,.45);}
.speed-control{display:flex;align-items:center;gap:4px;margin-left:4px;padding-left:8px;border-left:1px solid rgba(148,163,184,.12);font-size:.58rem;opacity:.8;}
.speed-btn{padding:6px 8px;}.speed-btn.active{background:rgba(46,100,200,.2);border-color:rgba(46,100,200,.45);}

.battle-pitch-card{padding:12px;margin-top:9px;}
.battle-pitch-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:9px;}
.battle-pitch-header .section-tag{font-size:.56rem;color:#7f8da0;letter-spacing:.12em;}
.battle-pitch-header h2{margin:3px 0 0;font-size:1rem;}
.battle-pitch-header>span:last-child{padding:5px 7px;border-radius:5px;background:rgba(255,255,255,.05);color:#9ba7b8;font-size:.54rem;font-weight:800;letter-spacing:.08em;}

.battle-pitch{position:relative;width:min(100%,1120px);max-width:1120px;aspect-ratio:105/68;margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.45);border-radius:8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 7.14%,transparent 7.14%,transparent 14.28%),linear-gradient(180deg,#0a8b58,#08774d);box-shadow:inset 0 0 60px rgba(0,0,0,.12),0 15px 35px rgba(0,0,0,.2);}
.pitch-line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:rgba(255,255,255,.88);}
.pitch-circle{position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.88);border-radius:50%;}
.pitch-circle::after{content:"";position:absolute;width:6px;height:6px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;}
.pitch-box{position:absolute;top:50%;width:17%;height:47%;transform:translateY(-50%);border:2px solid rgba(255,255,255,.86);}
.top-box{left:0;border-left:0;}.bottom-box{right:0;border-right:0;}
.pitch-goal{position:absolute;top:50%;width:7%;height:22%;transform:translateY(-50%);border:2px solid rgba(255,255,255,.72);}
.top-goal{left:-1px;border-left:0;}.bottom-goal{right:-1px;border-right:0;}
.battle-player{position:absolute;z-index:4;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;pointer-events:none;transition:left .62s cubic-bezier(.22,.61,.36,1),top .62s cubic-bezier(.22,.61,.36,1),transform .25s ease;}
.battle-number{display:grid;place-items:center;width:30px;height:30px;border:2px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(8,10,15,.9);font-size:.58rem;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.3);}
.battle-player.home .battle-number{background:rgba(46,100,200,.95);box-shadow:0 0 14px rgba(46,100,200,.25),0 4px 12px rgba(0,0,0,.3);}
.battle-player.away .battle-number{background:rgba(227,39,63,.95);box-shadow:0 0 14px rgba(227,39,63,.22),0 4px 12px rgba(0,0,0,.3);}
.battle-name{padding:3px 5px;border-radius:4px;background:rgba(3,8,14,.7);white-space:nowrap;font-size:.52rem;font-weight:700;}
.battle-ball{position:absolute;z-index:5;left:50%;top:50%;font-size:1rem;transform:translate(-50%,-50%);transition:left .52s cubic-bezier(.22,.61,.36,1),top .52s cubic-bezier(.22,.61,.36,1),transform .18s ease;}
.battle-ball.animate{transform:translate(-50%,-50%) scale(1.15);}

.battle-stats{margin-top:9px;}
.battle-panel{padding:12px;}
.panel-title{margin-bottom:9px;padding-bottom:7px;border-bottom:1px solid rgba(148,163,184,.1);font-size:.56rem;font-weight:800;letter-spacing:.13em;opacity:.72;}
.stat-row{display:grid;grid-template-columns:55px 1fr 55px;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(148,163,184,.06);text-align:center;}
.stat-row span{font-size:.85rem;font-weight:800;}.stat-row b{font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;opacity:.52;}
.possession-row{display:grid;grid-template-columns:45px 1fr 45px;align-items:center;gap:8px;margin-top:10px;text-align:center;font-size:.58rem;font-weight:800;}
.possession-track{height:6px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08);}.possession-home{height:100%;background:linear-gradient(90deg,#2e64c8,#e3273f);border-radius:inherit;transition:width .4s ease;}

.battle-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;}
.lineup-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.lineup-columns h3{margin:0 0 6px;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;opacity:.62;}
.lineup-list,.bench-list,.event-log{display:flex;flex-direction:column;gap:4px;}
.lineup-player,.bench-player{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:29px;padding:4px 6px;border:1px solid rgba(148,163,184,.09);border-radius:5px;background:rgba(255,255,255,.025);font-size:.57rem;}
.shirt-number{display:grid;place-items:center;width:21px;height:21px;border-radius:5px;background:rgba(255,255,255,.07);font-size:.52rem;font-weight:800;}
.lineup-player small,.bench-player small{opacity:.45;font-size:.46rem;font-weight:800;}
.substitute-btn{width:100%;margin-top:7px;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em;}
.event-log{max-height:260px;overflow-y:auto;padding-right:3px;}
.event-row{display:grid;grid-template-columns:29px 1fr;gap:7px;padding:6px;border-radius:5px;background:rgba(255,255,255,.025);font-size:.57rem;line-height:1.4;}.event-minute{font-weight:900;opacity:.55;}.event-goal{background:rgba(227,39,63,.09);font-weight:800;}.event-system{opacity:.55;font-style:italic;}.event-empty{padding:15px 0;text-align:center;opacity:.45;font-size:.58rem;}

.substitution-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:15px;background:rgba(0,0,0,.74);backdrop-filter:blur(7px);}.substitution-modal[hidden]{display:none;}
.substitution-dialog{width:min(900px,100%);max-height:min(720px,92vh);overflow-y:auto;padding:15px;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#0c1522;box-shadow:0 30px 100px rgba(0,0,0,.55);}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px;}.modal-header h2{margin:5px 0 0;font-size:1.1rem;}.modal-close{width:32px;height:32px;border:1px solid rgba(148,163,184,.14);border-radius:6px;background:rgba(255,255,255,.04);color:inherit;cursor:pointer;font-size:18px;}.substitution-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.substitution-columns h3{margin:0 0 7px;font-size:.56rem;text-transform:uppercase;letter-spacing:.1em;opacity:.55;}.sub-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto;}.sub-player{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;width:100%;padding:7px 8px;border:1px solid rgba(148,163,184,.08);border-radius:6px;background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer;font:inherit;font-size:.58rem;}.sub-player:hover,.sub-player.selected{border-color:rgba(46,100,200,.5);background:rgba(46,100,200,.08);}.sub-player strong{opacity:.6;}.sub-player small{opacity:.45;font-size:.46rem;font-weight:800;}.modal-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(148,163,184,.09);}

@media(max-width:900px){
    .battle-scoreboard{grid-template-columns:1fr 150px 1fr;gap:10px;padding:12px;}
    .battle-logo{width:44px;height:44px;flex-basis:44px;}.team-side{gap:8px;}.team-side h2{font-size:1rem;}
}
@media(max-width:700px){
    body:has(.battle-page) .navigation{display:none;}
    .battle-page{padding-top:60px;padding-bottom:35px;}.battle-page .container{padding:0 10px;}
    .battle-hero{padding:12px 0 8px;}.battle-hero h1{font-size:1.55rem;}.battle-hero p{font-size:.65rem;}
    .battle-scoreboard{grid-template-columns:1fr 1fr;gap:8px;padding:10px;}.score-center{grid-column:1/-1;grid-row:1;}.home-side{grid-column:1;grid-row:2;}.away-side{grid-column:2;grid-row:2;flex-direction:row-reverse;justify-content:flex-start;text-align:left;}.away-side .team-meta{justify-content:flex-start;}.battle-logo{width:38px;height:38px;flex-basis:38px;}.team-side h2{font-size:.85rem;}.team-meta{font-size:.49rem;}.score{font-size:2.25rem;}.battle-controls{display:grid;grid-template-columns:1fr 1fr;}.battle-btn,.speed-control{width:100%;}.speed-control{grid-column:1/-1;justify-content:center;margin-left:0;padding-left:0;border-left:0;}.battle-pitch-card,.battle-panel{padding:9px;}.battle-pitch{aspect-ratio:68/105;max-width:560px;border-radius:7px;}.battle-pitch-header{margin-bottom:7px;}.battle-pitch-header h2{font-size:.88rem;}.battle-name{display:none;}.battle-number{width:25px;height:25px;font-size:.5rem;}.battle-grid,.lineup-columns,.substitution-columns{grid-template-columns:1fr;}.event-log{max-height:220px;}.lineup-player,.bench-player{min-height:27px;}.stat-row{grid-template-columns:45px 1fr 45px;}
    .pitch-line{left:9px;right:9px;top:50%;bottom:auto;width:auto;height:2px;transform:translateY(-50%);}.pitch-circle{width:24%;}.pitch-box{left:50%;right:auto;top:auto;width:48%;height:18%;transform:translateX(-50%);}.top-box{top:0;border-left:2px solid rgba(255,255,255,.86);border-right:2px solid rgba(255,255,255,.86);border-bottom:0;}.bottom-box{bottom:0;border-left:2px solid rgba(255,255,255,.86);border-right:2px solid rgba(255,255,255,.86);border-top:0;}.pitch-goal{left:50%;right:auto;width:28%;height:7%;transform:translateX(-50%);}.top-goal{top:-1px;border-left:2px solid rgba(255,255,255,.72);border-right:2px solid rgba(255,255,255,.72);border-bottom:0;}.bottom-goal{bottom:-1px;border-left:2px solid rgba(255,255,255,.72);border-right:2px solid rgba(255,255,255,.72);border-top:0;}
}
@media(max-width:430px){.battle-controls{grid-template-columns:1fr;}.speed-control{grid-column:auto;}.team-side h2{font-size:.78rem;}.battle-scoreboard{padding:8px;}.score{font-size:2rem;}}