/* ==========================================================
   MATCHDAY — TACTICAL PREVIEW PAGE
========================================================== */

.tactical-hero{
    position:relative;
    margin:76px auto 18px;
    width:min(1360px,calc(100% - 32px));
    padding:34px 40px 30px;
    overflow:hidden;
    border:1px solid rgba(91,175,225,.18);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(9,28,45,.86),rgba(3,12,21,.78));
    box-shadow:0 24px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.tactical-hero:before{
    content:"";
    position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(circle at 15% 50%,rgba(42,145,210,.13),transparent 42%),
               radial-gradient(circle at 85% 50%,rgba(227,39,63,.09),transparent 38%);
}
.tactical-hero .container{position:relative;z-index:1;max-width:none;padding:0}
.tactical-hero .section-tag{
    display:block;margin-bottom:9px;color:#5eb7e9;
    font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase;
}
.tactical-hero h1{
    margin:0 0 9px;color:#f5f8fb;
    font-family:var(--heading);font-size:clamp(30px,4vw,54px);
    line-height:1.02;text-transform:uppercase;letter-spacing:.5px;
}
.tactical-hero p{
    max-width:920px;margin:0;color:#91a9ba;
    font-size:13px;line-height:1.75;
}

.tactical-board{padding:8px 0 70px}
.tactical-board .container{width:min(1360px,calc(100% - 32px))}
.tactical-layout{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);
    gap:22px;
    align-items:start;
}
.tactical-images{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.board{
    position:relative;
    min-height:420px;
    overflow:hidden;
    border:1px solid rgba(74,164,215,.22);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(10,30,45,.9),rgba(3,13,22,.9));
    box-shadow:0 20px 55px rgba(0,0,0,.32);
}
.board img{
    display:block;
    width:100%;
    height:420px;
    object-fit:cover;
    object-position:center;
}
.formation{
    position:absolute;
    left:18px;top:18px;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:8px;
    background:rgba(2,10,17,.72);
    color:#fff;
    font-family:var(--heading);
    font-size:13px;font-weight:900;letter-spacing:1px;
    backdrop-filter:blur(8px);
}
.tactical-manage{
    position:absolute;left:16px;right:16px;bottom:16px;
}
.manage-tactic-btn{
    display:flex;align-items:center;justify-content:center;gap:8px;
    min-height:42px;
    border:1px solid rgba(76,173,225,.28);
    border-radius:9px;
    background:rgba(3,15,25,.82);
    color:#d9edf9;
    font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;
    text-decoration:none;
    backdrop-filter:blur(10px);
    transition:.2s ease;
}
.manage-tactic-btn:hover{
    transform:translateY(-2px);
    border-color:rgba(76,173,225,.65);
    background:rgba(20,73,101,.72);
    box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.tactical-analysis{
    position:sticky;top:76px;
    padding:25px;
    border:1px solid rgba(91,175,225,.18);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(12,31,47,.9),rgba(4,14,24,.9));
    box-shadow:0 20px 55px rgba(0,0,0,.3);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}
.tactical-analysis h2{
    margin:0 0 18px;color:#f4f8fb;
    font-family:var(--heading);font-size:24px;line-height:1.08;
    text-transform:uppercase;
}
.analysis-block{
    padding:15px 0;
    border-top:1px solid rgba(255,255,255,.07);
}
.analysis-block:first-child{border-top:0;padding-top:0}
.analysis-block h3{
    margin:0 0 7px;color:#67bce9;
    font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;
}
.analysis-block p{
    margin:0;color:#91a6b6;font-size:11px;line-height:1.72;
}

@media(max-width:980px){
    .tactical-layout{grid-template-columns:1fr}
    .tactical-analysis{position:relative;top:auto}
}
@media(max-width:700px){
    .tactical-hero{margin-top:66px;width:min(100% - 20px,620px);padding:25px 20px}
    .tactical-board .container{width:min(100% - 20px,620px)}
    .tactical-images{grid-template-columns:1fr;gap:12px}
    .board,.board img{height:360px;min-height:360px}
    .tactical-analysis{padding:20px}
}