*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100vh}:root{--mh:#00e676;--mh-mid:#00c853;--mh-dk:#007a3d;--mh-xdk:#003d1c;--mh-lt:#e4f7ec;--pitch-hi:#1e9a52;--pitch-lo:#145a32;--bg:#030806;--white:#fff;--off-white:#f6f9f6;--txt:#0a1610;--g100:#efefef;--g200:#dedede;--g400:#999;--g600:#555;--card-r:12px;--ease-snap:cubic-bezier(.34, 1.2, .64, 1);--glow-mh:0 0 40px #00e67638}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;height:100%;font-family:Heebo,Arial Hebrew,Arial,sans-serif}::selection{color:var(--white);background:#00e67659}button{cursor:pointer;font-family:inherit}button:focus-visible{outline:2px solid var(--mh);outline-offset:3px}img{max-width:100%;display:block}.app{background:radial-gradient(ellipse 100% 70% at 50% -15%, #00e67617, transparent 55%), radial-gradient(ellipse 80% 50% at 110% 60%, #007a3d1f, transparent 50%), radial-gradient(ellipse 60% 45% at -10% 80%, #003d1c59, transparent 45%), linear-gradient(165deg, #020504 0%, var(--bg) 42%, #020805 100%);isolation:isolate;flex-direction:column;max-width:760px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.app__glow{pointer-events:none;z-index:0;opacity:.9;background:repeating-linear-gradient(-12deg,#0000,#0000 48px,#ffffff03 48px 49px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 35%,#000 0%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 35%,#000 0%,#0000 75%)}.app>.header,.app>.main,.app>.footer{z-index:1;position:relative}.header{-webkit-backdrop-filter:blur(14px);background:linear-gradient(#04160cf7 0%,#020e08eb 55%,#010a05e0 100%);flex-shrink:0;padding:0;position:relative;overflow:hidden;box-shadow:0 1px #00e67614}.header:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--mh-xdk) 8%, var(--mh-mid) 28%, #ffffffbf 50%, var(--mh-mid) 72%, var(--mh-xdk) 92%, transparent 100%);opacity:.95;height:3px;position:absolute;top:0;left:0;right:0}.header:after{content:"";background:linear-gradient(90deg,#0000,#00e67647 25%,#ffffff1f 50%,#00e67647 75%,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.header__inner{align-items:center;gap:16px;padding:14px 22px 16px;display:flex}.header__mark{width:58px;height:58px;box-shadow:inset 0 1px 0 #ffffff1f, 0 8px 28px #00000073, var(--glow-mh);background:linear-gradient(145deg,#ffffff14 0%,#00000040 100%);border:1px solid #00e67638;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header__logo{object-fit:contain;filter:drop-shadow(0 2px 12px #0009);width:46px;height:46px}.header__text{flex-direction:column;gap:8px;min-width:0;display:flex}.header__title{color:var(--white);letter-spacing:-.03em;text-shadow:0 2px 24px #00000059;font-size:clamp(1.15rem,4vw,1.45rem);font-weight:900;line-height:1.12}.header__meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header__sub{color:#ffffff6b;letter-spacing:.02em;font-size:.74rem;font-weight:500}.header__chip{letter-spacing:.14em;color:#000000d1;background:linear-gradient(135deg, var(--mh) 0%, var(--mh-mid) 100%);border-radius:8px;padding:4px 10px;font-size:.62rem;font-weight:900;box-shadow:inset 0 0 0 1px #fff3,0 4px 14px #00c85359}.main{flex-direction:column;flex:1;min-height:0;padding:14px 16px 10px;display:flex}.pitch-frame{border-radius:20px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #00e67640,0 0 0 5px #0000008c,0 0 60px #00c85314,0 28px 80px #000000b8}.pitch{background:radial-gradient(ellipse 100% 45% at 50% 0%, #ffffff12 0%, transparent 65%), radial-gradient(ellipse 100% 40% at 50% 110%, #00000059 0%, transparent 65%), repeating-linear-gradient(180deg, #00000012 0px, #00000012 50px, transparent 50px, transparent 100px), linear-gradient(178deg, var(--pitch-hi) 0%, var(--pitch-lo) 100%);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;container:pitch/size}.pitch:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 80%,#0000 38%,#00000059 100%);position:absolute;inset:0}.pitch-surface{z-index:1;aspect-ratio:68/105;flex-shrink:0;width:min(100cqw,64.7619cqh);height:auto;max-height:100cqh;position:relative}.pitch-surface .field-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.formation{z-index:2;flex-direction:column;justify-content:space-evenly;height:100%;min-height:0;padding:8px 3px;display:flex;position:relative}.row{justify-content:center;gap:6px;display:flex}.cardslot{flex-shrink:0;width:88px;position:relative}.card{border-radius:var(--card-r);cursor:pointer;border:none;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.card--empty{-webkit-backdrop-filter:blur(6px);background:#ffffff0f;border:2px dashed #ffffff38}.card--empty:hover{background:#ffffff1f;border-color:#00e6768c;box-shadow:0 0 24px #00e6761f}.card--filled{background:var(--white);border:2px solid var(--mh-mid);box-shadow:0 0 0 1px #00c85333,0 10px 32px #0000008c,0 0 20px #00e67626}.card__head{justify-content:space-between;align-items:center;min-height:22px;padding:4px 7px 3px;display:flex}.card--empty .card__head{background:#ffffff12}.card--filled .card__head{background:linear-gradient(90deg, var(--mh-dk) 0%, var(--mh) 100%)}.card__pos{text-transform:uppercase;letter-spacing:.8px;font-size:.52rem;font-weight:900}.card--empty .card__pos{color:#ffffff80}.card--filled .card__pos{color:#fffffff2}.card__season{font-size:.44rem;font-weight:700}.card--filled .card__season{color:#ffffff9e}.card__photo{justify-content:center;align-items:center;padding:8px 6px 5px;display:flex}.card--filled .card__photo{background:#f7fcf9}.card--empty .card__photo{background:0 0}.card__img{object-fit:cover;object-position:top center;border:2.5px solid var(--mh);background:var(--g100);border-radius:50%;width:60px;height:60px;box-shadow:0 2px 10px #00000040}.card__sil{background:#0000001a;border:2px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.jersey-thumb{object-fit:contain;object-position:center;filter:drop-shadow(0 2px 8px #00000040);flex-shrink:0;display:block}.card__footer{justify-content:center;align-items:center;min-height:30px;padding:4px 5px 8px;display:flex}.card--filled .card__footer{background:var(--white)}.card--empty .card__footer{background:0 0}.card__name{color:var(--txt);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:80px;font-size:.65rem;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.card__add{color:#ffffff61;align-items:center;gap:3px;font-size:.56rem;font-weight:600;display:flex}.cardslot__remove{width:20px;height:20px;color:var(--white);z-index:20;opacity:0;background:#d92020;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,transform .2s;display:flex;position:absolute;top:-5px;left:-5px;transform:scale(.65)}.cardslot:hover .cardslot__remove{opacity:1;transform:scale(1)}.mgr-bar{background:linear-gradient(90deg,#010a04 0%,#021208 50%,#010c05 100%);border-top:1px solid #00e67633;flex-shrink:0;align-items:center;gap:14px;padding:10px 18px;display:flex;box-shadow:inset 0 1px #ffffff0a}.mgr-bar__title{color:#00a651a6;text-transform:uppercase;letter-spacing:1.6px;white-space:nowrap;flex-shrink:0;font-size:.64rem;font-weight:900}.mgrslot{position:relative}.mgrcard{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:5px 14px 5px 8px;transition:all .15s;display:flex}.mgrcard--filled{background:var(--white);border-color:var(--mh);box-shadow:0 2px 12px #0000004d,0 0 0 1px #00a6511f}.mgrcard:hover{background:#ffffff1a}.mgrcard--filled:hover{filter:brightness(.97)}.mgrcard__photo{background:#0003;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.mgrcard--filled .mgrcard__photo{border:2px solid var(--mh)}.mgrcard__photo img:not(.jersey-thumb),.mgrcard__photo .card__img{object-fit:cover;object-position:top;width:100%;height:100%}.mgrcard__photo .jersey-thumb{object-fit:contain;object-position:center;width:100%;height:100%}.mgrcard__name{white-space:nowrap;font-size:.85rem;font-weight:700}.mgrcard--filled .mgrcard__name{color:var(--txt)}.mgrcard--empty .mgrcard__name{color:#ffffff47;font-size:.78rem;font-weight:500}.mgrslot__remove{width:18px;height:18px;color:var(--white);z-index:20;opacity:0;background:#d92020;border:1.5px solid #ffffffbf;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,transform .2s;display:flex;position:absolute;top:-4px;right:-4px;transform:scale(.65)}.mgrslot:hover .mgrslot__remove{opacity:1;transform:scale(1)}.footer{padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(20px);background:linear-gradient(#030a0633 0%,#020805f0 100%);border-top:1px solid #00e6761f;flex-shrink:0;box-shadow:0 -12px 48px #00000059}.footer--ready{border-top-color:#00e67647;box-shadow:0 -12px 48px #00000059,0 -1px #00e67626}.footer__inner{justify-content:space-between;align-items:center;gap:18px;display:flex}.footer__progress{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.footer__progress-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.footer__count{font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:baseline;gap:2px;font-weight:900;display:inline-flex}.footer__count-num{color:var(--mh);text-shadow:0 0 24px #00e67659;font-size:1.15rem}.footer__count-sep{color:#ffffff40;font-size:.85rem;font-weight:700}.footer__count-max{color:#ffffff59;font-size:.85rem;font-weight:800}.footer__label{color:#ffffff5c;text-align:start;max-width:58%;font-size:.68rem;font-weight:600;line-height:1.35}.footer--ready .footer__label{color:#00e676bf}.progress-bar{background:#ffffff14;border-radius:999px;height:7px;overflow:hidden;box-shadow:inset 0 1px 3px #00000059}.progress-bar__fill{background:linear-gradient(90deg, var(--mh-dk) 0%, var(--mh-mid) 45%, var(--mh) 100%);height:100%;transition:width .45s var(--ease-snap);border-radius:999px;box-shadow:0 0 16px #00e67680,inset 0 1px #ffffff40}.footer--ready .progress-bar__fill{animation:2.2s ease-in-out infinite progress-pulse}@keyframes progress-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.footer__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn{transition:transform .18s var(--ease-snap), box-shadow .2s, background .2s, color .2s;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.86rem;font-weight:800;display:inline-flex}.btn--ghost{color:#ffffff8c;background:#ffffff0f;border:1px solid #ffffff1a}.btn--ghost:hover{color:var(--white);background:#ffffff1c;border-color:#00e67640}.btn--export{color:#ffffff38;cursor:not-allowed;background:#ffffff0a;border:1px solid #ffffff0f}.btn--export-ready{background:linear-gradient(145deg, var(--mh-dk) 0%, var(--mh-mid) 42%, var(--mh) 100%);color:var(--white);cursor:pointer;text-shadow:0 1px 2px #00000040;border:none;box-shadow:inset 0 0 0 1px #ffffff38,0 6px 24px #00c85373,0 2px 8px #00000059}.btn--export-ready:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff47,0 10px 36px #00e67680,0 4px 12px #0006}.btn--export-ready:active{transform:translateY(0)scale(.98);box-shadow:0 2px 14px #00c85359}.btn--export:disabled{opacity:.45}.btn__spinner{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.picker-backdrop{-webkit-backdrop-filter:blur(12px);z-index:200;background:#000000b8;align-items:flex-end;display:flex;position:fixed;inset:0}@media (height>=600px) and (width>=480px){.picker-backdrop{justify-content:center;align-items:center}}.picker{background:var(--white);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:620px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 -16px 72px #0000008c,0 0 0 1px #00e6761f}@media (height>=600px) and (width>=480px){.picker{border-radius:20px;max-height:84vh;box-shadow:0 28px 100px #00000080,0 0 0 1px #00e6761a}}.picker__handle{background:var(--g200);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0}@media (width>=480px){.picker__handle{display:none}}.picker__header{border-bottom:1px solid var(--g100);background:linear-gradient(180deg, #e4f7ec80 0%, var(--white) 100%);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:16px 20px 14px;display:flex}.picker__sup{color:var(--mh);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;font-size:.67rem;font-weight:700}.picker__title{color:var(--txt);font-size:1.2rem;font-weight:900}.picker__close{background:var(--g100);width:32px;height:32px;color:var(--g600);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:all .14s;display:flex}.picker__close:hover{background:var(--g200);color:var(--txt)}.picker__seasons{border-bottom:1px solid var(--g100);scrollbar-width:none;flex-shrink:0;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.picker__seasons::-webkit-scrollbar{display:none}.stab{background:var(--g100);color:var(--g600);border:1.5px solid #0000;border-radius:20px;flex-shrink:0;padding:5px 14px;font-size:.78rem;font-weight:700;transition:all .14s}.stab:hover{border-color:var(--mh);color:var(--mh);background:var(--mh-lt)}.stab--active{background:linear-gradient(135deg, var(--mh-dk) 0%, var(--mh-mid) 100%);color:var(--white);border-color:var(--mh-mid);box-shadow:0 4px 14px #00c85359}.picker__search{flex-shrink:0;align-items:center;padding:10px 16px 6px;display:flex;position:relative}.picker__search-icon{color:var(--g400);pointer-events:none;position:absolute;right:28px}.picker__input{border:1.5px solid var(--g200);background:var(--off-white);width:100%;color:var(--txt);direction:rtl;border-radius:10px;outline:none;padding:9px 36px 9px 32px;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.picker__input:focus{border-color:var(--mh);background:var(--white);box-shadow:0 0 0 3px #00a6511f}.picker__clear{color:var(--g400);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;display:flex;position:absolute;left:24px}.picker__clear:hover{color:var(--txt)}.picker__grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));align-content:start;gap:10px;padding:12px 14px;display:grid;overflow-y:auto}.picker__grid::-webkit-scrollbar{width:4px}.picker__grid::-webkit-scrollbar-thumb{background:var(--g200);border-radius:2px}.picker__empty{text-align:center;color:var(--g400);flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;padding:40px 0;display:flex}.picker__empty span{font-size:2rem}.pcard{background:var(--white);border:2px solid var(--g100);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:14px 8px 10px;transition:all .16s;display:flex;box-shadow:0 2px 8px #0000000f}.pcard:hover{border-color:var(--mh);background:var(--mh-lt);transform:translateY(-3px);box-shadow:0 8px 20px #00a6512e}.pcard--selected{border-color:var(--mh);background:var(--mh-lt);box-shadow:0 0 0 3px #00a65133}.pcard__photo{background:var(--g100);border:2.5px solid var(--g200);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden}.pcard--selected .pcard__photo{border-color:var(--mh)}.pcard__photo img{object-fit:cover;object-position:top center;width:100%;height:100%}.pcard__fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pcard__check{color:var(--white);background:#00a651d1;justify-content:center;align-items:center;font-size:1.5rem;font-weight:900;display:flex;position:absolute;inset:0}.pcard__name{color:var(--txt);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.pcard__seasons{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.sbadge{background:var(--mh-lt);color:var(--mh-dk);white-space:nowrap;border:1px solid #006e3526;border-radius:20px;padding:2px 7px;font-size:.57rem;font-weight:700}.pcard--selected .sbadge{background:#00a65126}.picker__manual{border-top:1px solid var(--g100);background:var(--off-white);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px 14px;display:flex}.picker__manual-label{color:var(--g400);white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:700}.picker__input--manual{flex:1;padding:8px 12px;font-size:.85rem}.picker__manual-btn{background:var(--mh);color:var(--white);white-space:nowrap;border:none;border-radius:9px;flex-shrink:0;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .15s;box-shadow:0 2px 8px #00a6514d}.picker__manual-btn:hover:not(:disabled){background:var(--mh-dk)}.picker__manual-btn:disabled{opacity:.4;cursor:not-allowed}