@charset "UTF-8";
:root{--paper:#f6f5ef;--panel:#fffefa;--ink:#243d33;--muted:#727b70;--line:#dedfd4;--soft:#eeefe6;--accent:#dfed69;--accent-ink:#263a2b;--pitch:#244e40;--pitch-deep:#1e4237;--pitch-line:#a1b09a69;--radius:12px;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a{color:inherit;text-decoration:none}p{line-height:1.65}button{color:inherit}button:disabled{opacity:.35;cursor:default}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #80a644;outline-offset:4px}input,select{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);height:43px;padding:10px 12px;width:100%}input[type=color]{padding:3px;width:36px;height:32px}input[type=number]{width:100%}input::placeholder{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:46px;line-height:1.08;letter-spacing:-2px;font-weight:750;margin-bottom:12px}h2{font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:700}h3{font-size:17px;line-height:1.35;margin-bottom:8px}small{line-height:1.5}hr{border:0;border-top:1px solid var(--line);margin:38px 0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.icon{width:19px;height:19px;flex:none;vertical-align:middle}.skip-link{position:fixed;top:-100px;left:12px;padding:12px;background:var(--accent);z-index:100}.skip-link:focus{top:12px}.container{max-width:1320px;margin:0 auto;padding:0 44px}.site-header{height:80px;border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{height:100%;max-width:1410px;margin:auto;padding:0 44px;display:flex;align-items:center;gap:45px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:900;letter-spacing:-1.1px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);height:34px;width:30px;border-radius:3px}.brand-mark .icon{width:23px;height:26px}.brand-dot{font-size:10px;align-self:flex-start;line-height:2;letter-spacing:0;margin-left:-6px}nav{display:flex;align-items:center;gap:31px;height:100%}nav>a{font-size:13px;font-weight:600;line-height:78px;position:relative;color:var(--muted)}nav>a[aria-current],nav>a:hover{color:var(--ink)}nav>a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--ink)}.saved-nav{margin-left:auto;font-size:12px;display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:10px 13px;font-weight:600}#mobile-menu{display:none}.page-intro{display:flex;align-items:center;justify-content:space-between;padding:35px 0 30px;gap:30px}.eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.5;margin-bottom:11px}.intro-copy{font-size:14px;color:var(--muted);margin:0;max-width:660px}.intro-meta{display:flex;gap:21px;font-size:11px;white-space:nowrap;align-self:flex-end;padding-bottom:5px}.intro-meta>span{display:flex;gap:5px;align-items:center}.intro-meta .icon{width:15px;height:15px}.editor-layout{display:grid;grid-template-columns:244px minmax(0,1fr) 220px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 7px 24px #243d3305}.controls-panel{border-right:1px solid var(--line);padding:23px 21px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.panel-heading .eyebrow{margin:0}.step-number{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:1px}.control-section{padding-top:23px}.control-section>label,.share-panel>label,.tl-dialog-form label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.control-section input{font-size:12px}.field-hint{font-size:11px;color:var(--muted);line-height:1.6;margin:9px 0 0}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:12px}.section-label>a{color:var(--muted)}.section-label .icon{width:15px;height:15px}.formation-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.formation-chips button{border:1px solid var(--line);border-radius:6px;height:35px;font-size:12px;font-weight:600;background:var(--panel);transition:background .15s}.formation-chips button:hover{background:var(--soft)}.formation-chips button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.palette{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.palette>button{height:23px;width:23px;padding:0;border-radius:50%;background:var(--swatch);border:1px solid #243d3326;position:relative}.palette>button[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:3px}.custom-color{position:relative;height:24px;width:24px;border:1px dashed var(--muted);border-radius:50%;text-align:center;line-height:21px;font-size:20px;cursor:pointer}.custom-color input{position:absolute;inset:0;width:24px;height:24px;opacity:0;cursor:pointer}.accent-label{display:flex!important;justify-content:space-between;align-items:center;margin:14px 0 0!important;color:var(--muted);font-weight:400!important;font-size:11px!important}.control-tip{display:flex;align-items:flex-start;gap:10px;margin-top:26px;padding-top:21px;border-top:1px solid var(--line)}.control-tip .icon{width:22px;height:22px;margin-top:3px}.control-tip p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.control-tip strong{color:var(--ink)}.player-edit{border-top:1px solid var(--line);margin-top:20px}.player-edit label{font-size:11px;display:block;margin:8px 0}.player-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.player-fields input[type=color]{width:100%;height:43px}.pitch-panel{padding:16px 25px 13px;min-width:0;background:var(--soft)}.pitch-toolbar{height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.formation-picker{display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;border-radius:50%;background:#547b58}.formation-picker select{width:95px;border:none;font-size:12px;font-weight:700;padding:4px;background:transparent;height:30px}.eleven-tag{font-size:8px;font-weight:700;letter-spacing:1.2px;color:var(--muted);border-left:1px solid var(--line);padding-left:10px}.history-tools{display:flex;gap:2px}.icon-button{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:5px;flex:none}.icon-button:hover{background:var(--line)}.icon-button .icon{width:16px;height:16px}.pitch-wrap{border-radius:7px;overflow:hidden;background:var(--pitch);color:#f3f2df;box-shadow:0 3px 8px #12382c12;max-width:540px;margin:auto}.pitch-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;background:var(--pitch-deep);gap:8px}.pitch-heading>span:first-child{font-size:15px;font-weight:700;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-heading>span:last-child{font-size:8px;letter-spacing:1.5px;white-space:nowrap;opacity:.7}#pitch{position:relative;isolation:isolate;aspect-ratio:1/.98;min-height:380px;touch-action:pan-y;background:repeating-linear-gradient(to bottom,transparent 0%,transparent 12.5%,#ffffff03 12.5%,#ffffff03 25%);user-select:none}.pitch-markings{position:absolute;inset:18px 20px;border:1px solid var(--pitch-line);pointer-events:none}.halfway-line{position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--pitch-line)}.center-circle{position:absolute;top:50%;left:50%;width:27%;aspect-ratio:1;border:1px solid var(--pitch-line);border-radius:50%;transform:translate(-50%,-50%)}.center-spot{position:absolute;left:50%;top:50%;width:4px;height:4px;background:var(--pitch-line);border-radius:50%;transform:translate(-50%,-50%)}.penalty-area,.goal-area{position:absolute;left:50%;transform:translateX(-50%);border:1px solid var(--pitch-line)}.penalty-area{width:57%;height:17%}.goal-area{width:27%;height:7%}.penalty-area.top,.goal-area.top{top:-1px;border-top:0}.penalty-area.bottom,.goal-area.bottom{bottom:-1px;border-bottom:0}.penalty-arc{position:absolute;left:50%;width:24%;height:12%;border:1px solid var(--pitch-line);border-radius:50%;transform:translateX(-50%);z-index:-1}.penalty-arc.top{top:9%}.penalty-arc.bottom{bottom:9%}.zone-label{position:absolute;right:3px;font-size:7px;letter-spacing:1.8px;writing-mode:vertical-rl;opacity:.25;pointer-events:none}.attack-zone{top:13%}.midfield-zone{top:45%}.defense-zone{top:73%}.player{position:absolute;transform:translate(-50%,-50%);touch-action:none;cursor:grab;z-index:2;padding:0;display:flex;align-items:center;flex-direction:column;width:80px;min-height:66px;gap:4px;-webkit-user-select:none;user-select:none;border-radius:6px}.player:active{cursor:grabbing}.player-number{width:39px;height:39px;background:var(--player-color,#e1ed68);color:var(--player-ink,#173f35);display:grid;place-items:center;border-radius:50%;font-size:16px;font-weight:800;box-shadow:0 3px 0 #122e2733;border:1px solid #ffffff50;font-variant-numeric:tabular-nums;position:relative}.player-number:after{content:"";position:absolute;inset:-4px;border:1px solid transparent;border-radius:50%}.player[aria-pressed=true] .player-number:after,.player.is-selected .player-number:after,.player:focus-visible .player-number:after{border-color:#fff}.player-name{font-size:10px;font-weight:600;line-height:1.25;max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f6f5ef;letter-spacing:.2px;padding:1px 4px;background:var(--pitch-deep);border-radius:2px;min-width:23px;text-align:center}.player-role{display:none}.player.dragging,.player.is-dragging{z-index:10}.player.dragging .player-number{box-shadow:0 8px 18px #0006;transform:scale(1.1)}.pitch-signature{height:34px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12}.pitch-signature>span:first-child{font-size:10px;letter-spacing:1px;font-weight:900}.pitch-signature>span:last-child{font-size:6px;letter-spacing:1.2px;opacity:.7}.pitch-bottom{display:flex;justify-content:space-between;gap:9px;margin:13px 0 0;color:var(--muted);font-size:9px}.pitch-bottom>span:first-child{display:flex;gap:4px;align-items:center}.pitch-bottom .icon{width:12px;height:12px}.share-panel{padding:24px 20px;border-left:1px solid var(--line)}.share-top>.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:12px}.share-top h2{font-size:28px;line-height:1.07;margin-bottom:12px;letter-spacing:-1.3px}.accent-dot{color:#94a140}.share-top>p{font-size:11px;color:var(--muted);margin-bottom:21px;line-height:1.7}.share-card-mini{background:var(--paper);padding:12px 13px 9px;border:1px solid var(--line);border-radius:2px;transform:rotate(3deg);margin:0 15px 25px;box-shadow:3px 4px 0 var(--soft);color:var(--ink)}.share-card-mini>span:first-child{font-size:8px;font-weight:800;letter-spacing:.2px;display:block;margin-bottom:7px}.share-card-mini .mini-pitch{height:118px;max-width:100%;min-width:0;border-radius:1px}.share-card-mini .mini-pitch i{width:5px;height:5px;background:var(--accent)}.share-mini-footer{font-size:5px;letter-spacing:.5px;display:block;margin-top:7px}.share-panel>label{font-size:10px;margin-bottom:7px}.share-panel>select{height:37px;font-size:11px}.share-panel>.field-hint{font-size:9px;margin-bottom:17px}.button{min-height:42px;padding:10px 15px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;border:1px solid transparent;text-align:center;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button.primary,.button.button-primary{background:var(--accent);color:var(--accent-ink);border-color:#00000008}.button.primary:hover,.button.button-primary:hover{filter:brightness(.96)}.button.secondary{border:1px solid var(--line);background:var(--panel)}.button.subtle,.button.button-text{color:var(--muted);font-size:10px;padding:8px 0}.share-panel>.button{width:100%;margin-bottom:8px}.share-panel>.subtle{margin-bottom:0;min-height:30px}.button .icon{width:15px;height:15px}.local-note{font-size:9px;color:var(--muted);line-height:1.65;text-align:center;margin:11px 0 0}.under-editor{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;color:var(--muted);padding:16px 2px}.under-editor>span:first-child,.under-editor>a{display:flex;align-items:center;gap:7px}.under-editor .icon{width:14px;height:14px}.under-editor>a:hover{color:var(--ink)}.ad-slot{min-height:100px;border:1px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:24px 0 48px;text-align:center}.ad-slot>span{font-size:7px;letter-spacing:1.6px;color:var(--muted);opacity:.75}.ad-slot p{font-size:11px;color:var(--muted);margin:3px 0}.ad-slot small{font-size:8px;color:var(--muted);opacity:.75}.section{margin:55px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{font-size:9px}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600}.text-link .icon{width:15px;height:15px}.text-link:hover{text-decoration:underline}.formation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.formation-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .15s,box-shadow .15s}.formation-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #243d3310}.mini-pitch{height:153px;position:relative;background:var(--pitch);margin:0 auto;color:var(--pitch-line);overflow:hidden}.mini-pitch:before{content:"";position:absolute;inset:14px 23px;border:1px solid currentColor}.mini-pitch:after{content:"";position:absolute;left:36%;width:28%;height:15%;top:14px;border:1px solid currentColor}.mini-half{position:absolute;top:50%;left:23px;right:23px;border-top:1px solid currentColor}.mini-circle{position:absolute;width:33px;height:33px;border:1px solid currentColor;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.mini-pitch i{position:absolute;width:8px;height:8px;border-radius:50%;background:#e1ed68;transform:translate(-50%,-50%)}.card-text{padding:20px}.card-text .eyebrow{font-size:8px;color:var(--muted);letter-spacing:1px}.card-text h3{font-size:27px;font-weight:700;letter-spacing:-1px;margin:7px 0}.card-text p{font-size:11px;min-height:53px;color:var(--muted);line-height:1.6}.card-text .text-link{font-size:10px}.how-it-works{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:60px;margin:55px 0}.how-it-works>div h2{max-width:230px}.how-it-works .eyebrow{font-size:8px}.how-it-works ol{display:flex;gap:25px;list-style:none;margin:0;padding:0}.how-it-works li{flex:1}.how-it-works li>span{font-size:12px;display:block;margin-bottom:16px;color:var(--muted);font-family:monospace}.how-it-works li h3{font-size:13px;letter-spacing:-.2px}.how-it-works li p{font-size:11px;color:var(--muted);margin:0}.club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.club-card{display:flex;align-items:center;gap:13px;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:16px}.club-card:hover{border-color:var(--muted)}.club-swatch{background:var(--club);color:var(--club-alt);border-radius:6px;width:42px;height:44px;display:grid;place-items:center;font-size:10px;font-weight:800;position:relative;flex:none;border:1px solid #9993;overflow:hidden}.club-swatch:after{content:"";position:absolute;bottom:0;height:5px;width:100%;background:var(--club-alt)}.club-card>span:nth-child(2){min-width:0}.club-card strong{display:block;font-size:12px;line-height:1.4}.club-card small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.club-card>.icon{margin-left:auto;width:15px;height:15px;color:var(--muted)}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;margin:65px 0 80px}.faq-section>h2{max-width:250px}.faq-section details{border-bottom:1px solid var(--line);padding:16px 0}.faq-section summary{font-size:13px;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:30px;line-height:1.5}.faq-section summary:after{content:'+';position:absolute;right:2px;font-size:18px;top:-3px;font-weight:400}.faq-section details[open] summary:after{content:'−'}.faq-section details p{font-size:12px;color:var(--muted);margin:12px 0 0}.site-footer{border-top:1px solid var(--line);max-width:1232px;margin:20px auto 0;padding:40px 0 25px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.site-footer .brand{font-size:18px}.site-footer p{font-size:11px;color:var(--muted);margin:10px 0 5px}.site-footer small{font-size:9px;color:var(--muted)}.footer-links{display:flex;gap:23px;font-size:10px;padding-top:6px;flex-wrap:wrap;align-content:flex-start}.footer-links a:hover{text-decoration:underline}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:12px;font-size:9px;color:var(--muted)}.tiny-ball{display:inline-block;margin:0 9px}.breadcrumbs{display:flex;gap:10px;font-size:10px;margin:25px 0 -14px;color:var(--muted);flex-wrap:wrap}.breadcrumbs a:hover{text-decoration:underline}.tactics-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding:44px 0;border-bottom:1px solid var(--line)}.tactics-copy p{font-size:13px;color:var(--muted)}.tactic-note{border-left:2px solid var(--line);padding-left:28px}.tactic-note h3{font-size:14px;margin:0 0 8px}.tactic-note p{font-size:12px;margin-bottom:22px}.tactic-note .formation-chips{margin-bottom:22px;grid-template-columns:repeat(3,1fr)}.data-note{font-size:11px;color:var(--muted);padding:15px 0;line-height:1.7;margin:0}.data-note a{text-decoration:underline}.article-copy{max-width:760px;margin:55px 0;font-size:14px}.article-copy a,.article-page p a{text-decoration:underline}.search-bar{display:flex;gap:14px;align-items:center;margin:7px 0 10px}.search-bar label:first-child{flex:1}.search-bar label:nth-child(2){width:230px}.search-bar input,.search-bar select{font-size:13px}.search-bar>span{min-width:75px;font-size:11px;color:var(--muted)}.all-clubs{margin:20px 0 45px}.league-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.league-links>a{display:flex;justify-content:space-between;font-size:12px;padding:18px;border:1px solid var(--line);border-radius:7px}.guide-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:20px 0 100px;background:var(--panel)}.guide-card>div:last-child{padding:50px}.guide-card p{font-size:13px;color:var(--muted)}.guide-card .eyebrow{font-size:9px}.guide-art{background:var(--accent);padding:30px 60px;color:var(--accent-ink);display:flex;flex-direction:column;justify-content:center;gap:20px}.guide-art .mini-pitch{width:100%;height:220px;transform:rotate(-6deg);box-shadow:10px 10px 0 #0001}.guide-art>span{font-size:9px;font-weight:700;letter-spacing:2px;text-align:center}.article-page{max-width:760px;margin:60px auto 90px;padding:0 28px}.article-page .eyebrow{margin:35px 0 16px}.article-page h1{font-size:48px;line-height:1.12;margin-bottom:24px}.article-lead{font-size:20px;line-height:1.55;color:var(--muted);margin-bottom:35px}.article-page h2{font-size:24px;margin:35px 0 16px}.article-page>p{font-size:15px}.article-page .article-lead{font-size:20px}.article-page .button{margin-top:18px}.related-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px}.related-links a{text-decoration:underline}.plus-page{text-align:center;max-width:680px;margin:60px auto}.price-card{max-width:410px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:30px;margin:35px auto;text-align:left}.plus-mark{font-size:18px;font-weight:800;letter-spacing:-.5px}.price{font-size:70px;font-weight:750;letter-spacing:-5px;margin:15px 0 25px;line-height:1}.price>span{font-size:12px;font-weight:400;letter-spacing:0;display:block;margin-top:12px;color:var(--muted)}.price-card ul{list-style:none;padding:0;font-size:13px}.price-card li{padding:12px 0;border-top:1px solid var(--line)}.price-card li:before{content:'✓';margin-right:12px}.notice{background:var(--soft);padding:15px;font-size:12px;line-height:1.7;border-radius:6px}.plus-page>p:last-child{font-size:12px;color:var(--muted)}.price-card .button{width:100%}.tl-dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;width:520px;max-width:calc(100vw - 28px);max-height:90dvh;box-shadow:0 20px 100px #0004;overflow:auto}.tl-dialog::backdrop{background:#12271fcc;backdrop-filter:blur(4px)}.tl-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.tl-dialog-header h2{font-size:23px;margin:0}.tl-dialog-intro{font-size:12px;color:var(--muted);margin:14px 0 24px}.tl-dialog-form input{display:block;margin:8px 0 14px}.tl-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.tl-saved-list{list-style:none;padding:0;margin:0}.tl-saved-item{padding:17px 0;border-bottom:1px solid var(--line)}.tl-saved-detail{display:flex;gap:12px;justify-content:space-between;align-items:center}.tl-saved-detail strong{font-size:14px}.tl-saved-detail small{font-size:10px;color:var(--muted)}.tl-saved-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.button-small{min-height:30px;padding:6px 9px;font-size:11px;background:var(--soft)}.button-danger{color:#b43a2e!important}.tl-empty{font-size:13px;padding:25px;background:var(--soft);border-radius:8px;color:var(--muted)}.tl-toast,#toast:not(:empty){position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000;max-width:calc(100vw - 32px);padding:13px 20px;background:var(--ink);color:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:12px;box-shadow:0 8px 30px #0002;text-align:center;line-height:1.5}.tl-export-preview{margin:15px 0;background:var(--soft);padding:12px;border-radius:7px}.tl-export-preview img{width:100%;max-height:55dvh;object-fit:contain;display:block}.tl-preview-format{font-size:12px}.tl-preview-format select{margin:8px 0}.design-container{max-width:1500px;padding:50px 35px;margin:auto}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:35px 0}.design-option{min-width:0}.design-option h2{font-size:20px;letter-spacing:-.5px}.design-option>p{font-size:12px;color:var(--muted);min-height:57px}.design-option>p[lang]{font-size:12px;min-height:38px}.design-frame{border:1px solid var(--line);border-radius:14px;height:780px;overflow:hidden;background:var(--panel);box-shadow:0 6px 25px #0001}.design-frame iframe{width:100%;height:100%;border:0}.design-option>.button{width:100%;margin:16px 0}.design-container>.intro-copy{font-size:16px}.design-container h1{font-size:44px}
html[data-theme=night]{--paper:#121a1b;--panel:#1a2526;--ink:#edf3e8;--muted:#9baaaa;--line:#344243;--soft:#202e2e;--accent:#57f29b;--accent-ink:#0e3024;--pitch:#183c32;--pitch-deep:#102f29;--pitch-line:#8cbeaa61;color-scheme:dark}html[data-theme=night] .brand-mark{background:var(--accent);color:var(--paper)}html[data-theme=night] .accent-dot{color:var(--accent)}html[data-theme=night] .formation-chips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}html[data-theme=night] .live-dot{background:var(--accent)}html[data-theme=night] .pitch-wrap{box-shadow:0 0 30px #0b181944}html[data-study=true] .site-header{height:60px}html[data-study=true] .page-intro{padding-top:24px}
@media(min-width:1450px){.container{max-width:1390px}.editor-layout{grid-template-columns:260px minmax(0,1fr) 245px}.pitch-panel{padding-left:40px;padding-right:40px}#pitch{aspect-ratio:1/1.03}.share-panel{padding:28px}}
@media(max-width:1100px){.container{padding:0 28px}.header-inner{padding:0 28px;gap:28px}nav{gap:22px}.editor-layout{grid-template-columns:210px minmax(0,1fr) 195px}.controls-panel{padding:22px 16px}.share-panel{padding:23px 15px}.pitch-panel{padding:16px 17px}.intro-meta{flex-direction:column;align-items:flex-start;gap:7px}#pitch{min-height:360px}.pitch-heading{padding:0 12px}.player{width:68px}.player-number{width:34px;height:34px;font-size:14px}.player-name{font-size:9px;max-width:70px}.share-card-mini{margin:0 12px 22px;padding:9px}.share-card-mini .mini-pitch{height:104px}.site-footer{margin:20px 28px 0}.how-it-works{gap:30px}.formation-grid{gap:12px}.card-text{padding:16px}.share-top h2{font-size:26px}.pitch-bottom{font-size:8px}.pitch-bottom>span:first-child{max-width:82%}}
@media(max-width:880px){.header-inner{gap:22px}.brand{font-size:18px}nav{gap:20px}.saved-nav{border:0;padding:8px}.editor-layout{grid-template-columns:210px minmax(0,1fr)}.share-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:20px;border-top:1px solid var(--line);border-left:0;align-items:center}.share-top{display:none}.share-panel>label{display:none}.share-panel>select{grid-column:1;grid-row:1;margin:0;height:42px}.share-panel>.field-hint{grid-column:1;grid-row:2;margin:0;font-size:9px}.share-panel>.button{margin:0}.share-panel>.primary{grid-column:3;grid-row:1}.share-panel>.secondary{grid-column:2;grid-row:1}.share-panel>.subtle{grid-column:2;grid-row:2}.local-note{grid-column:3;grid-row:2;margin:0}#pitch{aspect-ratio:1/1.1;min-height:360px}.formation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-text p{min-height:35px}.mini-pitch{height:180px}.club-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-it-works{grid-template-columns:1fr}.how-it-works>div h2{max-width:none;margin:0}.faq-section{gap:30px}.tactics-copy{gap:30px}.guide-card>div:last-child{padding:30px}.guide-art{padding:30px}.design-grid{grid-template-columns:1fr;max-width:450px;margin:35px auto}.design-option>p{min-height:0}.design-frame{height:850px}.design-container h1{font-size:36px}.design-container{padding:35px 20px}}
@media(max-width:650px){h1{font-size:36px;letter-spacing:-1.5px}h2{font-size:26px}.container{padding:0 16px}.site-header{height:65px}.header-inner{padding:0 16px;gap:12px}.brand{font-size:18px;gap:7px}.brand-mark{width:25px;height:29px}.brand-mark .icon{height:22px;width:19px}.brand-dot{font-size:8px}#mobile-menu{display:inline-grid;margin-left:0}.saved-nav{padding:4px;margin-left:auto}.saved-nav>span{display:none}.saved-nav .icon{width:18px}nav{display:none;position:absolute;left:0;right:0;top:64px;height:auto;background:var(--panel);z-index:50;padding:12px 20px;box-shadow:0 8px 20px #0001;gap:22px;justify-content:center;border-bottom:1px solid var(--line)}nav.is-open{display:flex}nav>a{line-height:42px;font-size:12px}nav>a[aria-current]:after{height:2px}.page-intro{display:block;padding:25px 0 23px}.page-intro .eyebrow{font-size:8px;margin-bottom:9px}.intro-copy{font-size:12px;line-height:1.6;max-width:340px}.page-intro h1{margin-bottom:10px}.intro-meta{display:flex;flex-direction:row;gap:17px;font-size:9px;padding:0;margin-top:14px}.intro-meta .icon{width:12px;height:12px}.editor-layout{display:flex;flex-direction:column;overflow:visible;border-radius:9px}.pitch-panel{order:0;padding:12px 12px 10px;border-radius:9px 9px 0 0}.controls-panel{order:2;border-right:0;border-top:1px solid var(--line);padding:23px 20px;border-radius:0 0 9px 9px}.share-panel{order:1;display:grid;grid-template-columns:1fr 1fr;padding:17px 16px;gap:10px}.share-panel>.primary{grid-column:2;grid-row:1}.share-panel>.secondary{grid-column:1;grid-row:1}.share-panel>select{grid-column:1;grid-row:2;height:34px;font-size:10px}.share-panel>.subtle{grid-column:2;grid-row:2}.share-panel>.field-hint{grid-column:1;grid-row:3;font-size:8px;line-height:1.5}.local-note{grid-column:2;grid-row:3;font-size:8px;text-align:center}.share-panel .button{font-size:11px;min-height:41px}.share-panel>.subtle{min-height:30px}.pitch-toolbar{height:29px;margin-bottom:9px}.formation-picker select{width:86px;font-size:11px}.eleven-tag{font-size:7px;padding-left:8px}.history-tools{gap:0}.history-tools .icon-button{width:28px;height:28px}.pitch-heading{height:43px;padding:0 13px}.pitch-heading>span:first-child{font-size:13px}.pitch-heading>span:last-child{font-size:6px;letter-spacing:1px}#pitch{aspect-ratio:1/1.12;min-height:0}.pitch-markings{inset:13px 14px}.player{width:65px;min-height:55px;gap:3px}.player-number{width:32px;height:32px;font-size:13px}.player-name{max-width:64px;font-size:8px;line-height:1.25;letter-spacing:0;padding:1px 3px}.pitch-signature{height:29px;padding:0 11px}.pitch-signature>span:first-child{font-size:8px}.pitch-signature>span:last-child{font-size:5px;letter-spacing:.9px}.zone-label{font-size:5px;right:2px;letter-spacing:1px}.pitch-bottom{font-size:8px;margin-top:10px}.pitch-bottom>span:first-child{max-width:85%}.panel-heading{padding-bottom:15px}.control-section{padding-top:21px}.formation-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.formation-chips button{font-size:11px;height:34px}.palette{gap:14px}.palette>button{width:26px;height:26px}.accent-label{max-width:165px}.control-tip{margin-top:22px}.control-tip p{font-size:11px}.player-edit{scroll-margin-top:16px}.under-editor{font-size:8px;flex-wrap:wrap;gap:13px;padding:15px 0}.under-editor>span:nth-child(2){display:none}.under-editor .icon{width:12px}.ad-slot{margin:18px 0 36px;min-height:88px}.section{margin:36px 0}.section-heading{align-items:flex-start;gap:15px;flex-direction:column;margin-bottom:19px}.section-heading .eyebrow{font-size:8px;margin-bottom:9px}.section-heading .text-link{font-size:10px}.formation-grid{gap:10px}.mini-pitch{height:129px}.mini-pitch:before{inset:12px 15px}.mini-pitch:after{top:12px}.mini-half{left:15px;right:15px}.mini-circle{width:25px;height:25px}.mini-pitch i{width:6px;height:6px}.card-text{padding:14px 11px}.card-text .eyebrow{font-size:6px;letter-spacing:.7px}.card-text h3{font-size:24px;margin:7px 0}.card-text p{font-size:10px;min-height:64px;margin-bottom:12px}.card-text .text-link{font-size:9px;gap:4px}.card-text .text-link .icon{width:12px}.how-it-works{padding:30px 0;margin:38px 0;gap:24px}.how-it-works ol{flex-direction:column;gap:21px}.how-it-works li{display:flex;gap:16px}.how-it-works li>span{margin:2px 0}.how-it-works li h3{font-size:14px;margin-bottom:5px}.how-it-works li p{font-size:12px}.club-grid{grid-template-columns:1fr}.club-card{padding:13px}.club-card strong{font-size:13px}.club-card small{font-size:10px}.club-swatch{width:38px;height:41px}.faq-section{grid-template-columns:1fr;gap:8px;margin:40px 0}.faq-section>h2{max-width:none}.faq-section details{padding:15px 0}.faq-section summary{font-size:12px}.site-footer{padding:28px 0 18px;margin:20px 16px 0;gap:23px}.footer-links{gap:18px;font-size:10px}.footer-bottom{gap:18px;font-size:8px;line-height:1.6;margin-top:0}.footer-bottom>span:last-child{max-width:170px;text-align:right}.breadcrumbs{font-size:9px;gap:7px;margin:18px 0 -5px}.tactics-copy{grid-template-columns:1fr;padding:30px 0;gap:20px}.tactics-copy h2{font-size:24px}.tactic-note{padding-left:17px}.tactic-note .formation-chips{grid-template-columns:repeat(3,1fr)}.data-note{font-size:10px;padding:16px 0}.article-copy{margin:35px 0;font-size:13px}.article-copy h2{font-size:23px}.search-bar{display:grid;grid-template-columns:1fr 80px;gap:10px}.search-bar label:first-child{grid-column:1/-1}.search-bar label:nth-child(2){width:auto}.search-bar input,.search-bar select{font-size:12px}.search-bar>span{font-size:10px;text-align:right}.league-links{grid-template-columns:1fr;gap:8px}.guide-card{grid-template-columns:1fr;margin:0 0 50px}.guide-card>div:last-child{padding:25px}.guide-art{padding:28px 55px}.guide-art .mini-pitch{height:190px}.guide-card h2{font-size:27px}.article-page{margin:30px auto 50px;padding:0 20px}.article-page h1{font-size:37px;letter-spacing:-1.5px}.article-page .article-lead{font-size:17px}.article-page>p{font-size:14px}.article-page h2{font-size:22px}.article-page .eyebrow{font-size:8px}.related-links{grid-template-columns:1fr}.plus-page{margin:35px 0}.plus-page h1{font-size:36px}.plus-page .article-lead{font-size:17px}.price-card{padding:25px}.tl-dialog{padding:20px}.tl-dialog-header h2{font-size:22px}.tl-dialog-actions{flex-wrap:wrap}.tl-saved-detail{align-items:flex-start}.tl-saved-detail strong{max-width:65%;overflow-wrap:anywhere}.tl-saved-detail small{font-size:8px}.tl-dialog .button{font-size:11px}.design-container h1{font-size:35px}.design-frame{height:790px}}
.player-number{border-color:var(--player-accent,#ffffff50)}.tl-export-preview{display:block;width:100%;max-height:55dvh;object-fit:contain}.tl-saved-detail h3{font-size:14px;margin:0;overflow-wrap:anywhere}.tl-saved-detail p{font-size:10px;white-space:nowrap;color:var(--muted);margin:0}.share-panel>.preview-button{font-size:10px;margin:0 0 4px}.share-panel>.preview-button .icon{width:12px;height:12px}@media(max-width:880px){.share-panel>.preview-button{grid-column:1;grid-row:3;margin:0}.share-panel>.subtle:not(.preview-button){grid-column:2;grid-row:2}}@media(max-width:650px){.share-panel>.preview-button{grid-column:1/-1;grid-row:4;font-size:10px;min-height:26px;padding:5px}}
@media(max-width:650px){#player-editor:not([hidden]){position:fixed;left:12px;right:12px;bottom:12px;z-index:70;padding:17px 20px 20px;margin:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 -10px 60px #173f3533;max-height:65dvh;overflow:auto}#player-editor .section-label{margin-bottom:3px}#player-editor>.field-hint{display:none}.player-fields{grid-template-columns:1fr 1fr}.player-edit label{margin:6px 0}.player-edit input{height:38px}}
.theme-toggle{border:1px solid var(--line);border-radius:18px;background:var(--soft);height:29px;min-width:54px;display:flex;align-items:center;padding:2px;gap:2px;margin-left:-25px}.theme-toggle>span{width:23px;height:23px;display:grid;place-items:center;font-size:15px;border-radius:50%;color:var(--muted)}.theme-toggle>span:first-child{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px #0001}html[data-theme=night] .theme-toggle>span:first-child{background:transparent;color:var(--muted);box-shadow:none}html[data-theme=night] .theme-toggle>span:last-child{background:var(--accent);color:var(--accent-ink)}.share-panel>.export-style-label{margin-top:12px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-left:auto;margin-right:auto}.design-frame{max-width:440px;margin:auto}.design-option>.button{max-width:440px;display:flex;margin:16px auto}.design-option h2,.design-option>p{max-width:440px;margin-left:auto;margin-right:auto}@media(max-width:1100px){.theme-toggle{margin-left:-10px}.saved-nav>span{display:none}.header-inner{gap:22px}.share-card-mini{margin-bottom:16px}.share-top>p{margin-bottom:15px}}@media(max-width:880px){.theme-toggle{margin-left:-6px}.share-panel>.export-style-label{display:none}.share-panel>#export-style{grid-column:1;grid-row:2}.share-panel>.field-hint{grid-column:2;grid-row:2}.share-panel>.subtle:not(.preview-button){grid-column:3;grid-row:2}.share-panel>.local-note{grid-column:2/4;grid-row:3;text-align:right}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px}.design-container{padding:35px 20px}.design-option h2{font-size:17px}}@media(max-width:650px){.theme-toggle{margin-left:0}.header-inner{gap:10px}.share-panel>#export-style{grid-column:2;grid-row:2;height:34px;font-size:10px}.share-panel>.field-hint{grid-column:1;grid-row:3}.share-panel>.subtle:not(.preview-button){grid-column:2;grid-row:3;min-height:26px}.share-panel>.local-note{grid-column:2;grid-row:4;text-align:center}.share-panel>.preview-button{grid-column:1;grid-row:4;min-height:26px}.share-panel>.export-style-label{display:none}.design-grid{grid-template-columns:1fr;max-width:440px}.design-frame{height:790px}.design-container>h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Reserved placements and optional controls stay separate from the pitch. */
.footer-privacy{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.footer-privacy:hover{text-decoration:underline}.tl-result-preview{display:block;width:100%;max-height:42dvh;object-fit:contain;margin:18px 0}.result-ad{min-height:110px;margin:24px 0 0}.tactics-copy .ad-slot{min-height:110px;margin:24px 0}.analytics-debug{margin:20px auto;padding:16px;max-width:1100px;border:1px dashed var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:12px}.analytics-debug summary{cursor:pointer}.analytics-debug p{line-height:1.6}.analytics-debug pre{max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.consent-panel{position:fixed;bottom:18px;left:18px;width:min(440px,calc(100vw - 36px));z-index:90;padding:23px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 60px #0003}.consent-panel h2{font-size:24px}.consent-panel p{font-size:13px;line-height:1.6}.consent-panel>div{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.consent-panel .button{font-size:11px;flex:1}.consent-panel .text-link{font-size:11px}@media(max-width:650px){.analytics-debug{margin:16px}.consent-panel{max-height:70dvh;overflow:auto}.result-ad{min-height:100px}.tl-result-preview{max-height:34dvh}}