body{margin:0;background:#070a08;color:#eef3ef;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.fsb{max-width:1280px;margin:0 auto;padding:14px}
.fsb h1{margin:0;font-size:1.35rem;letter-spacing:-.02em}
.fsb h2{font-size:1rem;margin:12px 0 8px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.fsb h2 small{color:#8aa;font-weight:400;font-size:.78rem}
.top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:16px;
 background:linear-gradient(120deg,#0f3d1d,#0b1a10 60%,#0a2233);border:1px solid #1e3a28}
.brand{display:flex;gap:12px;align-items:center}.brand p{margin:2px 0 0;color:#7fd3ff;font-size:.85rem}
.ball{font-size:2rem}
.actions{display:flex;flex-wrap:wrap;gap:8px}
.b{border:0;border-radius:10px;padding:9px 14px;font-weight:700;cursor:pointer;background:#29b6f6;color:#04121b;font-size:.9rem}
.b:hover{filter:brightness(1.1)}.b.ghost{background:#fff;color:#0b1a10}.b.sm{padding:6px 10px;font-size:.8rem}
.b.danger{background:#e53935;color:#fff}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0}
.stats div{background:#101712;border:1px solid #1d2b21;border-radius:12px;padding:10px 12px}
.stats small{display:block;color:#8aa;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.stats strong{font-size:1.4rem}.stats em{font-size:.85rem;color:#8aa;font-style:normal}
.blue{color:#4fc3f7}.warn{color:#ffb300}
.layout{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:960px){.layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.fld{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:#8aa}
.fld input,.fld select,.search,.filters select{background:#101712;color:#fff;border:1px solid #2a3b2f;border-radius:10px;padding:9px 10px;font-size:.95rem;min-width:0}
.seg{display:flex;background:#101712;border:1px solid #2a3b2f;border-radius:10px;overflow:hidden}
.seg button,.formations button{flex:1;background:none;border:0;color:#cfd;padding:9px 6px;cursor:pointer;font-weight:600}
.seg button.on,.formations button.on{background:#29b6f6;color:#04121b}
.formations{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.formations button{border:1px solid #2a3b2f;border-radius:999px;background:#101712;flex:1 1 auto}
.pitch{position:relative;width:100%;max-width:560px;margin:0 auto;aspect-ratio:68/105;border-radius:14px;overflow:hidden;
 background:repeating-linear-gradient(180deg,#2f8a3f 0 10%,#349645 10% 20%);box-shadow:0 10px 40px rgba(0,0,0,.5),inset 0 0 60px rgba(0,0,0,.25)}
.lines{position:absolute;inset:0;width:100%;height:100%}
.slot{position:absolute;transform:translate(-50%,-50%);background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;width:68px;color:#fff}
.chip{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.95rem;
 border:2px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.4);transition:transform .15s}
.chip.r-none{background:rgba(0,0,0,.35);border-style:dashed;font-size:1.4rem}
.chip.on{outline:3px solid #4fc3f7;outline-offset:3px;transform:scale(1.1)}
.chip.mis{border-color:#ffb300}
.r-POR{background:#f5b700;color:#1a1300}.r-DIF{background:#1e88e5}.r-CEN{background:#0fa3b1}.r-ATT{background:#e53935}
.ovr{position:absolute;bottom:-6px;right:-8px;background:#000;color:#fff;font-size:.65rem;border-radius:6px;padding:1px 4px}
.cap{position:absolute;top:-6px;left:-6px;background:#fff;color:#000;font-size:.65rem;border-radius:50%;width:17px;height:17px;display:grid;place-items:center}
.lbl{background:rgba(0,0,0,.7);border-radius:6px;padding:1px 6px;font-size:.7rem;font-weight:700;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:480px){.chip{width:36px;height:36px;font-size:.8rem}.slot{width:56px}.lbl{font-size:.62rem;max-width:56px}}
.bench{background:#101712;border:1px solid #1d2b21;border-radius:14px;padding:4px 12px 14px;margin-top:14px}
.benchrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}
.slot.inb{position:static;transform:none;width:auto}
.selbox{background:#0c2232;border:1px solid #1d4a66;border-radius:14px;padding:12px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.selbox small{color:#7fd3ff;font-size:.75rem}.selbox strong{display:block}.selbox p{margin:4px 0 0;color:#9bb;font-size:.82rem}
.row2{display:flex;gap:6px;flex-wrap:wrap}
.search{width:100%;box-sizing:border-box}
.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}
.plist{display:flex;flex-direction:column;gap:6px;max-height:640px;overflow:auto;padding-right:2px}
.prow{display:flex;align-items:center;gap:10px;background:#101712;border:1px solid #1d2b21;border-radius:12px;padding:8px 10px;cursor:pointer;color:#fff;text-align:left}
.prow:hover{border-color:#29b6f6}.prow.used{opacity:.5}
.av{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;border:2px solid #fff}
.pinfo{flex:1;min-width:0}.pinfo strong{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pinfo small{color:#8aa;font-size:.75rem}
.pr{display:flex;flex-direction:column;align-items:flex-end}.pr small{color:#7fd3ff;font-size:.72rem;white-space:nowrap}
.rt{background:#29b6f6;color:#04121b;border-radius:8px;padding:2px 7px}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#0f3d1d;border:1px solid #2fbf5b;color:#fff;padding:12px 18px;border-radius:12px;
 box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:10;max-width:90vw;font-weight:600}
.toast.err{background:#3d0f0f;border-color:#e53935}