:root{--bg:#080b12;--panel:#0f141f;--panel-2:#151c29;--line:#232c3b;--text:#f5f7fb;--muted:#8f9bad;--accent:#c7ff35;--accent-2:#68e6ff;--danger:#ff6b7a;--radius:18px}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 65% -10%, #68e6ff14, transparent 30%), radial-gradient(circle at 0% 30%, #c7ff350d, transparent 25%), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.brand{letter-spacing:.08em;align-items:center;gap:11px;font-weight:900;display:inline-flex}.brand-link{align-items:center;text-decoration:none;display:inline-flex}.brand-with-img{align-items:center;gap:0;display:inline-flex}.brand-logo-img{object-fit:contain;width:auto;height:auto;max-height:36px;transition:transform .18s;display:block}.brand-link:hover .brand-logo-img,.brand-link:hover .brand-icon-img{transform:scale(1.02)}.brand-icon-img{object-fit:contain;width:auto;height:auto;display:block}.brand-mark{background:var(--accent);color:#071008;letter-spacing:-.05em;border-radius:11px;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.site-nav,.builder-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b12c2;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;min-height:72px;padding:0 clamp(20px,4vw,64px);display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:#071008}.button-ghost{border-color:var(--line);background:#111722}.button-large{border-radius:14px;min-height:52px;padding:0 22px;font-size:15px}.nav-actions,.builder-nav-actions{align-items:center;gap:10px;display:flex}.nav-link{color:var(--muted);font-size:14px;font-weight:700}.muted{color:var(--muted);font-size:13px}.eyebrow,.panel-label{color:var(--accent);letter-spacing:.18em;font-size:10px;font-weight:900}.panel-label{color:#8390a4}.landing-shell{min-height:100vh}.hero{grid-template-columns:1fr .86fr;align-items:center;gap:72px;max-width:1280px;margin:0 auto;padding:88px 40px 62px;display:grid}.hero-copy h1{letter-spacing:-.065em;max-width:750px;margin:18px 0 20px;font-size:clamp(54px,6.6vw,96px);line-height:.9}.hero-copy h1 span{color:var(--accent)}.hero-copy>p{color:#aab4c4;max-width:650px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:32px;display:flex}.hero-visual{perspective:1000px;justify-content:center;display:flex}.demo-card{aspect-ratio:4/5;background:linear-gradient(#050c1433,#04080ed1),radial-gradient(circle at 40% 25%,#68e6ff29,#0000 34%),#0d3d2c;border:1px solid #ffffff1f;border-radius:26px;width:min(100%,470px);position:relative;overflow:hidden;transform:rotateY(-5deg)rotateX(2deg);box-shadow:0 34px 90px #0000006b}.demo-topline,.demo-footer{z-index:4;letter-spacing:.14em;justify-content:space-between;font-size:9px;font-weight:800;display:flex;position:absolute;left:24px;right:24px}.demo-topline{top:20px}.demo-footer{bottom:20px}.demo-pitch{border:1px solid #ffffff57;border-radius:3px;position:absolute;inset:66px 28px 54px}.demo-pitch:before{content:"";border-top:1px solid #ffffff47;position:absolute;top:50%;left:0;right:0}.demo-pitch:after{content:"";border:1px solid #ffffff47;border-radius:50%;width:72px;height:72px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-player{z-index:3;justify-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.demo-player strong{background:var(--accent);color:#071008;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid;box-shadow:0 3px 16px #c7ff354d}.demo-player small{letter-spacing:.05em;margin-top:4px;font-size:7px;font-weight:900}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto 80px;display:grid}.feature-strip article{align-items:flex-start;gap:16px;padding:26px 28px;display:flex}.feature-strip article+article{border-left:1px solid var(--line)}.feature-strip svg{color:var(--accent)}.feature-strip strong,.feature-strip span{display:block}.feature-strip strong{margin-bottom:5px;font-size:14px}.feature-strip span{color:var(--muted);font-size:12px;line-height:1.5}.toast{z-index:60;color:#e8edf5;cursor:pointer;background:#121a26;border:1px solid #324057;border-radius:12px;align-items:center;gap:10px;padding:10px 13px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #00000073}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020408c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-modal{background:#0f151f;border:1px solid #29354a;border-radius:22px;width:min(100%,430px);padding:28px;position:relative;box-shadow:0 30px 120px #0000008c}.auth-modal h2{letter-spacing:-.04em;margin:10px 0;font-size:27px;line-height:1.05}.auth-modal>p{color:#7f8ca0;margin-bottom:20px;font-size:12px;line-height:1.6}.modal-close{cursor:pointer;background:#18202c;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:13px;right:13px}.auth-modal form{gap:12px;display:grid}.auth-modal form label{color:#77859b;gap:6px;font-size:10px;font-weight:800;display:grid}.auth-modal form input{color:#fff;background:#0b1018;border:1px solid #283347;border-radius:10px;outline:0;min-height:45px;padding:0 12px}.auth-submit{width:100%;margin-top:4px}.auth-switch{color:#9baac1;cursor:pointer;background:0 0;border:0;width:100%;margin-top:15px;font-size:11px}.form-error{color:#ff8e98;background:#ff6b7a14;border:1px solid #ff6b7a2e;border-radius:8px;padding:9px 10px;font-size:10px}.dashboard-shell{min-height:100vh}.dashboard-content{max-width:1180px;margin:0 auto;padding:60px 30px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-heading h1{letter-spacing:-.05em;margin:7px 0 0;font-size:44px}.empty-state{text-align:center;color:#8e9aae;border:1px dashed #2b3548;border-radius:20px;align-content:center;place-items:center;gap:10px;min-height:300px;padding:30px;display:grid}.empty-state h2{color:#f1f4f8;margin:0}.empty-state p{margin:0 0 10px;font-size:13px}.lineup-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.lineup-card{background:#0e141d;border:1px solid #222b3a;border-radius:16px;padding:18px}.lineup-card-top{color:#78869b;justify-content:space-between;font-size:10px;display:flex}.count-badge{color:var(--accent)}.lineup-card h2{margin:22px 0 7px;font-size:19px}.lineup-card p{color:#67758a;font-size:10px}.template-pill{color:#8d9bb0;text-transform:uppercase;border:1px solid #273245;border-radius:999px;margin-top:18px;padding:5px 8px;font-size:9px;display:inline-flex}@media (max-width:860px){.hero{grid-template-columns:1fr;padding:60px 24px}.hero-visual{order:-1}.demo-card{width:360px;max-width:100%}.feature-strip{grid-template-columns:1fr;margin:0 20px 60px}.feature-strip article+article{border-left:0;border-top:1px solid var(--line)}.lineup-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.site-nav{padding:0 14px}.nav-link{display:none}.hero-copy h1{font-size:54px}.hero-copy>p{font-size:15px}.lineup-grid{grid-template-columns:1fr}.dashboard-content{padding:36px 16px}}.lineup-card-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.lineup-card-footer .template-pill{margin-top:0}.lineup-card-actions{gap:6px;display:flex}.lineup-action{color:#93a0b3;cursor:pointer;background:#131b27;border:1px solid #283449;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.lineup-action:hover{color:#fff;border-color:#41516e}.lineup-action-danger:hover{color:#ff8995;border-color:#ff6b7a59}.lineup-action:disabled{opacity:.45;cursor:wait}.builder-shell{--accent:#6d4aff;--accent-text:#bdb2ff;--surface-0:#0b0a0f;--surface-1:#0f0e13;--surface-2:#16151c;--surface-3:#1d1b24;--ui-line:#ffffff13;--ui-line-strong:#ffffff21;--text-strong:#f5f2f9;--text:#dedae5;--text-muted:#aaa4b5;--text-dim:#8c8698;height:100dvh;color:var(--text);background:radial-gradient(circle at 58% -20%, #6d4aff17, transparent 32%), var(--surface-0);grid-template-rows:auto auto minmax(0,1fr);font-size:13px;display:grid;overflow:hidden}.builder-shell input[type=number]{appearance:textfield}.builder-shell input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.builder-shell input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.builder-header{z-index:50;border-bottom:1px solid var(--ui-line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0b0a0ff0;position:relative}.builder-header .builder-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;gap:16px;min-height:64px;padding:0 22px}.builder-header .brand{font-size:15px}.builder-header .brand-mark{color:#000;background:linear-gradient(145deg,#c7ff35,#c3ff2b);border-radius:10px;width:38px;height:38px;font-size:12px;box-shadow:0 10px 30px #6042eb3d}.workspace-identity{align-items:center;gap:10px;min-width:0;margin-left:20px;margin-right:auto;display:flex}.workspace-identity>div{min-width:0}.workspace-badge{border:1px solid var(--ui-line-strong);background:var(--surface-2);color:#e2ddff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.workspace-identity strong,.workspace-identity span{display:block}.workspace-identity strong{color:var(--text-strong);font-size:14px;font-weight:700;line-height:1.2}.workspace-identity span{max-width:460px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.user-chip{max-width:240px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12.5px;display:inline-flex;overflow:hidden}.builder-nav-actions .button{border-radius:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:700}.builder-nav-actions .button-ghost{border-color:var(--ui-line-strong);background:var(--surface-2);color:#d6d2dd}.builder-nav-actions .button-ghost:hover{color:#fff;border-color:#ffffff38}.builder-nav-actions .button-primary{color:#000;background:linear-gradient(#c7ff35,#c7ff35);box-shadow:0 8px 24px #603eee38}.builder-subnav{border-top:1px solid #ffffff08;justify-content:space-between;align-items:stretch;gap:16px;height:46px;padding:0 22px;display:flex}.builder-tabs{align-items:stretch;gap:26px;display:flex}.builder-tabs button{color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:650;transition:color .18s;display:inline-flex;position:relative}.builder-tabs button:hover,.builder-tabs button.active{color:var(--text-strong)}.builder-tabs button.active:after{content:"";background:var(--accent);border-radius:999px;height:2px;position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 0 14px #6d4aff7a}.builder-status{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.status-dot{background:#7560ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #7560ff8c}.builder-grid{background:var(--surface-0);grid-template-columns:320px minmax(0,1fr) 360px;min-height:0;display:grid}.builder-grid.is-focused{grid-template-columns:minmax(0,1fr) 400px}.control-panel,.design-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2d2935 transparent;background:linear-gradient(180deg, #ffffff03, transparent 20%), var(--surface-1);flex-direction:column;min-width:0;min-height:0;display:flex;overflow-y:auto}.control-panel{border-right:1px solid var(--ui-line)}.design-panel{border-left:1px solid var(--ui-line)}.panel-section{border-bottom:1px solid var(--ui-line);flex:none;padding:18px 20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel-heading.compact{align-items:center}.panel-kicker,.builder-shell .panel-label{color:var(--text-dim);letter-spacing:.12em;font-size:10.5px;font-weight:800;display:block}.panel-heading h2{color:var(--text-strong);letter-spacing:-.01em;margin:5px 0 0;font-size:16px;font-weight:700;line-height:1.2}.section-state{border:1px solid var(--ui-line);background:var(--surface-2);color:var(--text-muted);border-radius:6px;flex:none;padding:4px 8px;font-size:11.5px;font-weight:700}.roster-section{flex-direction:column;min-height:300px;padding-bottom:12px;display:flex}.control-panel .roster-section,.design-panel .roster-section{flex:1 1 0}.icon-text-button{border:1px solid var(--ui-line);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;cursor:pointer;border-radius:7px;flex:none;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:650;display:inline-flex}.icon-text-button:hover{color:#fff;border-color:#7c5cff6b}.roster-drag-hint{color:#cbc3f2;background:#6d4aff12;border:1px solid #6d4aff38;border-radius:7px;align-items:center;gap:8px;margin:0 0 10px;padding:8px 10px;font-size:12px;font-weight:550;line-height:1.35;display:flex}.roster-drag-hint svg{color:#9c8bff;flex:none}.player-list{scrollbar-width:thin;scrollbar-color:#2d2935 transparent;flex:1 1 0;align-content:start;gap:3px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.player-row{border:1px solid #0000;border-left:3px solid var(--row-accent,#5e5a67);background:#ffffff04;border-radius:7px;grid-template-columns:22px 46px minmax(0,1fr) 34px;align-items:center;gap:8px;min-height:46px;padding:5px 8px;display:grid;position:relative}.player-row:hover,.player-row:focus-within{background:#ffffff09;border-top-color:#ffffff0d;border-bottom-color:#ffffff0d;border-right-color:#ffffff0d}.row-index{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:center;font-size:11px;font-weight:700}.player-row input{width:100%;min-width:0;color:var(--text-strong);background:0 0;border:0;outline:0}.player-row .small-number{border:1px solid var(--ui-line);background:var(--surface-2);text-align:center;border-radius:6px;height:32px;padding:0 6px;font-size:13px;font-weight:800}.player-name-input{font-size:13.5px;font-weight:600}.photo-upload{border:1px solid var(--ui-line);background:var(--surface-2);width:32px;height:32px;color:var(--text-dim);cursor:pointer;border-radius:6px;place-items:center;display:grid;overflow:hidden}.photo-upload img{object-fit:cover;width:100%;height:100%}.photo-upload input,.file-button input{display:none}.roster-player-row{cursor:grab}.roster-player-row:active{cursor:grabbing}.roster-drag{color:var(--text-dim);place-items:center;display:grid}.roster-player-row:hover .roster-drag{color:#a897ff}.roster-number{border:1px solid var(--ui-line);background:var(--surface-2);width:38px;height:32px;color:var(--text-strong);font-variant-numeric:tabular-nums;border-radius:6px;place-items:center;font-size:13px;font-weight:800;display:grid}.roster-player-copy{min-width:0}.roster-player-copy strong,.roster-player-copy small{display:block}.roster-player-copy strong{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.roster-player-copy small{color:var(--text-dim);margin-top:2px;font-size:11.5px}.player-row.is-highlighted,.player-row.roster-player-row.is-used.is-highlighted{background:#6d4aff29;border-top-color:#8a75ff73;border-bottom-color:#8a75ff73;border-right-color:#8a75ff73}.roster-player-row.is-used.is-highlighted .roster-drag,.roster-player-row.is-used.is-highlighted .roster-number,.roster-player-row.is-used.is-highlighted .roster-player-copy{opacity:.9}.roster-player-row.is-used{background:0 0;border-left-color:#ffffff1a}.roster-player-row.is-used .roster-drag,.roster-player-row.is-used .roster-number,.roster-player-row.is-used .roster-player-copy{opacity:.45}.roster-player-row.is-used:hover .roster-number,.roster-player-row.is-used:hover .roster-player-copy{opacity:.7}.roster-remove{border:1px solid var(--ui-line);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;gap:3px;padding:4px 7px;font-size:11.5px;font-weight:650;transition:border-color .18s,color .18s,background-color .18s;display:inline-flex}.roster-remove:hover,.roster-remove:focus-visible{color:#ff9aa4;background:#ff6b7a14;border-color:#ff6b7a66;outline:0}.editor-stage{--stage-pad:18px;--stage-head:44px;--stage-foot:50px;--stage-gap:12px;--bench-w:176px;--cluster-gap:12px;--pitch-w:min(calc(100cqw - var(--bench-w) - var(--cluster-gap)), calc((100cqh - var(--stage-head) - var(--stage-foot) - (var(--stage-gap) * 2)) * 68 / 105));--pitch-h:calc(var(--pitch-w) * 105 / 68);--cluster-w:calc(var(--pitch-w) + var(--cluster-gap) + var(--bench-w));justify-content:flex-start;align-items:center;gap:var(--stage-gap);min-width:0;min-height:0;padding:var(--stage-pad);background:radial-gradient(circle at 50% 18%,#6d4aff09,#0000 30%),#0c0b10;flex-direction:column;display:flex;position:relative;overflow:hidden auto;container-type:size}.editor-stage:before{content:"";z-index:0;pointer-events:none;opacity:.3;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 0 36%,#0000 76%);mask-image:radial-gradient(circle at 50% 45%,#000 0 36%,#0000 76%)}.stage-header{z-index:1;width:var(--cluster-w);max-width:100%;min-height:var(--stage-head);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.stage-toolbar{flex:none;align-items:center;gap:8px;display:flex}.toolbar-label{color:var(--text-dim);padding:0 4px 0 6px;font-size:11.5px;font-weight:650}.count-segment,.formation-select{border:1px solid var(--ui-line-strong);background:var(--surface-1);border-radius:9px;align-items:center;height:36px;display:inline-flex}.count-segment{gap:2px;padding:3px}.count-segment button{min-width:32px;height:28px;color:var(--text-muted);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:13px;font-weight:700;transition:background-color .18s,color .18s}.count-segment button:hover{color:#fff;background:#ffffff0d}.style-segment button{place-items:center;padding:0;display:grid}@container (max-width:640px){.toolbar-label{display:none}.formation-select{padding-left:8px}}.count-segment button.active{background:var(--accent);color:#fff;box-shadow:0 4px 14px #6d4aff59}.formation-select{cursor:pointer;padding-left:3px;position:relative}.count-select select{text-overflow:ellipsis;max-width:140px;overflow:hidden}.formation-select select{appearance:none;height:100%;color:var(--text-strong);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:0;padding:0 30px 0 2px;font-size:13px;font-weight:700}.formation-select select option{background:var(--surface-2);color:var(--text-strong)}.formation-select svg{color:var(--text-muted);pointer-events:none;position:absolute;right:10px}.formation-select:hover,.formation-select:focus-within{border-color:#7c5cff8c}.stage-hint{color:#cbc3f2;white-space:nowrap;text-overflow:ellipsis;background:#6d4aff12;border:1px solid #6d4aff3d;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:7px 11px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.canvas-hint-dot{background:#8a75ff;border-radius:50%;flex:none;width:6px;height:6px;animation:2.4s ease-in-out infinite myfutx-pulse;box-shadow:0 0 12px #6d4aff99}@container (max-width:760px){.stage-hint{display:none}}.editor-workspace{z-index:1;width:var(--cluster-w);max-width:100%;height:var(--pitch-h);gap:var(--cluster-gap);flex:none;display:flex;position:relative}.lineup-canvas-shell{--pointer-x:50%;--pointer-y:40%;width:var(--pitch-w);height:var(--pitch-h);isolation:isolate;background:#06150d;border:1px solid #ffffff14;border-radius:12px;flex:none;position:relative;overflow:hidden;box-shadow:0 22px 60px #0000004d;container-type:inline-size}.lineup-canvas-shell:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #aaffc917, transparent 19%), linear-gradient(180deg, #ffffff06, transparent 16%, transparent 83%, #00000029);mix-blend-mode:screen;position:absolute;inset:0}.r3f-layer{z-index:0;position:absolute;inset:0}.r3f-layer canvas{display:block;width:100%!important;height:100%!important}.pitch-hairline{z-index:1;pointer-events:none;opacity:.26;transition:opacity .4s,transform .55s cubic-bezier(.2,.8,.2,1);position:absolute}.pitch-hairline-a{aspect-ratio:1;border:1px solid #6d4aff29;border-radius:50%;width:34%;top:-8%;right:-12%}.pitch-hairline-b{background:linear-gradient(90deg,#0000,#68e6ff42,#0000);width:44%;height:1px;bottom:18%;left:-8%;transform:rotate(-12deg)}.lineup-canvas-shell:hover .pitch-hairline-a{opacity:.46;transform:translate(-8px,10px)scale(1.04)}.lineup-canvas-shell:hover .pitch-hairline-b{opacity:.5;transform:translate(14px)rotate(-12deg)}.player-overlay{z-index:4;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;inset:0}.editor-player{--avatar:clamp(38px, 10.5cqw, 56px);z-index:2;justify-items:center;width:max-content;transition:filter .18s,transform .28s cubic-bezier(.2,.85,.25,1);display:grid;position:absolute;transform:translate(-50%,-50%)}.editor-player:hover,.editor-player:focus-within{z-index:9}.editor-player.is-dragging{z-index:15;filter:drop-shadow(0 16px 20px #0000005c);transform:translate(-50%,-50%)scale(1.06)}.player-token{width:var(--avatar);height:var(--avatar);position:relative}.drag-avatar{width:100%;height:100%;color:var(--kit-ink,#fff);cursor:grab;background:0 0;border:0;place-items:center;padding:0;transition:transform .2s,border-color .2s,box-shadow .25s;display:grid;position:relative}.token-number{z-index:1;font-family:var(--font-anton), "Arial Narrow", sans-serif;font-size:calc(var(--avatar) * .42);letter-spacing:.01em;font-variant-numeric:tabular-nums;line-height:1;position:relative}.drag-avatar.token-circle,.drag-avatar.token-card{background:radial-gradient(circle at 34% 24%, #ffffff3d, transparent 40%), var(--kit);border:2px solid #ffffffeb;overflow:hidden;box-shadow:0 10px 24px #0000005c}.drag-avatar.token-circle{border-radius:50%}.drag-avatar.token-card{background:linear-gradient(160deg, #ffffff42, transparent 46%), var(--kit);border-radius:8px;width:80%;height:112%;position:absolute;top:-6%;left:10%}.drag-avatar.token-jersey{filter:drop-shadow(1.5px 0 #ffffffeb)drop-shadow(-1.5px 0 #ffffffeb)drop-shadow(0 1.5px #ffffffeb)drop-shadow(0 -1.5px #ffffffeb)drop-shadow(0 8px 10px #0006)}.drag-avatar.token-jersey:before{content:"";background:linear-gradient(180deg, #ffffff38, transparent 50%), var(--kit);clip-path:polygon(31.7% 11.7%,41.7% 7.5%,45% 11.5%,50% 13%,55% 11.5%,58.3% 7.5%,68.3% 11.7%,90% 25%,81.7% 43.3%,71.7% 38.3%,71.7% 91.7%,28.3% 91.7%,28.3% 38.3%,18.3% 43.3%,10% 25%);position:absolute;inset:-6%}.drag-avatar.token-jersey .token-number{font-size:calc(var(--avatar) * .36);margin-top:16%}.drag-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.drag-avatar.has-photo .token-number{background:var(--kit);font-size:calc(var(--avatar) * .24);border-radius:4px;padding:2px 4px 1px;position:absolute;bottom:3px;right:3px}.editor-player:hover .drag-avatar,.editor-player.is-dragging .drag-avatar{transform:translateY(-2px)}.editor-player:hover .drag-avatar.token-circle,.editor-player:hover .drag-avatar.token-card{border-color:#fff}.editor-player.is-dragging .drag-avatar{cursor:grabbing}.player-token:before{content:"";opacity:0;pointer-events:none;border:2px solid #0000;border-radius:50%;transition:opacity .18s,transform .18s;position:absolute;inset:-9px;transform:scale(.85)}.editor-player.is-highlighted{z-index:12}.editor-player.is-highlighted .player-token:before{opacity:1;border-color:#fff;animation:1.4s ease-in-out infinite token-pulse;transform:scale(1)}.editor-player.is-highlighted .drag-avatar{transform:scale(1.08)}.editor-player.is-highlighted .player-label{background:#6d4aff;border-color:#ffffff8c}.editor-player.is-highlighted .player-label span{color:#ffffffe0}.editor-player.is-swap-target{z-index:25}.editor-player.is-swap-target .drag-avatar{transform:scale(1.18);box-shadow:0 0 0 3px #c7ff35,0 0 24px #c7ff35bf}.editor-player.is-swap-target .player-label{color:#c7ff35;background:#c7ff3540;border-color:#c7ff35}.editor-player.is-swap-target .player-token:before{opacity:1;border-color:#c7ff35;transform:scale(1.12);box-shadow:0 0 0 4px #c7ff3573,0 0 24px #c7ff35a6}@keyframes token-pulse{0%,to{box-shadow:0 0 0 4px #8a75ff73,0 0 22px 4px #8a75ff80}50%{box-shadow:0 0 0 7px #8a75ff38,0 0 32px 10px #8a75ff9e}}.token-number-input{z-index:3;color:#fff;width:92%;height:64%;font-family:var(--font-anton), "Arial Narrow", sans-serif;font-size:calc(var(--avatar) * .36);text-align:center;background:#0b0a0f;border:2px solid #fff;border-radius:8px;outline:0;padding:0;position:absolute;top:18%;left:4%;box-shadow:0 0 0 3px #8a75ff99}.token-remove{z-index:2;color:#fff;cursor:pointer;opacity:0;background:#2a2732;border:1.5px solid #0c0b10;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;transition:opacity .16s,transform .16s,background-color .16s;display:grid;position:absolute;top:-5px;left:-7px;transform:scale(.8)}.editor-player:hover .token-remove,.editor-player:focus-within .token-remove{opacity:1;transform:scale(1)}.token-remove:hover,.token-remove:focus-visible{background:#e5485b;outline:0}.token-captain-badge{z-index:4;color:#0f172a;pointer-events:none;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1.5px solid #080d1a;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 3px;font-size:10px;font-weight:900;line-height:1;display:grid;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 6px #0006,0 0 10px #f59e0b80}.token-captain-btn{z-index:3;color:#fbbf24;cursor:pointer;opacity:0;background:#2a2732;border:1.5px solid #0c0b10;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;font-size:10.5px;font-weight:900;transition:opacity .16s,transform .16s,background-color .16s,box-shadow .16s;display:grid;position:absolute;top:-5px;right:-7px;transform:scale(.8)}.editor-player:hover .token-captain-btn,.editor-player:focus-within .token-captain-btn{opacity:1;transform:scale(1)}.token-captain-btn:hover,.token-captain-btn.is-active{color:#0b0a0f;opacity:1;background:#f59e0b;border-color:#fbbf24;transform:scale(1);box-shadow:0 0 10px #f59e0b99}.editor-player.is-empty .drag-avatar{color:#ffffffb3;box-shadow:none;background:#0a090e73;border:2px dashed #fff6;border-radius:50%}.editor-player.is-empty:hover .drag-avatar{color:#fff;border-color:#8a75ff}.empty-slot-label{color:#ffffffb8;white-space:nowrap;background:#0a090e99;border-radius:999px;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:600}.player-label{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;cursor:text;background:#0a090edb;border:1px solid #ffffff24;border-radius:8px;justify-items:center;max-width:28cqw;margin-top:5px;padding:3px 9px 4px;line-height:1.08;transition:border-color .2s,background-color .2s;display:grid;position:relative;box-shadow:0 6px 16px #0000004d}.player-label span,.player-label strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.player-label span{color:#ffffffb3;font-size:clamp(10px,2.5cqw,12px);font-weight:550}.player-label strong{letter-spacing:.01em;font-size:clamp(11.5px,3cqw,13.5px);font-weight:750}.editor-player:hover .player-label{border-color:#8a75ff99}.inline-name{--chars:6;z-index:1;width:clamp(48px, calc(var(--chars) * 1.05ch + 22px), 24cqw);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;text-overflow:ellipsis;background:#0a090ee6;border:1px solid #ffffff24;border-radius:999px;outline:0;height:26px;margin-top:5px;padding:0 9px;font-size:clamp(11.5px,3cqw,13.5px);font-weight:650;line-height:1;transition:border-color .2s,width .2s;position:relative;box-shadow:0 6px 16px #0000004d}.inline-name:focus{width:clamp(48px, calc(var(--chars) * 1.05ch + 26px), 46cqw);border-color:#8a75ffd9}.canvas-drop-overlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;opacity:0;pointer-events:none;background:#191230c2;border:1.5px dashed #8a75ff99;border-radius:10px;align-content:center;place-items:center;gap:6px;padding:12px;transition:opacity .16s,transform .16s;display:grid;position:absolute;inset:14px;transform:scale(.985)}.canvas-drop-overlay strong{color:#f4f0ff;font-size:16px}.canvas-drop-overlay span{color:#c9c0ee;font-size:12.5px}.lineup-canvas-shell.is-drop-target .canvas-drop-overlay{opacity:1;transform:scale(1)}.lineup-canvas-shell.is-drop-target{border-color:#7d67ff99;box-shadow:0 22px 60px #0000004d,0 0 0 2px #6d4aff29}.bench-panel{width:var(--bench-w);background:linear-gradient(180deg, #6d4aff0d, transparent 20%), var(--surface-1);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:none;min-width:0;height:100%;display:flex;overflow:hidden}.bench-header{border-bottom:1px solid var(--ui-line);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.bench-header>div{align-items:baseline;gap:8px;display:flex}.bench-header span{color:var(--text-dim);letter-spacing:.12em;font-size:10.5px;font-weight:800}.bench-header strong{color:var(--text-strong);font-size:16px;font-weight:800}.bench-list{scrollbar-width:thin;scrollbar-color:#2d2935 transparent;flex:1;min-height:0;padding:6px;overflow-y:auto}.bench-player,.bench-slot{border-radius:7px;min-height:48px;margin-bottom:4px}.bench-slot{color:var(--text-dim);border:1px dashed #ffffff1f;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.bench-panel.is-drop-target{border-color:#7d67ff99;box-shadow:0 0 0 2px #6d4aff29}.bench-panel.is-drop-target .bench-slot{color:#cbc3f2;background:#6d4aff12;border-color:#8a75ff8c}.bench-player{--bench-accent:#6d4aff;border:1px solid #0000;border-left:3px solid var(--bench-accent);cursor:grab;background:#ffffff06;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:8px;padding:6px 4px 6px 7px;transition:background .18s,border-color .18s;display:grid;position:relative}.bench-player:hover{background:#ffffff08;border-top-color:#ffffff0d;border-bottom-color:#ffffff0d;border-right-color:#ffffff0d}.bench-player:active{cursor:grabbing}.bench-player.is-highlighted{background:#6d4aff29;border-top-color:#8a75ff73;border-bottom-color:#8a75ff73;border-right-color:#8a75ff73}.bench-avatar{background:var(--surface-3);width:30px;height:30px;color:var(--text-strong);font-variant-numeric:tabular-nums;border:1px solid #ffffff1f;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.bench-copy{min-width:0}.bench-copy strong,.bench-copy small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.bench-copy strong{color:var(--text-strong);font-size:12.5px;font-weight:600;line-height:1.2}.bench-copy small{color:var(--text-dim);margin-top:2px;font-size:11px}.bench-remove{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.bench-remove:hover,.bench-remove:focus-visible{color:#ff9aa4;background:#ff6b7a1f;outline:0}.bench-empty{color:var(--text-muted);text-align:center;padding:18px 10px;font-size:12px;line-height:1.5}.export-preview-section{overflow:hidden}.preview-size{border:1px solid var(--ui-line);background:var(--surface-2);color:var(--text-muted);font-variant-numeric:tabular-nums;border-radius:6px;flex:none;padding:4px 8px;font-size:11px;font-weight:700}.preview-viewport{background:var(--surface-0);border:1px solid #ffffff12;border-radius:10px;width:100%;max-width:320px;margin:0 auto;padding:6px}.preview-viewport .xi-scaled{border-radius:4px;box-shadow:0 18px 46px #0000004d}.export-mode-toggle{background:var(--surface-0);border:1px solid var(--ui-line);border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:4px;display:grid}.export-mode-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .18s;display:inline-flex}.export-mode-toggle button:hover{color:#fff;background:#ffffff0a}.export-mode-toggle button.active{background:var(--surface-2);color:#fff;border-color:#ffffff1f;font-weight:600;box-shadow:0 2px 8px #00000040}.export-modal-backdrop{z-index:999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02060cd1;place-items:center;padding:24px 16px;animation:.2s cubic-bezier(.16,1,.3,1) both auth-modal-in;display:grid;position:fixed;inset:0;overflow-y:auto}.export-modal-window{background:#0d131f;border:1px solid #1e293b;border-radius:20px;flex-direction:column;width:min(100%,940px);max-height:calc(100vh - 48px);display:flex;overflow-y:auto;box-shadow:0 24px 80px #000000b3}.export-modal-header{border-bottom:1px solid #1a2436;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 16px;display:flex;position:relative}.export-modal-header-copy{flex-direction:column;gap:3px;display:flex}.export-modal-header-copy h2{color:#fff;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.export-modal-header-copy p{color:#8896ab;margin:0;font-size:13px;font-weight:400}.export-modal-close{color:#94a3b8;cursor:pointer;background:#141c2c;border:1px solid #233044;border-radius:9px;place-items:center;width:34px;height:34px;transition:all .18s;display:grid}.export-modal-close:hover{color:#fff;background:#1e293b}.export-options-grid{background:#0a0f1a;border-bottom:1px solid #1a2436;grid-template-columns:1fr 1fr;gap:12px;padding:16px 24px;display:grid}.export-option-card{color:inherit;text-align:left;cursor:pointer;background:#0f172a;border:1.5px solid #1e293b;border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.export-option-card:hover{background:#131d33;border-color:#334155}.export-option-card.is-selected{background:radial-gradient(90% 80% at 0 0,#38bdf81f 0%,#0000 60%),#111c30;border-color:#38bdf8;box-shadow:0 4px 20px #38bdf81a}.export-option-icon{color:#94a3b8;background:#182338;border:1px solid #28374f;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;transition:all .18s;display:grid}.export-option-card.is-selected .export-option-icon{color:#38bdf8;background:#38bdf826;border-color:#38bdf859}.export-option-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.export-option-title-row{align-items:center;gap:8px;display:flex}.export-option-title-row strong{color:#fff;font-size:15px;font-weight:600}.export-option-tag{color:#94a3b8;background:#ffffff12;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:500}.export-option-card.is-selected .export-option-tag{color:#38bdf8;background:#38bdf826}.export-option-body p{color:#7b8ba1;margin:0;font-size:12px;line-height:1.45}.export-option-radio{color:#fff;background:#0a0f19;border:1.5px solid #2b394f;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:2px;transition:all .18s;display:grid}.export-option-card.is-selected .export-option-radio{color:#030712;background:#38bdf8;border-color:#38bdf8}.export-modal-content{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:32px;padding:24px 28px 28px;display:grid}.export-modal-preview-box{background:#080d16;border:1px solid #1a2538;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.export-preview-header{justify-content:space-between;align-items:center;width:100%;display:flex}.export-preview-label{color:#94a3b8;font-size:12px;font-weight:500}.export-preview-dimensions{color:#64748b;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.export-preview-canvas-wrap{border-radius:10px;width:100%;max-width:380px;margin:0 auto;overflow:hidden;box-shadow:0 12px 32px #0006}.export-modal-controls{flex-direction:column;gap:28px;padding:8px 0;display:flex}.export-control-group{flex-direction:column;gap:10px;display:flex}.export-control-label{letter-spacing:.12em;color:#8896ab;text-transform:uppercase;font-size:11px;font-weight:600}.export-format-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.export-format-chip{color:#94a3b8;cursor:pointer;background:#0f172a;border:1.5px solid #1e293b;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .18s;display:flex}.export-format-chip:hover{color:#fff;background:#141f35;border-color:#334155}.export-format-chip.is-active{color:#fff;background:#38bdf81a;border-color:#38bdf8;box-shadow:0 0 14px #38bdf81f}.format-chip-label{font-size:13px;font-weight:600}.format-chip-size{color:#64748b;font-size:11px;font-weight:400}.export-format-chip.is-active .format-chip-size{color:#38bdf8}.export-control-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.export-template-active-name{color:#38bdf8;font-size:12px;font-weight:650}.export-template-picker-list{flex-direction:column;gap:6px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.export-template-picker-list::-webkit-scrollbar{width:5px}.export-template-picker-list::-webkit-scrollbar-thumb{background:#1e293b;border-radius:999px}.export-template-picker-item{color:#94a3b8;cursor:pointer;text-align:left;background:#090e18;border:1.5px solid #1a2538;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:all .16s;display:flex}.export-template-picker-item:hover{color:#fff;background:#101827;border-color:#2b3a52}.export-template-picker-item.is-selected{color:#fff;background:#38bdf81a;border-color:#38bdf8;box-shadow:0 0 16px #38bdf826}.export-template-swatch{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 8px}.export-template-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.export-template-meta strong{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.export-template-meta small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.export-template-check{color:#38bdf8;flex:none}.export-template-lock{color:#f59e0b;background:#f59e0b1f;border-radius:6px;flex:none;padding:4px}.export-action-row{flex-direction:column;gap:10px;margin-top:4px;display:flex}.export-main-download-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:14px;font-weight:500;transition:all .18s;display:inline-flex}.export-quality-notice{color:#64748b;justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:400;display:inline-flex}@media (max-width:820px){.export-options-grid,.export-modal-content{grid-template-columns:1fr;padding:16px}}.export-offscreen{pointer-events:none;position:fixed;top:0;left:-20000px}.matchup-card{border:1px solid var(--ui-line);background:linear-gradient(180deg, #6d4aff17, transparent 70%), var(--surface-2);border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:8px;margin-bottom:16px;padding:14px 10px 12px;display:grid}.matchup-team{text-align:center;justify-items:center;gap:3px;min-width:0;display:grid}.matchup-logo-wrap{position:relative}.matchup-logo{background:var(--surface-1);width:74px;height:74px;color:var(--text-muted);cursor:pointer;border:1px dashed #ffffff38;border-radius:50%;align-content:center;place-items:center;gap:4px;padding:8px;transition:border-color .18s,color .18s;display:grid;overflow:hidden}.matchup-logo.has-logo{border-style:solid;border-color:var(--ui-line-strong);background:#ffffff0f}.matchup-logo:hover{color:#fff;border-color:#7c5cffa6}.matchup-logo img{object-fit:contain;width:100%;height:100%}.matchup-logo small{font-size:10px;font-weight:650;line-height:1.1}.matchup-logo input{display:none}.matchup-logo-remove{border:2px solid var(--surface-2);color:#fff;cursor:pointer;background:#2a2732;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:0;right:0}.matchup-logo-remove:hover,.matchup-logo-remove:focus-visible{background:#e5485b;outline:0}.matchup-team strong{max-width:100%;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:13px;font-weight:700;overflow:hidden}.matchup-team small{color:var(--text-dim);font-size:11px}.matchup-vs{color:var(--text-dim);font-family:var(--font-anton), "Arial Narrow", sans-serif;letter-spacing:.04em;align-self:center;margin-top:-26px;font-size:20px}.form-stack{gap:12px;display:grid}.form-stack label{color:var(--text-muted);gap:6px;font-size:12px;font-weight:650;display:grid}.form-stack input{border:1px solid var(--ui-line-strong);background:var(--surface-2);width:100%;min-height:38px;color:var(--text-strong);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:7px;outline:none;padding:0 11px;font-size:13.5px}.form-stack input::placeholder{color:var(--text-dim)}.form-stack input:focus{border-color:#7c5cff99;box-shadow:0 0 0 3px #6d4aff1f}.split-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-stack label.file-button,.file-button{background:var(--surface-2);min-height:38px;color:var(--text);text-align:center;cursor:pointer;border:1px dashed #ffffff2e;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12.5px;font-weight:600;transition:border-color .18s,color .18s;display:flex}.file-button:hover{color:#fff;border-color:#7c5cff8c}.identity-tools{gap:10px;display:grid}.accent-field{border:1px solid var(--ui-line);background:var(--surface-2);min-height:44px;color:var(--text);border-radius:7px;grid-template-columns:1fr 32px auto;align-items:center;gap:10px;padding:0 12px;font-size:12.5px;font-weight:600;display:grid}.accent-field input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:7px;width:30px;height:30px;padding:0;overflow:hidden}.accent-field code{color:var(--text-muted);font-size:12px}.setting-divider{background:var(--ui-line);height:1px;margin:16px 0 14px}.format-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.format-selector button{border:1px solid var(--ui-line);background:var(--surface-2);min-height:52px;color:var(--text);text-align:center;cursor:pointer;border-radius:8px;align-content:center;gap:3px;padding:8px 6px;transition:border-color .18s,background-color .18s,color .18s;display:grid}.format-selector button:hover{background:#1a1822;border-color:#7c5cff6b}.format-selector button.active{color:#fff;background:linear-gradient(#6d4aff38,#6d4aff17),#17151d;border-color:#7c5cffc7}.format-selector button strong{font-size:12.5px;font-weight:700}.format-selector button small{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.format-selector button.active small{color:var(--accent-text)}.background-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.background-presets>button,.background-presets>label{aspect-ratio:3/4;border:1px solid var(--ui-line-strong);background:var(--surface-2) center / cover no-repeat;color:var(--text-muted);cursor:pointer;border-radius:7px;place-items:center;padding:0;font-size:10.5px;font-weight:700;transition:border-color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.background-presets>button:hover,.background-presets>label:hover{color:#fff;border-color:#7c5cff8c}.background-presets>button.active{border-color:#8a75ff;box-shadow:0 0 0 2px #7c5cff73}.background-presets input{display:none}.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.template-card{border:1px solid var(--ui-line);background:var(--surface-2);min-width:0;color:var(--text);text-align:left;cursor:pointer;border-radius:9px;gap:7px;padding:6px 6px 8px;transition:border-color .18s,background-color .18s;display:grid}.template-card:hover{background:#1a1822;border-color:#7c5cff6b}.template-card.active{background:#6d4aff1f;border-color:#8a75ffe6;box-shadow:0 0 0 1px #8a75ff80}.template-card .xi-scaled{pointer-events:none;border-radius:5px}.template-card-name{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:center;gap:6px;padding:0 2px;font-size:12.5px;font-weight:650;display:flex;overflow:hidden}.template-card-name svg{color:var(--text-dim);flex:none}.lineup-action{transition:border-color .22s,background-color .22s,color .22s}@keyframes myfutx-pulse{0%,to{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (min-width:1600px){.builder-grid{grid-template-columns:340px minmax(0,1fr) 380px}.builder-grid.is-focused{grid-template-columns:minmax(0,1fr) 420px}.editor-stage{--bench-w:190px}}@media (max-width:1279px){.builder-grid{grid-template-columns:290px minmax(0,1fr) 330px}.builder-grid.is-focused{grid-template-columns:minmax(0,1fr) 370px}.editor-stage{--bench-w:150px;--stage-pad:16px}.panel-section{padding:16px}}@media (max-width:1179px){.builder-grid{grid-template-columns:264px minmax(0,1fr) 304px}.editor-stage{--bench-w:136px}.bench-player{grid-template-columns:28px minmax(0,1fr) 22px;gap:6px}.bench-avatar{width:28px;height:28px}}@media (max-height:800px) and (min-width:1024px){.panel-section{padding-block:14px}.panel-heading{margin-bottom:10px}.roster-section{min-height:240px}.editor-stage{--stage-pad:12px;--stage-gap:8px;--stage-head:38px;--stage-foot:44px}}.tab-label-short{display:none}.tab-label-full{display:inline}@media (max-width:1023px){.tab-label-short{display:inline}.tab-label-full{display:none}.builder-shell{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.builder-header{z-index:20;border-bottom:1px solid var(--ui-line);background:#09080e;flex:none;position:sticky;top:0}.builder-header .builder-nav{justify-content:space-between;min-height:44px;padding:8px 12px}.builder-subnav{background:#07060a;border-top:1px solid #ffffff0d;align-items:center;height:38px;min-height:38px;padding:0 8px;display:flex}.builder-tabs{justify-content:space-around;gap:4px;width:100%;display:flex}.builder-tabs button{min-height:32px;color:var(--text-dim);background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.builder-tabs button.active{color:#c7ff35;background:#c7ff351a;border-bottom:2px solid #c7ff35;font-weight:700}.builder-grid{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.builder-grid.is-overview .control-panel,.builder-grid.is-overview .design-panel,.builder-grid.is-focused .editor-stage{display:none!important}.builder-grid.is-focused{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.builder-grid.is-focused .control-panel,.builder-grid.is-focused .design-panel{border:0;width:100%;max-width:640px;margin:0 auto;padding:14px 12px 32px;display:block;overflow:visible}.builder-grid.is-focused .roster-section{flex:none;min-height:0}.builder-grid.is-focused .player-list{max-height:none}.editor-stage{-webkit-overflow-scrolling:touch;--stage-pad:8px;--cluster-gap:0px;--bench-w:0px;--pitch-avail-h:clamp(260px, calc(100dvh - 270px), 480px);--pitch-w:min(calc(100vw - 20px), 430px, calc(var(--pitch-avail-h) * 68 / 105));--pitch-h:calc(var(--pitch-w) * 105 / 68);border:0;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:8px;height:100%;min-height:0;padding:8px 10px 14px;display:flex;overflow:hidden auto;container-type:inline-size}.stage-header{justify-content:space-between;align-items:center;gap:6px;width:100%;max-width:440px;min-height:32px;display:flex}.stage-toolbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:5px;width:100%;display:flex}.stage-toolbar .toolbar-label{display:none}.stage-toolbar .count-segment{border-radius:8px;gap:1px;height:32px;padding:2px}.stage-toolbar .count-segment button{min-width:28px;height:26px;padding:0 5px;font-size:12px}.stage-toolbar .formation-select{border-radius:8px;height:32px;padding-left:6px}.stage-toolbar .formation-select select{padding-right:22px;font-size:12px}.stage-toolbar .style-segment{display:none}.stage-toolbar .view-mode-toggle{gap:2px;height:32px;margin-left:auto;padding:2px;display:flex}.stage-toolbar .view-mode-btn{border-radius:6px;gap:3px;height:26px;padding:0 7px;font-size:11px}.stage-hint{display:none}.editor-workspace{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;width:100%;min-height:0;display:flex}.bench-panel{background:#0e121cbf;border:1px solid #ffffff14;border-radius:9px;flex:none;align-items:center;gap:6px;width:100%;max-width:440px;height:auto;max-height:none;padding:4px 6px;display:flex}.bench-header{flex:none;align-items:center;margin:0;padding:0 2px;display:flex}.bench-header span{letter-spacing:.08em;color:var(--text-muted);font-size:9.5px;font-weight:750}.bench-header strong{color:#c7ff35;margin-left:2px;font-size:10px}.bench-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;flex:1;gap:4px;padding:1px 0;display:flex;overflow-x:auto}.bench-list::-webkit-scrollbar{display:none}.bench-player{background:var(--surface-2);white-space:nowrap;border:1px solid #ffffff1a;border-radius:999px;flex:none;align-items:center;gap:4px;height:26px;margin:0;padding:2px 6px 2px 3px;display:inline-flex}.bench-avatar{flex:none;width:20px;height:20px;font-size:10px}.bench-copy{align-items:baseline;gap:3px;display:inline-flex}.bench-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:11px;overflow:hidden}.bench-copy small{display:none}.bench-remove{flex:none;width:15px;height:15px}.bench-slot.bench-slot-clickable{height:26px;color:var(--text-muted);white-space:nowrap;background:#ffffff05;border:1px dashed #fff3;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:4px;margin:0;padding:0 8px;font-size:10.5px;font-weight:600;display:inline-flex}.stage-action-bar{flex:none;gap:8px;width:100%;max-width:440px;margin:2px 0 0}.stage-action-btn{border-radius:10px;min-height:42px;padding:0 10px;font-size:12.5px}.workspace-identity,.builder-status,.user-chip,.hide-mobile{display:none}.format-selector{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.builder-shell *,.builder-shell :before,.builder-shell :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.dashboard-tabs{background:#0c1119;border:1px solid #222b3a;border-radius:12px;gap:6px;margin-bottom:34px;padding:4px;display:inline-flex}.dashboard-tabs button{color:#778398;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:11px;font-weight:800;display:inline-flex}.dashboard-tabs button.active{color:#f3f6fb;background:#171e2a;box-shadow:inset 0 0 0 1px #ffffff0a}.team-dashboard{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:18px;display:grid}.team-sidebar,.team-editor{background:#0d131c;border:1px solid #222b3a;border-radius:18px}.team-sidebar{position:sticky;top:92px;overflow:hidden}.team-sidebar-head{border-bottom:1px solid #202938;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:16px;display:flex}.team-sidebar-head h2{margin:5px 0 0;font-size:17px}.team-switcher{gap:4px;padding:8px;display:grid}.team-switcher>button{color:#8e9bad;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:9px;width:100%;min-width:0;padding:8px;display:grid}.team-switcher>button:hover{background:#121925}.team-switcher>button.active{color:#f4f7fb;background:#c7ff350e;border-color:#c7ff3529}.team-switcher-logo{color:#bac5d5;background:#151d29;border:1px solid #2c3648;border-radius:10px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid;overflow:hidden}.team-switcher-logo img{object-fit:contain;width:100%;height:100%}.team-switcher strong,.team-switcher small{display:block}.team-switcher strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.team-switcher small{color:#627085;margin-top:3px;font-size:8px}.team-switcher svg{color:var(--accent)}.team-add-button{color:#8492a7;cursor:pointer;background:0 0;border:1px dashed #314057;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 16px);min-height:38px;margin:0 8px 8px;font-size:10px;font-weight:800;display:flex}.team-add-button:hover{color:#d7dfeb;border-color:#465977}.team-editor{min-width:0;padding:22px}.team-editor-head{border-bottom:1px solid #202938;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:20px;display:flex}.team-editor-head h1{letter-spacing:-.04em;margin:6px 0 5px;font-size:30px}.team-editor-head p{color:#718096;margin:0;font-size:11px}.team-editor-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.default-team-badge{color:#c7ff35;background:#c7ff350f;border:1px solid #c7ff352e;border-radius:9px;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:9px;font-weight:850;display:inline-flex}.dashboard-message{color:#9cabc0;background:#111925;border:1px solid #2c384b;border-radius:9px;margin-top:14px;padding:9px 11px;font-size:10px}.team-profile-grid{grid-template-columns:140px minmax(0,1fr);gap:18px;padding:20px 0;display:grid}.team-logo-editor{cursor:pointer;background:#111925;border:1px dashed #34445d;border-radius:18px;place-items:center;width:140px;height:140px;display:grid;position:relative;overflow:hidden}.team-logo-editor>img{object-fit:contain;width:76%;height:76%}.team-logo-editor>span{color:#7f8ea5;font-size:28px;font-weight:900}.team-logo-editor em{color:#9cabc0;background:#05090ed1;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:28px;font-size:8px;font-style:normal;font-weight:800;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.team-logo-editor input{display:none}.team-name-field{align-self:center;gap:7px;display:grid}.team-name-field span{color:#6f7c90;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.team-name-field input{color:#f2f5f9;background:#111925;border:1px solid #29364b;border-radius:10px;outline:none;width:100%;min-height:46px;padding:0 12px;font-size:14px;font-weight:760}.team-name-field input:focus{border-color:#526b91}.team-roster-editor{border-top:1px solid #202938;margin-top:4px;padding-top:18px}.team-roster-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.team-roster-head h2{margin:5px 0 0;font-size:18px}.team-player-table-head,.team-player-edit-row{grid-template-columns:70px minmax(0,1fr) 150px 38px;align-items:center;gap:7px;display:grid}.team-player-table-head{color:#56647a;letter-spacing:.08em;text-transform:uppercase;padding:0 6px 7px;font-size:8px;font-weight:850}.team-player-table{gap:4px;max-height:560px;padding-right:3px;display:grid;overflow-y:auto}.team-player-edit-row{background:#101722;border:1px solid #0000;border-radius:8px;padding:5px}.team-player-edit-row:focus-within{border-color:#2e3c53}.team-player-edit-row input,.team-player-edit-row select{color:#dce3ed;background:#151e2b;border:1px solid #28364a;border-radius:7px;outline:none;min-width:0;min-height:34px;padding:0 9px;font-size:10px}.team-player-edit-row button{color:#7a8799;cursor:pointer;background:#151e2b;border:1px solid #2b394e;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.team-player-edit-row button:hover{color:#ff8995;border-color:#ff6b7a47}.delete-team-button{color:#ff8995;cursor:pointer;background:#ff6b7a0d;border:1px solid #ff6b7a33;border-radius:9px;align-items:center;gap:7px;min-height:38px;margin-top:20px;padding:0 12px;font-size:9px;font-weight:850;display:inline-flex}@media (max-width:900px){.team-dashboard{grid-template-columns:1fr}.team-sidebar{position:static}.team-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.team-profile-grid{grid-template-columns:1fr}.team-logo-editor{width:120px;height:120px}.team-player-table-head{display:none}.team-player-edit-row{grid-template-columns:58px minmax(0,1fr) 34px}.team-player-edit-row select{grid-column:1/span 2}}.auth-page-shell{background:radial-gradient(circle at 16% 18%,#c7ff3514,#0000 24%),radial-gradient(circle at 86% 12%,#68e6ff14,#0000 24%),#080b12;place-items:center;min-height:100vh;padding:clamp(18px,3vw,34px);display:grid}.auth-page-grid{background:#0b1018;border:1px solid #ffffff14;border-radius:26px;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);width:min(100%,1180px);min-height:min(760px,100vh - 68px);animation:.45s cubic-bezier(.2,.8,.2,1) both auth-shell-in;display:grid;overflow:hidden;box-shadow:0 34px 110px #0006}.auth-brand-panel{isolation:isolate;background:linear-gradient(145deg,#c7ff350e,#0000 38%),radial-gradient(circle at 82% 28%,#68e6ff18,#0000 27%),#0b111a;border-right:1px solid #ffffff12;flex-direction:column;justify-content:space-between;gap:42px;padding:clamp(34px,5vw,62px);display:flex;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";z-index:-1;opacity:.32;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.auth-page-brand{width:fit-content}.auth-brand-copy{z-index:2;max-width:590px;position:relative}.auth-kicker,.dashboard-welcome-kicker{width:fit-content;min-height:28px;color:var(--accent);letter-spacing:.13em;background:#c7ff350e;border:1px solid #c7ff3529;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:9px;font-weight:900;display:inline-flex}.auth-brand-copy h1{letter-spacing:-.062em;max-width:650px;margin:18px 0;font-size:clamp(48px,5.2vw,76px);line-height:.94}.auth-brand-copy h1 span{color:var(--accent)}.auth-brand-copy p{color:#94a1b4;max-width:570px;margin:0;font-size:15px;line-height:1.72}.auth-benefits{z-index:2;gap:9px;display:grid;position:relative}.auth-benefits>div{color:#b8c2d0;align-items:center;gap:9px;width:fit-content;min-height:34px;font-size:11px;font-weight:700;display:inline-flex}.auth-benefits svg{color:var(--accent)}.auth-orbit{pointer-events:none;opacity:.5;width:390px;height:390px;position:absolute;bottom:-130px;right:-120px}.auth-orbit span{border:1px solid #68e6ff21;border-radius:50%;animation:15s linear infinite auth-orbit;position:absolute;inset:0}.auth-orbit span:nth-child(2){border-color:#c7ff3529;animation-duration:11s;animation-direction:reverse;inset:58px}.auth-orbit span:nth-child(3){border-color:#ffffff1a;animation-duration:8s;inset:122px}.auth-form-panel{background:radial-gradient(circle at 100% 0,#68e6ff0b,#0000 31%),#0d121b;place-items:center;padding:clamp(30px,5vw,62px);display:grid}.auth-card-modern{width:min(100%,450px)}.auth-card-icon{width:44px;height:44px;color:var(--accent);background:#c7ff350f;border:1px solid #c7ff3529;border-radius:13px;place-items:center;margin-bottom:22px;display:grid;box-shadow:inset 0 0 0 1px #ffffff06}.auth-card-heading h2{letter-spacing:-.045em;margin:8px 0 9px;font-size:clamp(28px,3vw,37px);line-height:1}.auth-card-heading p{color:#7f8da1;margin:0;font-size:12px;line-height:1.65}.auth-modern-form{gap:14px;margin-top:26px;display:grid}.auth-modern-form>label{gap:7px;display:grid}.auth-modern-form>label>span{color:#8996aa;font-size:10px;font-weight:800}.auth-input-wrap{background:#0a0f17;border:1px solid #273247;border-radius:11px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:0 12px;transition:border-color .18s,box-shadow .18s,background .18s;display:grid}.auth-input-wrap:focus-within{background:#0c121a;border-color:#c7ff356b;box-shadow:0 0 0 3px #c7ff350b}.auth-input-wrap>svg{color:#68758a}.auth-input-wrap input,.auth-modal .auth-input-wrap input{color:#f4f7fb;background:0 0;border:0;border-radius:0;outline:0;width:100%;min-width:0;min-height:46px;padding:0;font-size:12px}.auth-input-wrap input::placeholder{color:#4f5b6d}.auth-password-toggle{color:#748197;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}.auth-password-toggle:hover{color:#dce3ed;background:#151d29}.auth-modern-submit{border-radius:11px;width:100%;min-height:48px;margin-top:2px}.auth-modern-error{margin:0;font-size:10px}.auth-legal-note{color:#8b99ad;text-align:center;margin:18px 0 0;font-size:12px;line-height:1.6}.auth-legal-note a{color:#68e6ff;text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline #68e6ff73;text-decoration:underline #68e6ff73;transition:all .15s}.auth-legal-note a:hover{color:#c7ff35;text-decoration-color:#c7ff35}.auth-switch-modern{color:#7d899b;border-top:1px solid #202a39;justify-content:space-between;align-items:center;gap:14px;min-height:46px;margin-top:18px;padding-top:17px;font-size:10px;display:flex}.auth-switch-modern a{color:var(--accent);font-weight:850}.auth-trust-row{color:#596679;align-items:flex-start;gap:8px;margin-top:16px;font-size:9px;line-height:1.5;display:flex}.auth-trust-row svg{color:#718197;flex:none;margin-top:1px}.auth-modal-backdrop{background:radial-gradient(circle at 50% 10%,#68e6ff0e,#0000 30%),#03060bd1}.auth-modal-modern{background:radial-gradient(circle at 100% 0,#c7ff350e,#0000 27%),#0d131c;border:1px solid #263247;border-radius:22px;width:min(100%,520px);padding:30px;animation:.24s cubic-bezier(.2,.8,.2,1) both auth-modal-in;box-shadow:0 34px 120px #00000094}.auth-modal-modern .modal-close{z-index:3;color:#8e9aab;background:#141c28;border:1px solid #273247}.auth-modal-modern-head{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding-right:34px;display:grid}.auth-modal-modern-head .auth-card-icon{margin:0}.auth-modal-modern .auth-card-heading h2{margin:7px 0 8px;font-size:26px}.auth-modal-modern .auth-card-heading p{padding-right:4px;font-size:11px}.auth-modal-tabs{background:#090e15;border:1px solid #222d3e;border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;margin-top:22px;padding:4px;display:grid}.auth-modal-tabs button{color:#707e92;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:38px;font-size:10px;font-weight:850}.auth-modal-tabs button.active{color:#f2f5f9;background:#171f2b;box-shadow:inset 0 0 0 1px #ffffff0a}.auth-modal-modern .auth-modern-form{margin-top:18px}.auth-modal-modern .auth-modern-form label{color:inherit;font-size:inherit;font-weight:inherit;gap:7px}.auth-modal-modern .auth-legal-note{margin-top:16px}.auth-modal-modern .auth-trust-row{border-top:1px solid #202a38;padding-top:14px}.dashboard-shell-modern{background:radial-gradient(circle at 72% -10%,#68e6ff0e,#0000 28%),radial-gradient(circle at 4% 14%,#c7ff350a,#0000 22%),#080b12;min-height:100vh}.dashboard-nav{z-index:30;position:sticky;top:0}.dashboard-nav-actions{align-items:center;gap:10px;display:flex}.dashboard-user-chip{color:#8996a8;background:#0e141d;border:1px solid #222d3d;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:10px;font-weight:760;display:inline-flex}.dashboard-content-modern{max-width:1240px;padding:42px 30px 82px}.dashboard-welcome{isolation:isolate;background:linear-gradient(115deg,#c7ff350a,#0000 36%),radial-gradient(circle at 86% 24%,#68e6ff11,#0000 30%),#0d131c;border:1px solid #222c3b;border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:center;gap:34px;min-height:230px;padding:clamp(27px,4vw,42px);animation:.38s cubic-bezier(.2,.8,.2,1) both dashboard-rise;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 70px #0000002e}.dashboard-welcome:after{content:"";z-index:-1;opacity:.22;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:58px 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.dashboard-welcome-copy h1{letter-spacing:-.058em;margin:15px 0 10px;font-size:clamp(38px,5vw,60px);line-height:.95}.dashboard-welcome-copy h1 span{color:var(--accent)}.dashboard-welcome-copy>p{color:#8390a4;max-width:640px;margin:0;font-size:12px;line-height:1.65}.dashboard-welcome-stats{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.dashboard-welcome-stats span{color:#758297;background:#080c1273;border:1px solid #222d3d;border-radius:999px;align-items:center;gap:5px;min-height:31px;padding:0 10px;font-size:9px;font-weight:760;display:inline-flex}.dashboard-welcome-stats strong{color:#e9eef5;font-size:11px}.dashboard-team-focus{width:100%;min-width:0;min-height:112px;color:inherit;text-align:left;cursor:pointer;background:#090e15d1;border:1px solid #283447;border-radius:17px;grid-template-columns:70px minmax(0,1fr) 20px;align-items:center;gap:15px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:grid}.dashboard-team-focus:hover:not(:disabled){background:#101722;border-color:#3b4b64;transform:translateY(-2px)}.dashboard-team-focus:disabled{cursor:default}.dashboard-team-focus-logo{width:70px;height:70px;color:var(--accent);letter-spacing:-.04em;background:radial-gradient(circle at 30% 20%,#c7ff3526,#0000 48%),#151e2a;border:1px solid #ffffff14;border-radius:18px;place-items:center;font-size:17px;font-weight:900;display:grid;overflow:hidden}.dashboard-team-focus-logo img,.team-switcher-logo img,.player-directory-team-logo img{object-fit:contain;width:100%;height:100%}.dashboard-team-focus-copy{gap:4px;min-width:0;display:grid}.dashboard-team-focus-copy small{color:#5f6d81;letter-spacing:.12em;font-size:8px;font-weight:900}.dashboard-team-focus-copy strong{color:#f0f4f8;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.dashboard-team-focus-copy em{color:#768398;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;overflow:hidden}.dashboard-team-focus>svg{color:#5d6a7e}.dashboard-section-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.dashboard-section-nav button{color:#7b889c;text-align:left;cursor:pointer;background:#0c121a;border:1px solid #212b3a;border-radius:12px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:52px;padding:0 14px;transition:border-color .18s,background .18s,transform .18s;display:grid}.dashboard-section-nav button:hover{background:#111822;border-color:#334258;transform:translateY(-1px)}.dashboard-section-nav button.active{color:#eff4f8;background:#c7ff350d;border-color:#c7ff353d}.dashboard-section-nav button>svg{color:#657388}.dashboard-section-nav button.active>svg{color:var(--accent)}.dashboard-section-nav button span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:820;overflow:hidden}.dashboard-section-nav button b{color:#8e9caf;background:#151e2a;border-radius:8px;place-items:center;min-width:25px;height:25px;padding:0 6px;font-size:9px;display:grid}.dashboard-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;animation:.44s cubic-bezier(.2,.8,.2,1) 40ms both dashboard-rise;display:grid}.dashboard-overview-card{min-width:0;min-height:172px;color:inherit;text-align:left;cursor:pointer;background:#0d131c;border:1px solid #222c3b;border-radius:16px;grid-template-rows:1fr auto;grid-template-columns:44px minmax(0,1fr);gap:13px;padding:21px;transition:transform .2s,border-color .2s,background .2s;display:grid}.dashboard-overview-card:hover{background:#101721;border-color:#3a4a61;transform:translateY(-3px)}.dashboard-overview-icon{width:44px;height:44px;color:var(--accent);background:#c7ff350b;border:1px solid #c7ff3521;border-radius:12px;place-items:center;display:grid}.dashboard-overview-copy{align-content:start;gap:5px;min-width:0;display:grid}.dashboard-overview-copy small{color:#59677a;letter-spacing:.11em;font-size:8px;font-weight:900}.dashboard-overview-copy strong{letter-spacing:-.025em;font-size:19px}.dashboard-overview-copy em{color:#748197;max-width:280px;font-size:10px;font-style:normal;line-height:1.55}.dashboard-overview-meta{color:#68768a;border-top:1px solid #202938;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:13px;display:flex}.dashboard-overview-meta b{color:#e9edf4;font-size:19px}.dashboard-view-panel{background:#0d131c;border:1px solid #222c3b;border-radius:18px;padding:22px;animation:.32s cubic-bezier(.2,.8,.2,1) both dashboard-rise}.dashboard-view-heading{border-bottom:1px solid #202938;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;padding-bottom:18px;display:flex}.dashboard-view-heading h2{letter-spacing:-.042em;margin:6px 0 5px;font-size:29px}.dashboard-view-heading p{color:#748197;margin:0;font-size:10px;line-height:1.55}.dashboard-empty-state{min-height:260px}.lineup-card-modern{transition:transform .18s,border-color .18s,background .18s}.lineup-card-modern:hover{background:#101721;border-color:#35455b;transform:translateY(-2px)}.player-directory{background:#0a1017;border:1px solid #202b3b;border-radius:12px;overflow:hidden}.player-directory-head,.player-directory-row{grid-template-columns:56px minmax(180px,1.2fr) minmax(110px,.7fr) minmax(160px,.9fr) 22px;align-items:center;gap:10px;display:grid}.player-directory-head{color:#526074;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #202a39;min-height:38px;padding:0 13px;font-size:8px;font-weight:900}.player-directory-row{color:#d8e0ea;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #192230;width:100%;min-width:0;min-height:58px;padding:7px 13px;transition:background .16s}.player-directory-row:last-child{border-bottom:0}.player-directory-row:hover{background:#111925}.player-directory-number{color:#758398;font-variant-numeric:tabular-nums;font-size:12px}.player-directory-person{align-items:center;gap:9px;min-width:0;display:flex}.player-directory-person>strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.player-directory-avatar{color:#9caabc;background:#151e2b;border:1px solid #29364a;border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:900;display:grid}.player-position-pill{color:#8694a8;background:#111925;border:1px solid #28364a;border-radius:999px;align-items:center;width:fit-content;min-height:26px;padding:0 8px;font-size:8px;font-weight:850;display:inline-flex}.player-position-pill.position-goalkeeper{color:#6ee7f9;background:#6ee7f90b;border-color:#6ee7f929}.player-position-pill.position-defender{color:#9fb6ff;background:#9fb6ff0b;border-color:#9fb6ff29}.player-position-pill.position-midfielder{color:#eec970;background:#eec9700b;border-color:#eec97029}.player-position-pill.position-forward{color:#ff8e98;background:#ff8e980b;border-color:#ff8e9829}.player-directory-team{color:#76849a;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:9px;font-weight:760;display:flex;overflow:hidden}.player-directory-team-logo{color:#98a6ba;background:#151e2b;border:1px solid #29364a;border-radius:8px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:7px;font-weight:900;display:grid;overflow:hidden}.player-directory-row>svg{color:#536075}@keyframes auth-shell-in{0%{opacity:0;transform:translateY(8px)scale(.994)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-orbit{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.035)}to{transform:rotate(360deg)scale(1)}}@keyframes dashboard-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.auth-page-grid{grid-template-columns:1fr;min-height:auto}.auth-brand-panel{border-bottom:1px solid #ffffff12;border-right:0;min-height:390px}.auth-brand-copy h1{max-width:720px;font-size:clamp(44px,8vw,68px)}.auth-orbit{bottom:-180px;right:-80px}.dashboard-welcome{grid-template-columns:1fr}.dashboard-team-focus{max-width:520px}.dashboard-overview-grid{grid-template-columns:1fr}.player-directory{overflow-x:auto}.player-directory-head,.player-directory-row{min-width:720px}}@media (max-width:720px){.auth-page-shell{padding:0}.auth-page-grid{border:0;border-radius:0;min-height:100vh}.auth-brand-panel{min-height:320px;padding:28px 22px}.auth-brand-copy h1{margin-top:15px;font-size:43px}.auth-brand-copy p{font-size:12px}.auth-benefits{display:none}.auth-form-panel{padding:34px 22px 44px}.dashboard-nav-actions .dashboard-user-chip{display:none}.dashboard-content-modern{padding:22px 14px 60px}.dashboard-welcome{border-radius:17px;min-height:0;padding:22px}.dashboard-welcome-copy h1{font-size:40px}.dashboard-section-nav{gap:5px}.dashboard-section-nav button{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:3px 7px;min-height:60px;padding:8px 10px}.dashboard-section-nav button>svg{grid-row:1/span 2;display:none}.dashboard-section-nav button span{font-size:10px}.dashboard-section-nav button b{grid-area:1/2/span 2}.dashboard-view-panel{border-radius:15px;padding:15px}.dashboard-view-heading{flex-direction:column;gap:14px}.dashboard-view-heading .button{width:100%}.auth-modal-backdrop{align-items:end;padding:10px}.auth-modal-modern{border-radius:20px;width:100%;max-height:calc(100vh - 20px);padding:25px 18px 20px;overflow-y:auto}.auth-modal-modern-head{grid-template-columns:38px minmax(0,1fr);gap:11px}.auth-modal-modern-head .auth-card-icon{border-radius:11px;width:38px;height:38px}.auth-modal-modern .auth-card-heading h2{font-size:23px}}@media (max-width:520px){.dashboard-team-focus{grid-template-columns:56px minmax(0,1fr) 16px;min-height:94px;padding:12px}.dashboard-team-focus-logo{border-radius:14px;width:56px;height:56px}.dashboard-welcome-stats{gap:5px}.dashboard-overview-card{min-height:154px;padding:17px}}@media (prefers-reduced-motion:reduce){.auth-page-grid,.auth-modal-modern,.dashboard-welcome,.dashboard-overview-grid,.dashboard-view-panel,.auth-orbit span{animation:none!important}.dashboard-overview-card,.dashboard-team-focus,.dashboard-section-nav button{transition:none}}.view-mode-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:3px;padding:3px;display:inline-flex}.view-mode-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.view-mode-btn:hover{color:#fff;background:#ffffff0f}.view-mode-btn.active{color:#fff;background:#ffffff1f;border-color:#ffffff29}.view-mode-btn--3d{color:#e2e8f0}.view-mode-btn--3d.active{color:#c7ff35;background:#c7ff3524;border-color:#c7ff3559;box-shadow:0 0 16px #c7ff3533}.view-mode-btn--3d svg{color:#c7ff35}.editor-workspace.is-3d-active{width:var(--cluster-w);height:var(--pitch-h);max-width:100%;display:block}.lineup-3d-viewport{isolation:isolate;background:#06090e;border:1px solid #ffffff17;border-radius:14px;flex-direction:column;width:100%;height:100%;min-height:540px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.lineup-3d-viewport.is-fullscreen{z-index:9999;border:0;border-radius:0;width:100vw;height:100vh;min-height:100vh;position:fixed;inset:0}.lineup-3d-canvas-wrap{z-index:1;position:absolute;inset:0}.lineup-3d-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.lineup-3d-topbar{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:14px;right:14px}.lineup-3d-title-group{pointer-events:auto;-webkit-backdrop-filter:blur(14px);background:#080b12d9;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:6px 14px;display:flex}.lineup-3d-live-pill{letter-spacing:.1em;text-transform:uppercase;color:#c7ff35;background:#c7ff351f;border:1px solid #c7ff3547;border-radius:9999px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.live-pulse-dot{background:#c7ff35;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite live-pulse;box-shadow:0 0 8px #c7ff35}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.lineup-3d-meta-title{flex-direction:column;line-height:1.25;display:flex}.lineup-3d-meta-title strong{color:#fff;font-size:13px;font-weight:600}.lineup-3d-meta-title span{color:#8b99ad;font-size:11px}.lineup-3d-top-actions{pointer-events:auto;align-items:center;gap:8px;display:flex}.lineup-3d-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#cbd5e1;cursor:pointer;background:#080b12d9;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.lineup-3d-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff38}.lineup-3d-btn--close{color:#c7ff35;background:#c7ff351f;border-color:#c7ff3552}.lineup-3d-btn--close:hover{color:#c7ff35;background:#c7ff353d}.lineup-3d-bottombar{z-index:10;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.lineup-3d-cam-pills{pointer-events:auto;-webkit-backdrop-filter:blur(16px);background:#080b12e0;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:3px;padding:3px 5px;display:flex}.lineup-3d-pill-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;align-items:center;gap:4px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.lineup-3d-cam-pills button{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.lineup-3d-cam-pills button:hover{color:#fff;background:#ffffff0f}.lineup-3d-cam-pills button.active{color:#fff;background:#ffffff1f;border-color:#ffffff2e}.lineup-3d-toggles{pointer-events:auto;align-items:center;gap:6px;display:flex}.lineup-3d-toggle-btn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#8b99ad;cursor:pointer;white-space:nowrap;background:#080b12e0;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.lineup-3d-toggle-btn:hover{color:#fff;background:#ffffff14}.lineup-3d-toggle-btn.active{color:#c7ff35;background:#c7ff3514;border-color:#c7ff3559}.lineup-3d-token-hud{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:3px;display:flex;transform:translate(0,0)}.lineup-3d-number-badge{border:2px solid var(--kit-accent,#c7ff35);color:#fff;background:#080b12;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex;box-shadow:0 4px 12px #000000b3}.lineup-3d-name-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#080b12e6;border:1px solid #ffffff24;border-radius:6px;max-width:110px;padding:2px 7px;font-size:10.5px;font-weight:700;overflow:hidden;box-shadow:0 4px 10px #00000080}.lineup-3d-loading-placeholder{color:#8b99ad;background:#06090e;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;min-height:540px;font-size:13px;font-weight:500;display:flex}.lineup-3d-spinner{border:3px solid #c7ff3526;border-top-color:#c7ff35;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite lineup-3d-spin}@keyframes lineup-3d-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.lineup-3d-bottombar{flex-direction:column;align-items:flex-start}.lineup-3d-cam-pills{width:100%;overflow-x:auto}}.stage-action-bar{width:100%;max-width:var(--cluster-w);flex:none;align-items:center;gap:10px;margin-top:0;display:flex}.stage-action-btn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-size:13.5px;font-weight:650;transition:all .18s;display:inline-flex}.stage-action-btn:disabled{opacity:.6;cursor:not-allowed}.stage-action-btn--quick{background:var(--surface-2);color:#e2e8f0;border:1px solid #ffffff1f}.stage-action-btn--quick:hover:not(:disabled){background:var(--surface-3);color:#fff;border-color:#ffffff38;transform:translateY(-1px)}.stage-action-btn--share{color:#c7ff35;background:linear-gradient(135deg,#7560ff38,#c7ff3529);border:1px solid #c7ff3561;box-shadow:0 4px 16px #c7ff351f}.stage-action-btn--share:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#7560ff4d,#c7ff3540);border-color:#c7ff35;transform:translateY(-1px);box-shadow:0 6px 22px #c7ff353d}.bench-slot.bench-slot-clickable{cursor:pointer;text-align:left;background:#ffffff05;border:1px dashed #ffffff24;width:100%;transition:all .15s}.bench-slot.bench-slot-clickable:hover{color:#c7ff35;background:#c7ff350f;border-color:#c7ff3566}.bench-player{cursor:pointer}.empty-slot-btn{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:0}.slot-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.slot-modal-window{background:#0b101c;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:100%;max-width:480px;max-height:85vh;animation:.2s cubic-bezier(.16,1,.3,1) modal-slide-in;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.slot-modal-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.slot-modal-title-group{align-items:center;gap:12px;display:flex}.slot-modal-badge{color:#c7ff35;background:#c7ff351f;border:1px solid #c7ff354d;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.slot-modal-title-group h3{color:#fff;margin:0;font-size:15px;font-weight:700;line-height:1.25}.slot-modal-title-group p{color:#8b99ad;margin:2px 0 0;font-size:11.5px}.slot-modal-close{color:#8b99ad;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.slot-modal-close:hover{color:#fff;background:#ffffff14}.slot-modal-header-actions{align-items:center;gap:8px;display:flex}.slot-header-captain-btn{color:#fbbf24;cursor:pointer;background:#fbbf2414;border:1px solid #fbbf2459;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.slot-header-captain-btn:hover{background:#fbbf242e;border-color:#fbbf24}.slot-header-captain-btn.is-active{color:#0b0f19;background:#f59e0b;border-color:#fbbf24;box-shadow:0 0 14px #f59e0b73}.slot-captain-c{color:#0b0f19;background:currentColor;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-weight:900;line-height:1;display:inline-grid}.slot-header-captain-btn.is-active .slot-captain-c{color:#f59e0b;background:#0b0f19}.slot-captain-toggle-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;font-size:13px;font-weight:650;transition:all .18s;display:flex}.slot-captain-toggle-btn:hover{color:#fff;background:#fbbf240f;border-color:#fbbf2466}.slot-captain-toggle-btn.is-active{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b;box-shadow:0 0 16px #f59e0b26}.slot-captain-toggle-btn .slot-captain-c{width:20px;height:20px;font-size:11px}.slot-modal-tabs{background:#0003;border-bottom:1px solid #ffffff14;gap:4px;padding:4px;display:flex}.slot-modal-tabs button{color:#8b99ad;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.slot-modal-tabs button.active{color:#fff;background:#ffffff14}.slot-modal-roster-body{flex-direction:column;flex:1;min-height:0;padding:14px 18px;display:flex;overflow:hidden}.slot-search-wrap{align-items:center;margin-bottom:10px;display:flex;position:relative}.slot-search-wrap svg{color:#64748b;pointer-events:none;position:absolute;left:12px}.slot-search-wrap input{color:#fff;background:#00000059;border:1px solid #ffffff1a;border-radius:9px;outline:none;width:100%;height:38px;padding:0 34px;font-size:13px}.slot-search-wrap input:focus{border-color:#c7ff3573}.slot-search-clear{color:#64748b;cursor:pointer;background:0 0;border:0;position:absolute;right:10px}.slot-pos-filters{gap:5px;margin-bottom:8px;padding-bottom:8px;display:flex;overflow-x:auto}.slot-pos-filters button{color:#8b99ad;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.slot-pos-filters button.active{color:#c7ff35;background:#c7ff351f;border-color:#c7ff354d}.slot-player-list{flex-direction:column;gap:6px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.slot-player-item{color:#fff;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;transition:all .15s;display:flex}.slot-player-item:hover{background:#ffffff0f;border-color:#ffffff24;transform:translate(2px)}.slot-player-num{border:1px solid;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.slot-player-info{flex-direction:column;flex:1;line-height:1.25;display:flex}.slot-player-info strong{color:#f1f5f9;font-size:13.5px;font-weight:650}.slot-player-pos{font-size:11px;font-weight:600}.slot-player-status .badge-status{border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.badge-available{color:#65d98d;background:#65d98d24}.badge-pitch{color:#a797ff;background:#7560ff29}.badge-bench{color:#f0ad4e;background:#f0ad4e24}.slot-empty-result{text-align:center;color:#64748b;padding:32px 16px;font-size:12.5px}.slot-modal-custom-form{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.slot-form-field{flex-direction:column;gap:6px;display:flex}.slot-form-field label{color:#94a3b8;font-size:12px;font-weight:600}.slot-form-field input[type=text],.slot-form-field input[type=number]{color:#fff;background:#00000059;border:1px solid #ffffff1f;border-radius:10px;outline:none;height:42px;padding:0 14px;font-size:14px}.slot-form-field input:focus{border-color:#c7ff3573}.slot-photo-upload-row{align-items:center;gap:12px;display:flex}.slot-photo-btn{color:#cbd5e1;cursor:pointer;background:#ffffff08;border:1px dashed #fff3;border-radius:9px;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.slot-photo-btn:hover{background:#ffffff0f;border-color:#ffffff4d}.slot-photo-preview{border:2px solid #c7ff35;border-radius:50%;width:44px;height:44px;position:relative;overflow:hidden}.slot-photo-preview img{object-fit:cover;width:100%;height:100%}.slot-photo-remove{color:#fff;cursor:pointer;background:#ff4d60;border:0;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:0;right:0}.slot-custom-actions{margin-top:6px}.slot-submit-btn{color:#06090e;cursor:pointer;background:#c7ff35;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:13.5px;font-weight:750;transition:all .15s;display:inline-flex}.slot-submit-btn:hover{filter:brightness(1.08);box-shadow:0 4px 16px #c7ff354d}.slot-modal-footer{background:#0003;border-top:1px solid #ffffff14;justify-content:flex-end;padding:12px 20px;display:flex}.slot-remove-btn{color:#ff6b7d;cursor:pointer;background:#ff4d6014;border:1px solid #ff4d6040;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.slot-remove-btn:hover{background:#ff4d602e;border-color:#ff4d6073}@media (max-width:640px){.slot-modal-backdrop{align-items:flex-end;padding:0}.slot-modal-window{border-radius:20px 20px 0 0;max-height:88vh;animation:.24s cubic-bezier(.16,1,.3,1) modal-slide-up}}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-lineup-setup,.mobile-pitch-actions{display:none}.roster-quick-actions{gap:8px;margin-bottom:14px;display:grid}.roster-quick-actions .button{justify-content:center;width:100%;min-height:44px}.roster-quick-actions .button-primary,.bulk-player-form .button-primary{color:#071008;box-shadow:none;background:#c7ff35;border-color:#c7ff35}.roster-empty-hint{color:var(--text-muted);margin:0 0 14px;font-size:13px;line-height:1.5}.roster-fill-button{justify-content:center;width:100%;margin-bottom:14px}.bulk-player-form{gap:10px;margin-bottom:16px;display:grid}.bulk-player-form label{color:var(--text);font-weight:600}.bulk-player-form textarea{resize:vertical;border:1px solid var(--ui-line-strong);background:var(--surface-0);width:100%;min-height:120px;color:var(--text-strong);font:inherit;border-radius:12px;padding:12px;line-height:1.6}.bulk-player-form p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.bulk-player-form .button{justify-content:center;min-height:44px}.player-row{grid-template-columns:20px 42px minmax(0,1fr) 30px 32px;gap:5px}.player-row.roster-player-row{grid-template-columns:16px 38px minmax(0,1fr) auto}.player-edit-button,.roster-add{border:1px solid var(--ui-line-strong);background:var(--surface-2);color:#c7ff35;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-height:36px;padding:0 8px;display:inline-flex}.player-edit-button{width:32px;padding:0}.builder-shell button:disabled{opacity:.45;cursor:default}.builder-shell :focus-visible,.slot-modal-window :focus-visible,.auth-page-shell :focus-visible{outline-offset:3px;outline:2px solid #c7ff35}.slot-modal-header,.slot-modal-tabs,.slot-modal-footer{flex:none}.slot-modal-custom-form{overscroll-behavior:contain;min-height:0;overflow-y:auto}.slot-extra-options{border:1px solid #ffffff1a;border-radius:10px;padding:0 12px}.slot-extra-options summary{color:#a3b0c2;cursor:pointer;align-content:center;min-height:44px;font-size:13px}.slot-extra-options .slot-form-field{margin:8px 0 14px}.slot-custom-actions{gap:8px;display:grid}.slot-bench-picks{color:#8b99ad;gap:8px;font-size:12px;display:grid}.slot-bench-picks>div{flex-wrap:wrap;gap:8px;display:flex}.slot-bench-picks button{color:#c7ff35;cursor:pointer;background:#c7ff350f;border:1px solid #c7ff3540;border-radius:10px;min-height:44px;padding:8px 12px}.slot-next-btn{color:#c7ff35;width:100%;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #c7ff3540;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:600;display:flex}.auth-page-tabs{border:1px solid #ffffff1a;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.auth-page-tabs a{color:#8b99ad;border-radius:8px;flex:1;place-items:center;min-height:44px;font-size:14px;font-weight:700;display:grid}.auth-page-tabs a[aria-current=page]{color:#c7ff35;background:#c7ff351a}.auth-guest-link{color:#c7ff35;justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:12px;font-size:14px;font-weight:600;display:flex}.export-modal-footer{background:#0d131f;border-top:1px solid #1e293b;flex:none;padding:16px 24px}@media (max-width:1023px){.builder-shell{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.builder-header{-webkit-backdrop-filter:none}.builder-header .builder-nav{min-height:60px;padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left))}.builder-nav-actions{gap:6px}.builder-nav-actions .button{border-radius:12px;min-width:44px;min-height:44px;padding:0 12px}.builder-subnav{z-index:50;height:auto;min-height:70px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#0c1018;border-top:1px solid #ffffff1f;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #0003}.builder-tabs{gap:6px}.builder-tabs button{border-radius:12px;flex-direction:column;gap:6px;min-height:56px;font-size:12px}.builder-tabs button>svg{width:20px;height:20px}.builder-tabs button.active{border-bottom:0;box-shadow:inset 0 0 0 1px #c7ff3533}.mobile-lineup-setup{border-top:1px solid var(--ui-line);background:#0f131c;flex:none;gap:10px;padding:12px;display:grid}.mobile-setup-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mobile-setup-heading strong{color:#f5f7fb;font-size:14px}.mobile-setup-heading>span{color:#8b99ad;font-size:12px}.mobile-count-options{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.mobile-count-options button{color:#c4ccda;cursor:pointer;background:#171d28;border:1px solid #ffffff1f;border-radius:10px;min-height:46px;font-size:18px;font-weight:750}.mobile-count-options button.active{color:#071008;background:#c7ff35;border-color:#c7ff35}.mobile-setup-bottom{align-items:center;gap:8px;min-width:0;display:flex}.mobile-setup-bottom>label{color:#8b99ad;font-size:13px}.mobile-setup-bottom select{color:#f5f7fb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171d28;border:1px solid #ffffff1f;border-radius:9px;flex:1;width:0;min-width:0;min-height:44px;padding:0 8px;font-size:16px}.mobile-lineup-progress{color:#c7ff35;white-space:nowrap;font-size:12px;font-weight:650}.editor-stage{--pitch-w:min(calc(100vw - 24px), 420px);--pitch-h:calc(var(--pitch-w) * 105 / 68);flex:1;align-items:center;gap:12px;padding:12px}.stage-header{order:2;max-width:420px;min-height:44px}.stage-toolbar{flex-wrap:wrap;justify-content:space-between;gap:8px}.stage-toolbar .formation-select{display:none}.stage-toolbar .style-segment{height:44px;padding:3px;display:flex}.stage-toolbar .style-segment button{min-width:44px;min-height:36px}.stage-toolbar .view-mode-toggle{height:44px;margin-left:auto}.stage-toolbar .view-mode-btn{min-width:44px;min-height:36px;padding:0 10px;font-size:13px}.mobile-pitch-actions{order:0;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:420px;display:grid}.mobile-pitch-actions .button{justify-content:center;min-height:48px;padding:0 10px;font-size:13px}.mobile-pitch-actions .button-primary,.roster-quick-actions .button-primary,.bulk-player-form .button-primary{color:#071008;box-shadow:none;background:#c7ff35;border-color:#c7ff35}.mobile-pitch-actions p{color:#8b99ad;text-align:center;grid-column:1/-1;margin:0;font-size:12px}.editor-workspace{flex:none;order:1;gap:12px;height:auto;min-height:0}.player-overlay{touch-action:pan-y}.drag-avatar{touch-action:none}.editor-player{--avatar:clamp(44px, 11cqw, 52px)}.token-captain-btn,.token-remove{display:none}.empty-slot-label{font-size:10px}.bench-panel{gap:8px;min-height:64px;padding:8px}.bench-header span{font-size:10px}.bench-header strong{font-size:12px}.bench-list{gap:8px;min-width:0}.bench-slot,.bench-player{border-radius:10px;height:auto;min-height:44px;padding:8px}.bench-slot span{font-size:12px}.bench-copy strong{max-width:120px;font-size:12px}.bench-copy small{display:none}.bench-remove{min-width:32px;min-height:32px}.stage-action-bar{flex:none;order:3;gap:8px;width:100%;max-width:420px;margin:0 0 8px}.stage-action-btn{min-height:48px;padding:10px;font-size:12px}.builder-grid.is-focused .design-panel{padding:0 0 24px}.builder-grid.is-focused .panel-section{padding:20px 16px}.builder-grid.is-focused .player-list{flex:none;overflow:visible}.player-row{border-radius:10px;grid-template-columns:24px 48px minmax(0,1fr) 44px;gap:8px;min-height:64px;padding:6px}.player-row .photo-upload{display:none}.player-row input{min-height:48px;font-size:16px}.player-row .small-number{text-align:center;border:1px solid #ffffff1a;border-radius:9px}.player-edit-button{width:44px;min-height:44px}.player-row.roster-player-row{grid-template-columns:38px minmax(0,1fr) auto}.roster-player-row .roster-drag{display:none}.roster-add,.roster-remove{min-height:44px;padding:0 10px;font-size:12px}.roster-quick-actions{grid-template-columns:1fr 1fr}.roster-quick-actions .button{padding:8px;font-size:12px}.roster-section .panel-heading{flex-wrap:wrap;gap:8px}.bulk-player-form textarea,.builder-grid .form-stack input{font-size:16px}.builder-grid .form-stack input{width:100%;min-width:0;min-height:48px}.split-fields>label{min-width:0}.format-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.format-selector button{min-height:64px;padding:8px 4px}.format-selector strong{font-size:12px}.toast{bottom:calc(82px + env(safe-area-inset-bottom));white-space:normal;max-width:calc(100vw - 24px)}}@media (max-width:720px){.auth-brand-panel{display:none}.auth-page-grid{grid-template-columns:minmax(0,1fr)}.auth-form-panel{padding:22px 18px 28px}.auth-card-modern{max-width:440px;margin:0 auto}.auth-card-modern>.auth-card-icon{display:none}.auth-card-heading h2{margin-top:8px;font-size:26px}.auth-card-heading p{font-size:14px}.auth-modern-form{gap:16px;margin-top:22px}.auth-input-wrap{min-height:52px}.auth-input-wrap input,.auth-modal .auth-input-wrap input{min-height:50px;font-size:16px}.auth-password-toggle{min-width:44px;min-height:44px}.auth-modern-submit{min-height:52px;font-size:16px}.auth-modal-modern .button-primary{color:#071008;box-shadow:none;background:#c7ff35;border-color:#c7ff35}.auth-switch-modern{flex-wrap:wrap;gap:8px}.auth-modal-backdrop,.slot-modal-backdrop,.export-modal-backdrop{inset:auto 0;top:var(--dialog-viewport-top,0px);height:var(--dialog-viewport-height,100dvh);align-items:flex-end;padding:0}.auth-modal-modern,.slot-modal-window,.export-modal-window{width:100%;max-height:100%;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.slot-modal-window{max-height:min(92dvh, var(--dialog-viewport-height,100dvh))}.slot-modal-header{gap:10px;padding:14px 16px}.slot-modal-title-group{gap:8px;min-width:0}.slot-modal-title-group>div:last-child{min-width:0}.slot-modal-title-group h3{overflow-wrap:anywhere;font-size:15px}.slot-modal-badge,.slot-header-captain-btn{display:none}.slot-modal-close,.export-modal-close,.auth-modal-modern .modal-close{flex:none;min-width:44px;min-height:44px}.slot-modal-tabs button{min-height:48px}.slot-modal-custom-form{gap:14px;padding:16px}.slot-form-field input[type=text],.slot-form-field input[type=number],.slot-search-wrap input{min-height:50px;font-size:16px}.slot-submit-btn{min-height:50px;font-size:15px}.slot-next-btn{min-height:48px;font-size:13px}.slot-pos-filters button{min-height:44px}.slot-player-item{min-height:62px}.slot-player-info{min-width:0}.slot-player-info strong{overflow-wrap:anywhere}.slot-modal-roster-body{padding:14px 16px;overflow-y:auto}.slot-player-list{min-height:100px;max-height:none}.slot-remove-btn{min-height:44px}.export-modal-window{padding-bottom:0;overflow:hidden}.export-modal-header,.export-options-grid{flex:none}.export-modal-header{align-items:center;padding:16px}.export-modal-header-copy p{font-size:12px}.export-options-grid{grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px}.export-option-card{align-items:center;gap:8px;min-height:62px;padding:10px}.export-option-icon{display:none}.export-option-title-row strong{font-size:12px}.export-option-body p{display:none}.export-option-radio{flex:none}.export-modal-content{overscroll-behavior:contain;flex:1;gap:20px;min-height:0;padding:16px;overflow-y:auto}.export-modal-preview-box{padding:12px}.export-preview-canvas-wrap{max-width:220px}.export-modal-controls{gap:18px}.export-template-meta{min-width:0}.export-template-meta strong{overflow-wrap:anywhere}.export-template-meta small{display:none}.export-template-picker-item{min-height:48px}.export-modal-footer{padding:12px 16px max(12px, env(safe-area-inset-bottom));gap:6px}.export-modal-footer .button{min-height:50px;font-size:13px}.export-quality-notice{font-size:11px}}@media (max-width:359px){.mobile-count-options{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-setup-bottom{flex-wrap:wrap}.mobile-setup-bottom select{flex:1;min-width:130px}.roster-quick-actions{grid-template-columns:1fr}}