/* HBS FANS · Tactical XI Builder · V5.10.49 */
.xi26{max-width:var(--max);margin:0 auto;padding:42px 24px 110px;color:var(--ink)}
.xi26 *{box-sizing:border-box}.xi26 h1,.xi26 h2,.xi26 h3,.xi26 p{margin-top:0}.xi26-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--red);font:800 10px/1 var(--display);letter-spacing:.16em;text-transform:uppercase}.xi26-eyebrow:before{content:"";width:24px;height:1px;background:currentColor}
.xi26-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;background:#f8f6f2;border-top:5px solid var(--red);border-bottom:1px solid var(--ink);min-height:440px;overflow:hidden;position:relative}.xi26-hero:after{content:"XI";position:absolute;left:-22px;bottom:-66px;font:900 230px/.8 var(--display);letter-spacing:-.09em;color:rgba(10,10,12,.035);pointer-events:none}.xi26-hero-copy{padding:56px;position:relative;z-index:1}.xi26-hero h1{font:900 clamp(62px,7vw,98px)/.86 var(--display);letter-spacing:-.065em;margin:18px 0 26px}.xi26-hero h1 em{font-style:normal;color:var(--red)}.xi26-hero-copy>p{max-width:680px;color:#615c63;font-size:17px;line-height:1.85}.xi26-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.xi26-primary{min-height:50px;padding:0 19px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;gap:9px;font-weight:800}.xi26-primary:hover{background:var(--red)}.xi26-primary .icon,.xi26-text-link .icon{width:15px}.xi26-text-link{display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:800}
.xi26-match-card{padding:38px 34px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:1}.xi26-match-card:before{content:"";width:10px;height:10px;background:var(--red);border-radius:50%;position:absolute;right:34px;top:34px;box-shadow:0 0 0 8px rgba(210,11,35,.08)}.xi26-match-card>small{font:800 10px var(--display);letter-spacing:.15em;color:var(--muted)}.xi26-match-card>span{font-size:12px;color:var(--muted);margin-top:30px}.xi26-match-card>strong{font:900 30px/1.05 var(--display);letter-spacing:-.04em;margin-top:9px}.xi26-reward{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:15px}.xi26-reward b{font:900 28px/.9 var(--display);color:var(--red)}.xi26-reward span{font-size:11px;color:var(--muted)}
.xi26-message{margin-top:18px;padding:15px 18px;border-right:4px solid var(--ink);background:#fff;font-weight:800}.xi26-message.is-success{border-color:#198754}.xi26-message.is-error{border-color:var(--red)}
.xi26-statusbar{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ink);border-right:1px solid var(--line)}.xi26-statusbar>div{min-height:96px;padding:18px 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.xi26-statusbar small{font-size:9px;color:var(--muted);font-weight:800;letter-spacing:.1em}.xi26-statusbar b{font:900 25px/1 var(--display);margin-top:7px}.xi26.is-ready .xi26-statusbar>div:nth-child(3) b{color:#198754}
.xi26-builder{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(390px,.86fr);gap:36px;align-items:start;padding-top:56px}.xi26-board-wrap{min-width:0}.xi26-board-head{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ink);padding-bottom:18px;margin-bottom:18px}.xi26-board-head h2,.xi26-picker-head h2,.xi26-how h2,.xi26-next h2{font:900 clamp(38px,4vw,58px)/.94 var(--display);letter-spacing:-.05em;margin:8px 0 0}.xi26-formations{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1px;background:var(--line)}.xi26-formations button{border:0;background:#fff;min-height:38px;padding:0 13px;font-size:11px;font-weight:900}.xi26-formations button.is-active{background:var(--ink);color:#fff}
.xi26-pitch{position:relative;aspect-ratio:7/8;max-height:780px;min-height:580px;background:linear-gradient(180deg,#273c2c,#1f3324);overflow:hidden;border:1px solid #0b0b0d;box-shadow:0 26px 65px rgba(9,9,11,.14)}.xi26-pitch:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 10%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 20%)}.xi26-pitch-lines{position:absolute;inset:24px;border:1px solid rgba(255,255,255,.6)}.xi26-pitch-lines .halfway{position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.55)}.xi26-pitch-lines .center-circle{position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.55);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.xi26-pitch-lines .center-circle:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.75);left:50%;top:50%;transform:translate(-50%,-50%)}.xi26-pitch-lines .box{position:absolute;left:24%;right:24%;height:16%;border:1px solid rgba(255,255,255,.55)}.xi26-pitch-lines .box.top{top:-1px;border-top:0}.xi26-pitch-lines .box.bottom{bottom:-1px;border-bottom:0}.xi26-pitch-lines .goal{position:absolute;left:39%;right:39%;height:3%;border:1px solid rgba(255,255,255,.55)}.xi26-pitch-lines .goal.top{top:-3%;}.xi26-pitch-lines .goal.bottom{bottom:-3%}
.xi26-slots{position:absolute;inset:0}.xi26-slot{position:absolute;transform:translate(-50%,-50%);width:110px;min-height:76px;border:0;background:transparent;color:#fff;text-align:center;padding:0;filter:drop-shadow(0 7px 12px rgba(0,0,0,.28));transition:transform .16s ease}.xi26-slot:hover{transform:translate(-50%,-50%) scale(1.04)}.xi26-slot>span{width:44px;height:48px;background:var(--red);clip-path:polygon(18% 0,82% 0,100% 22%,88% 100%,12% 100%,0 22%);display:grid;place-items:center;margin:0 auto 6px;font:900 17px var(--display);border-bottom:3px solid rgba(255,255,255,.24)}.xi26-slot>b{display:block;font:900 12px/1.15 var(--display);text-shadow:0 2px 9px rgba(0,0,0,.7)}.xi26-slot>small{display:block;font-size:8px;color:rgba(255,255,255,.72);margin-top:3px}.xi26-pitch-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,75%);text-align:center;color:#fff;z-index:2}.xi26-pitch-empty .icon{width:48px;height:48px;margin:0 auto 15px;opacity:.7}.xi26-pitch-empty b{display:block;font:900 26px/1 var(--display)}.xi26-pitch-empty span{display:block;color:rgba(255,255,255,.7);font-size:12px;line-height:1.7;margin-top:10px}.xi26-pitch-empty[hidden]{display:none}
.xi26-role-meter{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);border-top:0;background:#fff}.xi26-role-meter>div{min-height:70px;padding:12px 15px;border-left:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:9px}.xi26-role-meter>div:last-child{border-left:0}.xi26-role-meter span{font-size:11px;color:var(--muted);font-weight:800}.xi26-role-meter b{font:900 21px/1 var(--display)}.xi26-role-meter i{font-style:normal}.xi26-role-meter .is-full b{color:#198754}
.xi26-picker{background:#fff;border-top:4px solid var(--red);padding:28px;box-shadow:0 22px 55px rgba(8,8,10,.07);position:sticky;top:105px}.xi26-picker-head>p{color:#6d6870;font-size:13px;line-height:1.8;margin:14px 0 0}.xi26-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:22px 0 0}.xi26-tabs::-webkit-scrollbar{display:none}.xi26-tabs button{flex:0 0 auto;border:0;border-left:1px solid var(--line);background:transparent;min-height:44px;padding:0 13px;font-size:10px;font-weight:800;color:var(--muted);position:relative}.xi26-tabs button:last-child{border-left:0}.xi26-tabs button.is-active{color:var(--ink)}.xi26-tabs button.is-active:after{content:"";position:absolute;right:0;left:0;bottom:-1px;height:3px;background:var(--red)}.xi26-picker-notice{margin:14px 0 0;padding:11px 12px;background:#fff1f2;color:#8d1020;border-right:3px solid var(--red);font-size:11px;font-weight:800}.xi26-player-list{max-height:560px;overflow:auto;border-bottom:1px solid var(--ink)}.xi26-player{width:100%;display:grid;grid-template-columns:44px 1fr 28px;gap:12px;align-items:center;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:right;color:var(--ink)}.xi26-player:hover{padding-right:8px}.xi26-player[hidden]{display:none}.xi26-shirt-num{font:900 23px/1 var(--display);color:var(--red)}.xi26-player-copy b{display:block;font:900 16px/1.05 var(--display)}.xi26-player-copy small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.xi26-player-state{width:26px;height:26px;border:1px solid var(--line);display:grid;place-items:center}.xi26-player-state .icon{width:13px;height:13px}.xi26-player.is-selected{background:var(--ink);color:#fff;padding-inline:12px}.xi26-player.is-selected .xi26-shirt-num{color:#ff6679}.xi26-player.is-selected .xi26-player-copy small{color:#a9a5ad}.xi26-player.is-selected .xi26-player-state{background:var(--red);border-color:var(--red)}
.xi26-save-form{margin-top:22px}.xi26-save{width:100%;min-height:62px;border:0;background:var(--red);color:#fff;padding:0 18px;display:grid;grid-template-columns:1fr auto 18px;gap:12px;align-items:center;text-align:right;font-weight:900}.xi26-save b{font:900 18px var(--display)}.xi26-save .icon{width:16px}.xi26-save:disabled{background:#d8d3cc;color:#969099;cursor:not-allowed}.xi26-save.is-login{background:var(--ink)}.xi26-save-note{display:block;color:var(--muted);font-size:9px;line-height:1.6;margin-top:9px}
.xi26-how{padding-top:90px}.xi26-how>header{border-top:1px solid var(--ink);padding-top:20px}.xi26-how>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-right:1px solid var(--line);margin-top:30px}.xi26-how article{min-height:235px;padding:27px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.xi26-how article>span{font:900 42px/.9 var(--display);color:var(--red)}.xi26-how h3{font:900 25px/1 var(--display);margin:38px 0 12px}.xi26-how p{color:#6d6870;line-height:1.8;margin:0;font-size:13px}
.xi26-next{margin-top:90px;background:var(--ink);color:#fff;padding:38px}.xi26-next>div{border-bottom:1px solid #35353b;padding-bottom:26px}.xi26-next h2{max-width:700px}.xi26-next nav{display:grid;grid-template-columns:repeat(3,1fr)}.xi26-next a{min-height:160px;padding:25px 22px;border-left:1px solid #34343a;display:grid;grid-template-columns:42px 1fr 18px;grid-template-rows:auto auto;align-items:start;gap:7px 12px}.xi26-next a:last-child{border-left:0}.xi26-next a>span{grid-row:1/3;font:900 30px var(--display);color:var(--red)}.xi26-next a>b{font:900 19px/1 var(--display)}.xi26-next a>small{color:#aaa7ae;font-size:11px}.xi26-next a>.icon{grid-column:3;grid-row:1/3;width:15px;align-self:center}.xi26-next a:hover{background:#15151a}
@media(max-width:1100px){.xi26-builder{grid-template-columns:1fr}.xi26-picker{position:static}.xi26-player-list{max-height:none}.xi26-hero{grid-template-columns:1fr}.xi26-match-card{border-right:0;border-top:1px solid var(--line);min-height:190px}.xi26-hero:after{display:none}}
@media(max-width:760px){.xi26{padding:18px 16px 100px}.xi26-hero-copy{padding:38px 20px 34px}.xi26-hero h1{font-size:58px}.xi26-hero-copy>p{font-size:14px}.xi26-match-card{padding:26px 20px}.xi26-statusbar{grid-template-columns:1fr 1fr}.xi26-statusbar>div{min-height:82px}.xi26-statusbar>div:nth-child(2n){border-left:0}.xi26-statusbar>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.xi26-builder{padding-top:42px;gap:26px}.xi26-board-head{align-items:flex-start;flex-direction:column}.xi26-formations{width:100%;justify-content:stretch}.xi26-formations button{flex:1;padding-inline:7px}.xi26-pitch{min-height:510px;aspect-ratio:5/7}.xi26-pitch-lines{inset:16px}.xi26-pitch-lines .center-circle{width:90px;height:90px}.xi26-slot{width:78px}.xi26-slot>span{width:37px;height:41px;font-size:14px}.xi26-slot>b{font-size:9px;line-height:1.1}.xi26-slot>small{display:none}.xi26-role-meter{grid-template-columns:1fr 1fr}.xi26-role-meter>div{border-bottom:1px solid var(--line)}.xi26-role-meter>div:nth-child(2n){border-left:0}.xi26-picker{padding:23px 18px}.xi26-how{padding-top:66px}.xi26-how>div{grid-template-columns:1fr}.xi26-how article{min-height:auto}.xi26-next{margin-top:66px;padding:30px 18px}.xi26-next nav{grid-template-columns:1fr}.xi26-next a{min-height:105px;border-left:0;border-bottom:1px solid #34343a}.xi26-next a:last-child{border-bottom:0}.xi26-next h2{font-size:42px}}

/* V5.10.50 — positional accuracy + safer lineup state */
.xi26-board-note{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.7;max-width:620px}
.xi26-position-fixes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:20px 0 0}
.xi26-position-fixes span{background:#f8f6f2;padding:11px 12px;font-size:10px;color:var(--muted);line-height:1.45}
.xi26-position-fixes b{display:block;color:var(--ink);font-size:11px;margin-bottom:3px}
.xi26-slot.is-empty{width:78px;min-height:58px;opacity:.46;filter:none;pointer-events:none}
.xi26-slot.is-empty>span{width:34px;height:38px;background:rgba(255,255,255,.12);border:1px dashed rgba(255,255,255,.45);clip-path:none;border-radius:50%;font-size:16px;color:rgba(255,255,255,.8)}
.xi26-slot.is-empty>b{font-size:9px;color:rgba(255,255,255,.78);text-shadow:0 2px 8px rgba(0,0,0,.45)}
.xi26-slot.is-empty>small{font-size:7px;color:rgba(255,255,255,.45)}
.xi26-slot.is-side-role>span{box-shadow:0 0 0 2px rgba(255,255,255,.22),0 8px 18px rgba(0,0,0,.22)}
.xi26-role-meter [data-xi-meter].is-full b{color:#198754}
@media(max-width:760px){
  .xi26-position-fixes{grid-template-columns:1fr}
  .xi26-position-fixes span{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
  .xi26-position-fixes b{margin:0}
  .xi26-slot.is-empty{width:62px}
  .xi26-slot.is-empty>span{width:29px;height:29px;font-size:13px}
}