.builder-shell .editor-stage{--pitch-ratio:calc(880 / 680);--pitch-w:min(calc(100cqw - var(--bench-w) - var(--cluster-gap)), calc((100cqh - var(--stage-head) - var(--stage-foot) - (var(--stage-gap) * 2)) * 680 / 880));--pitch-h:calc(var(--pitch-w) * 880 / 680)}.lineup-canvas-shell.is-broadcast{background:#0a1f12;border:0;border-radius:18px;box-shadow:0 24px 60px #00000061,inset 0 0 0 1px #ffffff0f}.lineup-canvas-shell.is-broadcast:before{display:none}.pitch-surface{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.is-broadcast .editor-player{--avatar:clamp(40px, 12cqw, 60px);--depth-scale:calc(.5 + .5 * var(--depth,1));transform:translate(-50%, calc(var(--avatar) * -.6)) scale(var(--depth-scale));transform-origin:50% calc(var(--avatar) * .6)}.is-broadcast .editor-player.is-dragging{transform:translate(-50%, calc(var(--avatar) * -.6)) scale(calc(var(--depth-scale) * 1.08))}.is-broadcast .drag-avatar.token-jersey{filter:drop-shadow(1.5px 0 #fffffff2)drop-shadow(-1.5px 0 #fffffff2)drop-shadow(0 1.5px #fffffff2)drop-shadow(0 -1.5px #fffffff2)drop-shadow(0 10px 8px #00000073)}.is-broadcast .editor-player.is-empty .drag-avatar{color:#ffffffd1;background:#04140a6b;border:2px dashed #ffffff8c;width:78%;height:78%;margin:11%}.is-broadcast .editor-player.is-empty .drag-avatar:before{content:"";border-radius:50%;position:absolute;inset:-12px}.empty-role{font-size:calc(var(--avatar) * .24);letter-spacing:.04em;font-weight:800}.is-broadcast .editor-player.is-hint .drag-avatar,.is-broadcast .editor-player.is-active .drag-avatar{color:#fff;background:#c7ff3529;border:2px solid #c7ff35;animation:1.6s ease-in-out infinite quick-slot-pulse}.is-broadcast .editor-player.is-active:not(.is-empty) .player-token:before{opacity:1;border-color:#c7ff35;transform:scale(1)}@keyframes quick-slot-pulse{0%,to{box-shadow:0 0 #c7ff358c}50%{box-shadow:0 0 0 9px #c7ff3500}}.is-broadcast .empty-slot-label{color:#0b1408;pointer-events:none;background:#c7ff35;border-radius:999px;margin-top:4px;padding:3px 9px;font-size:11px;font-weight:800}.is-broadcast .player-label{max-width:max(54px, calc(var(--room,.3) * 82cqw - 4px));-webkit-backdrop-filter:none;backdrop-filter:none;background:#060e09d6;border:0;border-radius:7px;margin-top:2px;padding:2px 8px 3px}.is-broadcast .player-label strong{font-size:clamp(11px,3.1cqw,14px)}.is-broadcast .player-label span{font-size:clamp(9.5px,2.5cqw,11.5px)}.builder-shell .stage-action-btn--share{color:#0b1408;box-shadow:none;background:#c7ff35;border-color:#c7ff35}.quick-setup-chip,.quick-menu-button,.quick-cta{display:none}@media (max-width:1023px){.builder-shell{padding-bottom:0}.builder-shell .builder-subnav,.builder-shell .builder-nav-actions,.builder-shell .workspace-identity,.builder-shell .stage-header,.builder-shell .stage-action-bar,.builder-shell .mobile-pitch-actions,.builder-shell .bench-panel.is-deferred{display:none!important}.builder-shell .builder-header .builder-nav{min-height:56px;padding:6px max(10px, env(safe-area-inset-right)) 6px max(12px, env(safe-area-inset-left));gap:8px}.builder-header .brand-logo-img{max-height:26px}.quick-setup-chip{color:#eef2f8;min-height:40px;font:inherit;cursor:pointer;background:#141a24;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:0 12px 0 14px;font-size:14px;font-weight:700;display:inline-flex}.quick-setup-chip i{background:#6b7689;border-radius:50%;width:4px;height:4px}.quick-setup-chip svg{color:#8b99ad}.quick-menu-button{color:#dfe5ee;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.builder-shell .editor-stage{--stage-pad:8px;--cta-h:calc(76px + env(safe-area-inset-bottom));--pitch-avail-h:calc(100dvh - 56px - var(--cta-h) - 20px);--pitch-w:min(calc(100vw - 16px), 560px, calc(var(--pitch-avail-h) * 680 / 880));--pitch-h:max(calc(var(--pitch-w) * 880 / 680), min(var(--pitch-avail-h), calc(var(--pitch-w) * 1060 / 680)));padding:8px 8px calc(var(--cta-h) + 12px);justify-content:safe center;gap:10px;scroll-padding-bottom:160px}.builder-shell .editor-workspace{width:var(--pitch-w);flex:none;gap:10px;max-width:100%;height:auto}.builder-shell .lineup-canvas-shell{width:var(--pitch-w);height:var(--pitch-h)}.builder-shell .editor-stage:has(.bench-panel:not(.is-deferred)){--pitch-avail-h:calc(100dvh - 56px - var(--cta-h) - 20px - 62px)}.builder-shell.is-naming .editor-stage{padding-bottom:60dvh}.builder-shell .toast{top:64px;bottom:auto}.builder-shell.is-naming .toast{display:none}.quick-cta{z-index:40;padding:10px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#090b10f5;border-top:1px solid #ffffff14;align-items:center;gap:10px;display:flex;position:fixed;inset:auto 0 0}.quick-cta[hidden]{display:none}.quick-progress{color:#aab4c4;min-width:0;min-height:52px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.quick-progress:disabled{opacity:1;cursor:default}.quick-progress-ring{--done:0;background:radial-gradient(circle, #0b0e14 60%, transparent 61%), conic-gradient(#c7ff35 calc(var(--done) * 360deg), #ffffff1f 0);color:#8b99ad;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:11px;font-weight:700;display:flex}.quick-progress-ring b{color:#fff;font-size:14px}.quick-progress-copy{text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.quick-share{color:#0b1408;min-width:132px;min-height:52px;font:inherit;cursor:pointer;background:#c7ff35;border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:800;display:inline-flex}.builder-shell .bench-panel{width:var(--pitch-w);border-radius:14px;flex-direction:row;align-items:center;gap:10px;max-width:100%;min-height:52px;padding:6px 8px 6px 14px;display:flex}.builder-shell .bench-header{border:0;margin:0;padding:0}.builder-shell .bench-header>div{align-items:baseline;gap:6px;display:flex}.builder-shell .bench-list{scrollbar-width:none;flex-direction:row;flex:1;gap:6px;display:flex;overflow-x:auto}.builder-shell .bench-slot.bench-slot-clickable{border-radius:999px;flex:none;width:auto;height:40px;min-height:40px;padding:0 12px}.builder-shell .bench-slot.bench-slot-clickable~.bench-slot{display:none}.builder-shell .bench-player{border-radius:999px;flex:none;height:40px;min-height:40px}}.qn-bar{z-index:70;padding:10px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#10141c;border-top:1px solid #c7ff3540;border-radius:18px 18px 0 0;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 40px #00000073}.qn-head{align-items:center;gap:6px;min-height:36px;display:flex}.qn-role{color:#c7ff35;letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:800}.qn-count{color:#8b99ad;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.qn-spacer{flex:1}.qn-ghost,.qn-done{color:#c4ccda;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.qn-done{color:#fff}.qn-tip{color:#8b99ad;margin:-2px 0 0;font-size:12.5px;line-height:1.35}.qn-suggest{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.qn-suggest::-webkit-scrollbar{display:none}.qn-suggest button{color:#e9f7c9;min-height:36px;font:inherit;white-space:nowrap;cursor:pointer;background:#c7ff3512;border:1px solid #c7ff354d;border-radius:999px;flex:none;padding:0 12px;font-size:13px}.qn-suggest b{color:#c7ff35}.qn-row{gap:8px;display:flex}.qn-row input{color:#fff;min-width:0;min-height:52px;font:inherit;background:#070a0f;border:1.5px solid #ffffff29;border-radius:14px;outline:0;flex:1;padding:0 14px;font-size:17px;font-weight:600}.qn-row input:focus{border-color:#c7ff35}.qn-row input:focus-visible{outline:none}.qn-next{color:#0b1408;cursor:pointer;background:#c7ff35;border:0;border-radius:14px;flex:none;place-items:center;width:56px;min-height:52px;display:grid}.qs-backdrop{inset:auto 0;top:var(--dialog-viewport-top,0px);height:var(--dialog-viewport-height,100dvh);z-index:1000;background:#0305099e;justify-content:center;align-items:flex-end;display:flex;position:fixed}.qs-sheet{width:100%;max-width:560px;max-height:88%;padding:6px 0 calc(8px + env(safe-area-inset-bottom));color:#e8edf5;background:#10141c;border-radius:20px 20px 0 0;flex-direction:column;display:flex;box-shadow:0 -20px 60px #00000080}.qs-grabber{background:#fff3;border-radius:4px;width:40px;height:4px;margin:4px auto 2px}.qs-sheet-head{justify-content:space-between;align-items:center;padding:6px 12px 6px 20px;display:flex}.qs-sheet-head strong{font-size:17px}.qs-icon-button{color:#c4ccda;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.qs-sheet-body{gap:18px;padding:6px 20px 14px;display:grid;overflow-y:auto}.qs-sheet-foot{padding:4px 20px 6px}.qs-primary{color:#0b1408;width:100%;min-height:52px;font:inherit;cursor:pointer;background:#c7ff35;border:0;border-radius:14px;font-size:16px;font-weight:800}.qs-field{gap:10px;display:grid}.qs-field>span{color:#fff;font-size:14px;font-weight:700}.qs-field>span small{color:#8b99ad;margin-left:6px;font-size:12px;font-weight:500}.qs-counts{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.qs-formations{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.qs-counts button,.qs-formations button{color:#dfe5ee;min-height:48px;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:#171d28;border:1px solid #ffffff1f;border-radius:12px;align-content:center;place-items:center;gap:2px;font-size:16px;font-weight:750;display:grid}.qs-formations small{color:#8b99ad;font-size:10.5px;font-weight:600}.qs-counts button.is-active,.qs-formations button.is-active{color:#c7ff35;background:#c7ff351f;border-color:#c7ff35}.qs-formations button.is-active small{color:#c7ff35}.qs-menu{gap:4px;margin:0 -8px;display:grid}.qs-menu>button,.qs-menu>a{color:#e8edf5;min-height:52px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:0 12px;font-size:15px;font-weight:600;display:flex}.qs-menu>button svg,.qs-menu>a svg{color:#8b99ad}.qs-menu>button.is-accent{color:#c7ff35;background:#c7ff3514}.qs-menu>button.is-accent svg{color:#c7ff35}.qs-menu small{color:#8b99ad;margin-left:auto;font-size:12px;font-weight:500}.qs-menu-user{color:#8b99ad;align-items:center;gap:8px;margin:0 12px 6px;font-size:13px;display:flex}@media (min-width:1024px){.qs-backdrop{align-items:center}.qs-sheet{border-radius:20px;max-width:460px}.qs-grabber{display:none}}.share-backdrop{inset:auto 0;top:var(--dialog-viewport-top,0px);height:var(--dialog-viewport-height,100dvh);z-index:900;background:#030509b3;justify-content:center;align-items:stretch;display:flex;position:fixed}.share-window{color:#e8edf5;background:#0c1017;flex-direction:column;width:100%;height:100%;display:flex}.share-head{border-bottom:1px solid #ffffff12;flex:none;align-items:center;gap:8px;min-height:56px;padding:6px 16px 6px 6px;display:flex}.share-head h2{flex:1;margin:0;font-size:18px}.share-size{color:#8b99ad;font-variant-numeric:tabular-nums;font-size:12px}.share-body{overscroll-behavior:contain;flex:1;min-height:0;padding:14px 16px 20px;overflow-y:auto}.share-preview{justify-items:center;gap:8px;display:grid}.share-preview-frame{border-radius:12px;width:min(100%,36.8dvh);overflow:hidden;box-shadow:0 18px 40px #00000073}.share-preview-frame[data-format=story]{width:min(100%,25.875dvh)}.share-preview-frame[data-format=square]{width:min(100%,46dvh)}.share-empty-note{color:#f0ad4e;text-align:center;margin:0;font-size:12.5px}.share-controls{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.share-controls>*{min-width:0}.share-group h3,.share-field>span{color:#8b99ad;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.share-field>span{display:block}.share-strip{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;margin:0 -16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.share-strip::-webkit-scrollbar{display:none}.share-thumb{color:#c4ccda;width:92px;font:inherit;text-align:center;scroll-snap-align:start;cursor:pointer;background:0 0;border:0;flex:none;gap:6px;padding:0;display:grid}.share-thumb-art{aspect-ratio:1080/1350;background:#171d28;border:2px solid #0000;border-radius:10px;display:block;position:relative;overflow:hidden}.share-thumb.is-active .share-thumb-art{border-color:#c7ff35}.share-thumb.is-active .share-thumb-name{color:#c7ff35}.share-thumb-lock{color:#fff;background:#000000bf;border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:4px;right:4px}.share-thumb-name{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;overflow:hidden}.share-formats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.share-formats button{color:#dfe5ee;min-height:48px;font:inherit;cursor:pointer;background:#151b25;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.share-formats button.is-active{color:#c7ff35;background:#c7ff3514;border-color:#c7ff35}.share-ratio{border:1.5px solid;border-radius:2px;width:12px;display:block}.share-ratio-portrait{height:15px}.share-ratio-story{width:11px;height:20px}.share-ratio-square{height:12px}.share-field input{color:#fff;width:100%;min-height:50px;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070a0f;border:1px solid #ffffff24;border-radius:12px;outline:0;padding:0 14px;font-size:16px}.share-field input:focus{border-color:#c7ff35}.share-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.share-more{background:#10151e;border:1px solid #ffffff1a;border-radius:14px}.share-more summary{color:#e8edf5;cursor:pointer;align-items:center;gap:8px;min-height:52px;padding:0 14px;font-size:15px;font-weight:700;list-style:none;display:flex}.share-more summary::-webkit-details-marker{display:none}.share-more summary small{color:#8b99ad;font-size:12px;font-weight:500}.share-more summary svg{color:#8b99ad;margin-left:auto;transition:transform .2s}.share-more[open] summary svg{transform:rotate(180deg)}.share-more-body{gap:12px;padding:4px 14px 16px;display:grid}.share-logos{gap:10px;display:flex}.share-logo{flex:1;position:relative}.share-logo label{color:#aab4c4;cursor:pointer;border:1px dashed #fff3;border-radius:12px;align-items:center;gap:10px;min-height:64px;padding:8px 12px;font-size:13px;display:flex}.share-logo img{object-fit:contain;width:40px;height:40px}.share-logo input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.share-logo>button{color:#fff;cursor:pointer;background:#2a3140;border:0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:-8px;right:-8px}.share-swatch-now{border:2px solid #ffffffb3;border-radius:50%;width:16px;height:16px}.share-swatches{flex-wrap:wrap;gap:10px;display:flex}.share-swatches button,.share-swatch-custom{cursor:pointer;border:2px solid #fff3;border-radius:50%;width:40px;height:40px}.share-swatches button.is-active{border-color:#fff;box-shadow:0 0 0 3px #c7ff3599}.share-swatch-custom{background:conic-gradient(#ff3d57,#facc15,#c7ff35,#22d3ee,#6366f1,#ec4899,#ff3d57);position:relative;overflow:hidden}.share-swatch-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.share-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#0c1017;border-top:1px solid #ffffff14;flex:none;gap:10px;display:grid}.share-actions{gap:10px;display:flex}.share-cta{color:#0b1408;min-height:54px;font:inherit;cursor:pointer;background:#c7ff35;border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:800;display:inline-flex}.share-cta:disabled,.share-secondary:disabled{opacity:.6;cursor:progress}.share-cta-small{flex:none;min-height:42px;padding:0 14px;font-size:14px}.share-secondary{color:#e8edf5;cursor:pointer;background:#151b25;border:1px solid #ffffff24;border-radius:14px;flex:none;place-items:center;width:54px;min-height:54px;display:grid}.share-done{background:#c7ff350f;border:1px solid #c7ff3540;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.share-done>div{flex:1;min-width:0}.share-done strong{color:#fff;font-size:14px}.share-done p{color:#aab4c4;margin:2px 0 0;font-size:12.5px;line-height:1.35}.share-done-icon{color:#0b1408;background:#c7ff35;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.share-error{color:#ff8a96;margin:0;font-size:13px}@media (min-width:1024px){.share-backdrop{align-items:center;padding:24px}.share-window{border:1px solid #ffffff14;border-radius:20px;width:min(1040px,100%);height:min(760px,100%);overflow:hidden;box-shadow:0 30px 80px #0000008c}.share-body{grid-template-columns:minmax(0,1fr) 420px;gap:28px;padding:0 0 0 24px;display:grid;overflow:hidden}.share-preview{align-content:center;padding:22px 0;overflow:hidden;container-type:size}.share-controls{height:100%;padding:22px 24px 22px 0;overflow-y:auto}.share-strip{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.share-thumb{width:auto}.share-preview-frame{width:min(100cqw,80cqh - 28.8px)}.share-preview-frame[data-format=story]{width:min(100cqw,56.25cqh - 20.25px)}.share-preview-frame[data-format=square]{width:min(100cqw,100cqh - 36px)}.share-controls{align-content:start;margin-top:0}.share-strip{margin:0;padding:2px 0 6px;overflow:visible}.share-foot{padding:14px 24px}.share-actions{justify-content:flex-end}.share-cta{flex:0 0 260px}}.toast-undo{cursor:default;gap:14px;font-size:13px}.toast-undo button{color:#0b1408;min-height:36px;font:inherit;cursor:pointer;background:#c7ff35;border:0;border-radius:9px;padding:0 12px;font-weight:800}@media (max-width:1023px){.builder-shell .lineup-3d-live-pill{display:none}.builder-shell .lineup-3d-topbar{gap:8px;top:8px;left:8px;right:8px}.builder-shell .lineup-3d-title-group{min-width:0;padding:6px 10px}.builder-shell .lineup-3d-meta-title{min-width:0}.builder-shell .lineup-3d-meta-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.builder-shell .lineup-3d-top-actions{flex:none}.builder-shell .lineup-3d-btn{justify-content:center;min-width:44px;min-height:44px}.builder-shell .lineup-3d-btn:not(.lineup-3d-btn--close) span{display:none}}.is-broadcast .editor-player:not(.is-empty) .player-token:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#00000080,#0000);border-radius:50%;height:22%;position:absolute;bottom:-9%;left:14%;right:14%}