:root{--lineup-primary:#0b63ce;--lineup-secondary:#d9472f}.lb-page{max-width:1480px;margin:0 auto;padding:54px 28px 72px}.lb-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:end;margin-bottom:18px}.eyebrow,.panel-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#0071e3;margin:0 0 8px}.lb-hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,6vw,86px);font-weight:500;letter-spacing:-.06em;line-height:.95;margin:0 0 16px;color:#151518}.hero-copy{max-width:760px;font-size:16px;line-height:1.7;color:#59606d;margin:0}.hero-card,.guide-card,.panel{background:#ffffffdb;border:1px solid rgba(210,212,220,.85);box-shadow:0 18px 50px #00000012;backdrop-filter:blur(18px)}.hero-card{border-radius:26px;padding:24px;display:flex;flex-direction:column;gap:8px;color:#6e6e73}.hero-card strong{font-size:18px;color:#1d1d1f}.hero-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--lineup-primary),var(--lineup-secondary));box-shadow:0 0 0 6px #0071e31a}.guide-card{border-radius:22px;margin-bottom:16px;overflow:hidden}.guide-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:16px 20px;font-family:inherit;cursor:pointer}.guide-toggle span{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1d1d1f}.guide-toggle strong{font-size:12px;color:#0071e3}.guide-body{padding:0 20px 18px;display:grid;grid-template-columns:1fr 1fr;gap:18px;color:#59606d;font-size:13px;line-height:1.65}.guide-body p{margin:0}.builder-app{display:flex;flex-direction:column;gap:14px}.team-strip{display:grid;grid-template-columns:1.4fr 120px 120px auto;gap:10px;align-items:end;background:#fff;border:1px solid #e5e5ea;border-radius:24px;padding:14px;box-shadow:0 1px 4px #0000000a}.team-strip label{display:flex;flex-direction:column;gap:6px}.team-strip span,.formation-field span{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a6a8af}.team-strip input[type=text],.formation-field select,.picker-controls input,.picker-controls select,.leaders-box select{font-family:inherit;border:1px solid #d8d9df;border-radius:12px;background:#fbfbfd;color:#1d1d1f;outline:none}.team-strip input[type=text]{font-size:18px;font-weight:800;padding:11px 13px}.team-strip input[type=color]{width:100%;height:44px;border:1px solid #d8d9df;border-radius:12px;background:#fff;padding:4px}.action-row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.ghost-btn,.primary-btn{font-family:inherit;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.ghost-btn{border:1px solid #d8d9df;background:#fff;color:#59606d}.primary-btn{border:0;background:linear-gradient(135deg,var(--lineup-primary),var(--lineup-secondary));color:#fff;box-shadow:0 10px 28px #0071e338}.ghost-btn:hover,.primary-btn:hover{transform:translateY(-1px)}.builder-grid{display:grid;grid-template-columns:340px minmax(420px,1fr) 360px;gap:14px;align-items:start}.panel{border-radius:26px;padding:18px;min-width:0}.panel-head,.pitch-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h2{font-size:22px;letter-spacing:-.04em;margin:0}.count-pill{border-radius:999px;background:#eef4ff;color:#0071e3;font-size:12px;font-weight:900;padding:7px 10px}.slot-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f0f5;border-radius:14px;padding:4px;margin-bottom:10px}.slot-tab{border:0;border-radius:11px;background:transparent;font-family:inherit;font-size:12px;font-weight:800;color:#6e6e73;padding:8px;cursor:pointer}.slot-tab.active{background:#fff;color:#1d1d1f;box-shadow:0 2px 8px #0000000f}.slot-list{display:flex;flex-direction:column;gap:6px;max-height:430px;overflow:auto;padding-right:3px}.slot-row,.candidate{width:100%;display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:center;border:1px solid #ececf1;background:#fff;border-radius:15px;padding:8px;text-align:left;font-family:inherit;cursor:pointer}.slot-row.active{border-color:var(--lineup-primary);box-shadow:0 0 0 3px #0071e31a}.role-badge,.token-role{font-size:9px;font-weight:900;border-radius:7px;padding:3px 6px;min-width:28px;text-align:center}.gk{background:#fef7e6;color:#a36b00}.def{background:#eaf8ed;color:#1a7a1a}.mid{background:#eaf2ff;color:#0071e3}.att{background:#fff0ee;color:#c0392b}.avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f4f7fb;border:1px solid #e1e4eb;overflow:hidden;flex-shrink:0;font-size:10px;font-weight:900;color:#0071e3}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.empty{font-size:16px;color:#b5b7bf}.slot-main strong,.candidate-main strong{display:block;font-size:12px;line-height:1.25}.slot-main small,.candidate-main small{display:block;font-size:10px;color:#8c8f99;margin-top:2px}.good{color:#1a7a1a!important}.ok{color:#0071e3!important}.warn{color:#b77900!important}.bad{color:#c0392b!important}.slot-ovr,.candidate-ovr{font-size:13px;font-weight:900}.picker-box{margin-top:14px;padding-top:14px;border-top:1px solid #eeeef3}.picker-controls{display:grid;grid-template-columns:1fr 112px;gap:8px;margin-bottom:10px}.picker-controls input,.picker-controls select{height:40px;padding:0 11px;font-size:12px}.candidate-list{display:flex;flex-direction:column;gap:6px;max-height:390px;overflow:auto;padding-right:3px}.candidate{grid-template-columns:auto 1fr auto auto}.candidate:hover{border-color:#c7dfff;background:#fbfdff}.fit-pill{font-size:9px;font-weight:900;border-radius:999px;padding:4px 7px;background:#f2f2f7}.formation-field{display:flex;flex-direction:column;gap:6px;min-width:190px}.formation-field select{height:42px;padding:0 12px;font-size:12px;font-weight:700}.formation-groups{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.formation-group{display:flex;align-items:center;gap:5px;background:#f6f6fa;border:1px solid #ececf1;border-radius:999px;padding:4px}.formation-group span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#a1a3aa;margin:0 5px}.formation-group button{border:0;background:#fff;border-radius:999px;font-family:inherit;font-size:10.5px;font-weight:800;color:#6e6e73;padding:6px 9px;cursor:pointer}.formation-group button.active{background:#1d1d1f;color:#fff}.pitch-wrap{background:linear-gradient(145deg,#163f22,#2d7140);border-radius:34px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff1f}.pitch{position:relative;height:680px;min-height:520px;border:1px solid rgba(255,255,255,.28);border-radius:24px;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.035) 0 20%,transparent 20% 40%,rgba(255,255,255,.035) 40% 60%,transparent 60% 80%,rgba(255,255,255,.035) 80%)}.pitch-line.halfway{position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff38}.pitch-circle{position:absolute;left:50%;top:50%;width:120px;height:120px;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:translate(-50%,-50%)}.pitch-box{position:absolute;left:28%;width:44%;height:17%;border:1px solid rgba(255,255,255,.22)}.pitch-box.top{top:0;border-top:0}.pitch-box.bottom{bottom:0;border-bottom:0}.token{position:absolute;transform:translate(-50%,-50%);width:116px;min-height:58px;border:0;border-radius:20px;background:#fffffff0;box-shadow:0 10px 24px #0000002e;padding:9px 11px;text-align:left;font-family:inherit;cursor:grab;touch-action:none}.token.active{box-shadow:0 0 0 4px #ffffff5c,0 12px 28px #00000038}.token strong{display:block;font-size:12px;line-height:1.05;margin-top:4px;color:#111}.token small{font-size:9px;font-weight:900}.instructions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.instruction{background:#f8f8fb;border:1px solid #eeeef3;border-radius:16px;padding:11px}.instruction label{display:flex;justify-content:space-between;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#6e6e73;margin-bottom:8px}.instruction input{width:100%;accent-color:var(--lineup-primary)}.gelling-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:help;flex-shrink:0}.gelling-ring{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:950;color:#1d1d1f;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 8px #ffffffdb,0 0 0 1px #e5e5ea;background:conic-gradient(var(--lineup-primary) 0deg,#eef0f5 0deg)}.gelling-label{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#0071e3}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.mini-stat{background:#f8f8fb;border:1px solid #eeeef3;border-radius:16px;padding:12px;text-align:center}.mini-stat strong{display:block;font-size:20px;color:#1d1d1f;line-height:1}.mini-stat span{display:block;font-size:9px;font-weight:900;color:#0071e3;letter-spacing:.08em;margin-top:5px}.mini-stat small{font-size:9px;color:#a2a4ac}.leaders-box,.diagnosis,.coach-box{border-top:1px solid #eeeef3;padding-top:14px;margin-top:14px}.leaders-box h3,.diagnosis h3,.coach-box h3{font-size:13px;margin:0 0 10px;letter-spacing:-.02em}.leaders-box label{display:grid;grid-template-columns:94px 1fr;align-items:center;gap:8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#9a9da5;margin-bottom:8px}.leaders-box select{height:34px;padding:0 8px;font-size:12px;text-transform:none;letter-spacing:0;color:#1d1d1f;font-weight:650}.diagnosis p{font-size:13px;line-height:1.65;color:#4f5663;margin:0 0 12px}.identity-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.identity-item{background:#f8f8fb;border:1px solid #eeeef3;border-radius:10px;padding:7px 9px;min-width:0}.identity-item .identity-key{display:block;font-size:9px;font-weight:900;color:#0071e3;letter-spacing:.08em;text-transform:uppercase}.identity-item .identity-name{display:block;font-size:12px;color:#1d1d1f;line-height:1.2;margin-top:2px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-cloud{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.tag-cloud span{font-size:10px;font-weight:800;background:#eef4ff;color:#0071e3;border-radius:999px;padding:5px 8px}.note-list{display:flex;flex-direction:column;gap:7px}.note{font-size:11.5px;line-height:1.45;background:#f8f8fb;border-left:3px solid #d8d9df;border-radius:10px;padding:8px 10px;color:#59606d}.note.good{border-left-color:#1a7a1a}.note.warn{border-left-color:#c8a800}.coach-row{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;background:#f8f8fb;border:1px solid #eeeef3;border-radius:14px;padding:9px;margin-bottom:7px}.coach-row span{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef4ff;color:#0071e3;font-size:11px;font-weight:900}.coach-row strong{font-size:12px}.coach-row small{font-size:10px;color:#6e6e73;font-weight:800}.coach-row.best{border-color:#0071e359;box-shadow:0 0 0 3px #0071e314}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#1d1d1f;color:#fff;border-radius:999px;padding:12px 18px;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:300}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:1180px){.builder-grid{grid-template-columns:1fr}.squad-panel,.analysis-panel{order:2}.pitch-panel{order:1}.pitch{height:620px}}@media(max-width:760px){.lb-page{padding:34px 12px 54px}.lb-hero{grid-template-columns:1fr}.hero-card{display:none}.lb-hero h1{font-size:46px}.guide-body{grid-template-columns:1fr}.team-strip{grid-template-columns:1fr 1fr;gap:9px}.team-name-field,.action-row{grid-column:1/-1}.action-row{justify-content:stretch}.action-row button{flex:1}.panel{border-radius:22px;padding:14px}.pitch-top{flex-direction:column}.formation-field{width:100%}.formation-groups{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.formation-group{flex:0 0 auto}.pitch-wrap{padding:10px;border-radius:24px}.pitch{height:560px;border-radius:18px}.token{width:92px;min-height:52px;border-radius:16px;padding:8px}.token strong{font-size:11px}.instructions,.mini-grid{grid-template-columns:1fr 1fr}.picker-controls{grid-template-columns:1fr}}