.formation-controls{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:20px;margin-bottom:20px}.formation-controls select{width:100%;min-width:0}.formation-card{max-width:850px;margin:0 auto;background:#fff;border:1px solid var(--border,#dde5e1);border-radius:20px;overflow:hidden;box-shadow:0 12px 36px #123b2510}.formation-heading{display:flex;justify-content:space-between;align-items:center;padding:24px;gap:14px}.formation-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#537568}.formation-heading h2{font-size:25px;margin:7px 0}.formation-heading h2 span{font-weight:500;color:#658073;margin-left:8px}.formation-heading p{font-size:13px;color:#65766e;margin:0}.formation-count{font-size:28px;font-weight:800;white-space:nowrap;color:#145f43}.formation-count small{font-size:16px;color:#80968a}.formation-half-pitch{height:590px;position:relative;margin:0 18px;overflow:hidden;border-radius:12px 12px 4px 4px;background:repeating-linear-gradient(0deg,#176e50 0,#176e50 73px,#1b7757 73px,#1b7757 146px);isolation:isolate}.formation-lines{position:absolute;inset:18px 16px 22px;border:2px solid #ffffff68;border-top:2px solid #ffffff9c;pointer-events:none}.formation-centre-circle{position:absolute;width:26%;aspect-ratio:1;border:2px solid #ffffff68;border-radius:50%;top:0;left:50%;transform:translate(-50%,-50%)}.formation-penalty{position:absolute;width:64%;height:30%;bottom:-2px;left:18%;border:2px solid #ffffff68}.formation-goal-area{position:absolute;width:30%;height:12%;bottom:-2px;left:35%;border:2px solid #ffffff68}.formation-penalty-spot{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffffff88;bottom:20%;left:50%}.formation-goal{position:absolute;width:17%;height:12px;bottom:-13px;left:41.5%;border:2px solid #ffffff9c}.formation-attack{position:absolute;top:28px;right:25px;color:#e9fff1c9;font-size:9px;font-weight:700;letter-spacing:1.1px}.formation-slot{position:absolute;transform:translate(-50%,-50%);width:18%;max-width:124px;border:0;background:none;color:white;text-align:center;cursor:pointer;padding:3px;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1;font:inherit;min-height:88px;border-radius:10px}.formation-slot:hover{background:#ffffff15}.formation-slot:focus-visible{outline:3px solid #ffde88;outline-offset:1px}.formation-shirt{display:flex;align-items:center;justify-content:center;width:45px;height:42px;background:#ffffffed;color:#126443;font-size:23px;font-weight:700;clip-path:polygon(25% 0,38% 5%,62% 5%,75% 0,100% 20%,87% 44%,77% 36%,77% 100%,23% 100%,23% 36%,13% 44%,0 20%);filter:drop-shadow(0 3px 2px #0005)}.formation-slot.is-filled .formation-shirt{background:#def4e9;color:#1c7755;font-size:17px}.formation-slot.is-goalkeeper .formation-shirt{background:#f1d678;color:#695318}.formation-role{font-size:10px;letter-spacing:1px;font-weight:800;margin-top:2px}.formation-name{font-size:13px;font-weight:750;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#07442ac9;padding:3px 8px;border-radius:5px}.formation-firstname{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e3f4e9}.formation-footer{display:flex;justify-content:space-between;gap:18px;padding:20px 24px;align-items:center}.formation-footer strong{display:block;font-size:13px;color:#274c3b}.formation-footer small{display:block;color:#64766b;font-size:11px;margin-top:4px}.formation-footer .actions{margin:0;flex-wrap:wrap}.formation-error{padding:14px 24px;color:#922d27;background:#fff0ed}.formation-picker{width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 40px);border:1px solid #dbe4dd;border-radius:20px;padding:0;background:#fff;color:#233d31;box-shadow:0 24px 90px #0004;overflow:hidden}.formation-picker[open]{display:flex;flex-direction:column}.formation-picker::backdrop{background:#0b201b99;backdrop-filter:blur(3px)}.formation-picker-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 22px 12px}.formation-picker h3{font-size:21px;margin:6px 0 0}.formation-search{margin:0;padding:0 22px 16px;flex-shrink:0;font-size:12px}.formation-search input{margin-top:7px;width:100%}.formation-picker-list{overflow:auto;overscroll-behavior:contain;padding:0 22px 16px;min-height:100px}.formation-picker-list h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin:15px 0 6px;padding:8px 0;border-bottom:1px solid #e4ebe5;display:flex;justify-content:space-between;align-items:center}.formation-picker-list h4 span{font-size:9px;text-transform:none;letter-spacing:0;color:#247252;background:#e8f6ed;padding:4px 8px;border-radius:12px}.formation-player{display:flex;gap:12px;align-items:center;background:white;border:1px solid transparent;width:100%;padding:10px 7px;border-radius:9px;text-align:left;color:inherit;font:inherit;cursor:pointer}.formation-player:hover,.formation-player:focus-visible{background:#eff7f2;border-color:#c4e1ce}.formation-player.is-selected{background:#e3f3e9}.formation-player>span:nth-child(2){flex:1;min-width:0}.formation-player strong{display:block;font-size:13px}.formation-player small{display:block;font-size:11px;color:#64816d;margin-top:3px}.formation-player-avatar{width:34px;height:34px;border-radius:50%;background:#edf3ed;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.formation-picker-bottom{border-top:1px solid #e3eae6;padding:14px 22px;display:flex;justify-content:space-between;gap:12px;flex-shrink:0}
@media(max-width:600px){.formation-controls{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}.formation-heading{padding:20px 16px}.formation-heading h2{font-size:20px}.formation-heading p{font-size:11px;max-width:240px}.formation-half-pitch{height:550px;margin:0 8px}.formation-lines{inset:14px 6px 22px}.formation-slot{padding:1px;min-height:82px}.formation-name{font-size:10px;padding:3px 4px}.formation-firstname{font-size:9px}.formation-shirt{width:35px;height:34px}.formation-role{font-size:9px}.formation-attack{font-size:7px;top:23px;right:12px;letter-spacing:.5px}.formation-footer{flex-direction:column;align-items:stretch;padding:16px;gap:14px}.formation-footer .actions{justify-content:flex-end}.formation-picker-top{padding:18px 16px 12px}.formation-picker h3{font-size:18px}.formation-search,.formation-picker-list{padding-left:16px;padding-right:16px}}
.formation-controls select:disabled{background:#ecefed;color:#747d78;opacity:1;cursor:not-allowed}.formation-generic-toggle{display:flex!important;align-items:flex-start;gap:9px;margin:12px 0 7px;font-size:13px!important;cursor:pointer}.formation-generic-toggle input{width:17px!important;height:17px;flex-shrink:0;margin:1px 0 0;accent-color:#176e50}.formation-controls .field>small{display:block;font-size:12px;color:#65766e}.formation-sheet{padding:22px 24px 0}.formation-sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.formation-sheet h3{font-size:19px;margin:0 0 6px}.formation-sheet-heading p{font-size:12px;color:#65766e;margin:0}.formation-sheet h4{margin:24px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#527061}.formation-sheet-list{list-style:none;padding:0;margin:0}.formation-sheet-row{display:flex;align-items:center;gap:13px;padding:10px 0;border-bottom:1px solid #e7eee9;min-height:58px}.formation-sheet-row>div{flex:1;min-width:0}.formation-sheet-row strong{display:block;font-size:14px;overflow-wrap:anywhere}.formation-sheet-row small{display:block;font-size:11px;color:#65766e;margin-top:3px}.formation-number{width:37px;height:37px;border-radius:9px;background:#edf5ef;color:#176143;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex-shrink:0}.formation-reserve-label{font-size:11px;color:#6c7c73}.formation-unnumbered{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.formation-empty,.formation-hint{font-size:12px;color:#65766e}.formation-notice{margin:0 18px 18px;padding:14px;background:#fff6dc;border-radius:9px;font-size:13px;line-height:1.5}.formation-number-help{font-size:12px;padding:0 22px;color:#65766e;line-height:1.5}.formation-number-edit{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #e7eee9}.formation-number-edit>span{flex:1;min-width:0}.formation-number-edit strong{display:block;font-size:13px}.formation-number-edit small{font-size:11px;color:#65766e}.formation-number-edit input{width:74px;min-width:74px;text-align:center;font-size:17px}.formation-number-edit input[readonly]{background:#ecefed;color:#647267}.formation-number-error{color:#922d27;margin:0;padding:12px 22px;font-size:13px}.formation-footer{flex-wrap:wrap}.formation-footer .actions{display:flex;gap:8px}.formation-footer .actions .btn{white-space:normal}
@media(max-width:600px){.formation-sheet{padding:20px 16px 0}.formation-sheet-heading{align-items:flex-start;flex-direction:column}.formation-unnumbered{grid-template-columns:minmax(0,1fr)}.formation-sheet-row strong{font-size:13px}.formation-sheet-row .btn{font-size:11px;padding:7px 9px}.formation-number-help{padding:0 16px}.formation-number{width:32px;height:34px}.formation-generic-toggle{line-height:1.5}}

.formation-captain-flags{display:flex;flex-wrap:wrap;gap:12px;padding:14px 18px;background:#f2f7f4}.formation-captain-flags label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.formation-captain-flags small{flex-basis:100%;color:var(--muted);font-size:11px}