:root{--bg:#0b111d;--frame:#0f1726;--panel:#131d30;--panel-2:#18243b;--line:#96aad224;--line-strong:#96aad247;--text:#e6ebf5;--muted:#8a99b6;--accent:#3b82f6;--accent-soft:#3b82f629;--ok:#34d399;--error:#f87171;--warn:#fbbf24;--bronze-1:#d39a68;--bronze-2:#8a5a33;--silver-1:#e2e8f0;--silver-2:#94a3b8;--gold-1:#fcd34d;--gold-2:#c08a12;--special-1:#c4a1ff;--special-2:#6d3fd1;--pitch-1:#2b7f48;--pitch-2:#287543;--radius:4px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:Inter,system-ui,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0 0 12px;font-weight:600}h1{font-size:18px}h2{align-items:center;gap:8px;font-size:15px;display:flex}h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.frame{background:var(--frame);border-inline:1px solid var(--line);max-width:1180px;min-height:100vh;margin:0 auto}.topbar{z-index:10;border-bottom:1px solid var(--line-strong);background:linear-gradient(#172a52,#13223f);align-items:center;gap:24px;height:48px;padding:0 16px;display:flex;position:sticky;top:0}.topbar a{color:var(--text);text-decoration:none}.logo{letter-spacing:.01em;white-space:nowrap;font-weight:700}.topbar nav{align-self:stretch;display:flex}.topbar nav>*{color:#c3cde0;border-bottom:2px solid #0000;align-items:center;padding:0 12px;font-size:13px;display:flex}.topbar nav a:hover{color:#fff}.topbar nav a.active{color:#fff;border-bottom-color:var(--accent)}.soon{opacity:.4;cursor:default}.account{align-items:center;gap:14px;margin-left:auto;display:flex}.gp{color:var(--gold-1);font-variant-numeric:tabular-nums;font-weight:600}main{padding:16px 16px 88px}.panel,.box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.box{padding:12px}.narrow{max-width:420px;margin:32px auto}.auth{max-width:360px;margin:40px auto}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:12px}form{gap:12px;display:grid}label{color:var(--muted);gap:4px;font-size:13px;display:grid}label.inline{align-items:center;gap:8px;display:flex}input,select{background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius);height:32px;color:var(--text);font:inherit;padding:0 10px}input:focus,select:focus{border-color:var(--accent);outline:none}input[type=color]{width:56px;padding:2px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}.upper{text-transform:uppercase}button,.button{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);color:#fff;height:32px;font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default;filter:none}button.ghost{border-color:var(--line-strong);color:var(--text);background:0 0}button.small{height:26px;padding:0 10px;font-size:12px}.error{color:var(--error);margin:0}.ok{color:var(--ok)}.auth a,.panel a:not(.button){color:var(--accent)}.actions{justify-content:flex-end;align-items:center;gap:16px;margin-top:16px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.toolbar h1,.toolbar h2,.toolbar h3{margin:0}.tabs{border-bottom:1px solid var(--line);gap:2px;display:flex}.tab{height:30px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 10px;font-size:12px;font-weight:500}.tab:hover{color:var(--text);filter:none}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.banner{border-radius:var(--radius);color:#fecaca;background:#f8717114;border:1px solid #f8717159;border-left-width:3px;margin-bottom:12px;padding:10px 14px}.crest{width:48px;height:56px}.club-home{align-items:center;gap:24px;display:flex}.club-home .crest{width:88px;height:100px}.flag{object-fit:cover;vertical-align:-1px;border-radius:1px;width:16px;height:12px;box-shadow:0 0 0 1px #00000040}.flag-missing{font-size:8px;display:inline-block}meter{width:100%;height:5px}meter::-webkit-meter-bar{background:#ffffff14;border:0;border-radius:2px}meter::-webkit-meter-optimum-value{background:var(--accent);border-radius:2px}meter::-moz-meter-bar{background:var(--accent)}.modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;max-width:min(860px,100vw - 32px);color:var(--text);padding:18px}.modal::backdrop{background:#03070fb3}.modal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.detail{grid-template-columns:200px 1fr;gap:20px;display:grid}.facts{grid-template-columns:auto 1fr;gap:5px 10px;margin:0;font-size:12px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.detail-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.face{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.face h3{color:var(--text);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.sub{grid-template-columns:1fr 24px 70px 28px;align-items:center;gap:6px;font-size:12px;line-height:1.7;display:grid}.sub b{color:#93c5fd;text-align:right;font-weight:600}.sub small{color:var(--muted);text-align:right}.tactics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}fieldset{border:0;margin:0;padding:0;display:flex}legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:12px}.chip{border:1px solid var(--line-strong);height:28px;color:var(--muted);text-transform:capitalize;cursor:pointer;flex:1;justify-content:center;align-items:center;margin-left:-1px;padding:0 8px;font-size:12px;display:inline-flex}.chip:first-of-type{border-radius:var(--radius) 0 0 var(--radius)}.chip:last-of-type{border-radius:0 var(--radius) var(--radius) 0}.chip:hover{color:var(--text)}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:#fff;position:relative}.chip input{opacity:0;pointer-events:none;position:absolute}.chip:has(input:focus-visible){outline:1px solid #fff}.roles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.table{border-collapse:collapse;width:100%;margin-top:12px;font-size:13px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}.table th{color:var(--muted);font-weight:500}.table tbody tr{cursor:pointer}.table tbody tr:hover,.table tbody tr.active{background:var(--panel-2)}.admin-editor form{margin-top:20px}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.stat-grid input{width:100%}@media (width<=860px){.detail{grid-template-columns:1fr}}@media (width<=700px){.topbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 16px 0;position:static}.topbar nav{order:3;width:100%;height:36px;overflow-x:auto}.club-home{text-align:center;flex-direction:column}}.card{--r1:var(--bronze-1);--r2:var(--bronze-2);border-radius:var(--radius);-webkit-user-select:none;user-select:none;background:linear-gradient(#1d2a44 0%,#121b2d 100%);border:1px solid #ffffff1a;flex-direction:column;width:108px;height:152px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0006}.rarity-silver{--r1:var(--silver-1);--r2:var(--silver-2)}.rarity-gold{--r1:var(--gold-1);--r2:var(--gold-2)}.rarity-special{--r1:var(--special-1);--r2:var(--special-2)}.card:before{content:"";background:linear-gradient(90deg, var(--r1), var(--r2));height:2px;position:absolute;inset:0 0 auto}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:#ffffff47}.card.clickable:focus-visible{outline:2px solid #fff}.card.selected{outline:2px solid var(--accent);outline-offset:1px}.card.dim{opacity:.35}.card-art{flex:1;justify-content:center;align-items:flex-end;min-height:0;display:flex}.avatar{width:82%;height:auto;max-height:100%}.card-tag{background:linear-gradient(160deg, var(--r1), var(--r2));color:#111827;border-radius:2px;justify-items:center;min-width:28px;padding:2px 4px 3px;line-height:1;display:grid;position:absolute;top:5px;left:5px}.rarity-special .card-tag{color:#fff}.card-ovr{font-size:17px;font-weight:700}.card-pos{letter-spacing:.02em;margin-top:1px;font-size:9px;font-weight:700}.card-alt{justify-items:end;gap:2px;display:grid;position:absolute;top:6px;right:5px}.card-alt span{color:#cbd5e1;background:#00000059;border:1px solid #ffffff1f;border-radius:2px;padding:0 3px;font-size:8px;font-weight:600;line-height:12px}.card-badges{gap:2px;display:grid;position:absolute;top:42px;left:5px}.badge{color:#0f172a;text-align:center;background:#e2e8f0;border-radius:2px;padding:0 3px;font-size:8px;font-weight:700;line-height:12px}.badge-C{background:var(--warn)}.card-info{background:#050911e0;border-top:1px solid #ffffff0f;padding:4px 6px 5px}.card-name{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.card-meta{color:#9fb0cc;align-items:center;gap:4px;margin-top:2px;font-size:9px;display:flex}.card-meta .flag{flex:none;width:13px;height:10px}.card-club{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.card-league{color:#cbd5e1;flex:none;font-weight:600}.card-training{background:#ffffff14;height:2px}.card-training span{background:#22d3ee;height:100%;display:block}.card-small{width:86px;height:122px}.card-small .card-ovr{font-size:14px}.card-small .card-tag{min-width:24px}.card-small .card-badges{top:36px}.card-small .card-name{font-size:10.5px}.card-small .card-meta{font-size:8px}.card-small .card-club{display:none}.card-small .card-meta{justify-content:space-between}.card-grid{flex-wrap:wrap;gap:10px;display:flex}.card-grid.small{gap:6px}.pick{justify-items:center;gap:6px;display:grid}.rarity-text-bronze{color:var(--bronze-1)}.rarity-text-silver{color:var(--silver-1)}.rarity-text-gold{color:var(--gold-1)}.rarity-text-special{color:var(--special-1)}.facts dd,.rarity-text-bronze,.rarity-text-silver,.rarity-text-gold,.rarity-text-special{text-transform:capitalize}.detail-side .card{width:150px;height:212px;margin:0 auto 12px}.detail-side .card-ovr{font-size:24px}.detail-side .card-name{font-size:14px}.detail-side .card-meta{font-size:10px}@media (width<=700px){.card-small{width:68px;height:98px}.card-small .card-alt{display:none}.card-small .card-ovr{font-size:12px}}.lineup-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.stat-pill{color:var(--muted);font-size:12px}.stat-pill b{color:var(--text);margin-left:4px;font-size:16px;font-weight:600}.lineup-layout{grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-bottom:16px;display:grid}.pitch{aspect-ratio:68/92;border-radius:var(--radius);background:linear-gradient(#ffffff73, #ffffff73) center / 100% 2px no-repeat, repeating-linear-gradient(180deg, var(--pitch-1) 0 10%, var(--pitch-2) 10% 20%);border:1px solid #ffffff59;max-width:640px;margin:0 auto;position:relative;overflow:hidden}.chem-lines{width:100%;height:100%;position:absolute;inset:0}.chem{stroke-width:.6px;stroke-linecap:round}.chem-0{stroke:#ffffff40}.chem-1{stroke:#ffe066}.chem-2{stroke:#b6f07a}.chem-3{stroke:#3cff9b;stroke-width:1px}.slot{justify-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.slot.can-drop .card,.slot.can-drop .empty-slot{outline:2px dashed var(--ok);outline-offset:1px}.slot.no-drop{opacity:.5}.slot-pos{background:#00000080;border-radius:4px;margin-top:2px;padding:0 6px;font-size:10px;font-weight:700}.empty-slot{border-radius:var(--radius);color:#fffc;background:#0003;border:1px dashed #ffffff80;width:86px;height:122px;padding:0;font-size:12px}.empty-slot:hover{background:#00000059}.empty-slot.selected{border-color:var(--accent)}.bench .empty-slot{border-color:var(--line);color:var(--muted)}.hint{color:var(--muted);text-align:center;font-size:13px}.lineup-side{align-content:start;align-self:start;gap:10px;max-height:calc(100vh - 160px);display:grid;position:sticky;top:72px;overflow-y:auto}.lineup-side h3{margin:6px 0 0}.attr{grid-template-columns:36px 1fr 28px;align-items:center;gap:8px;font-size:13px;display:grid}.attr b{text-align:right}.unity{gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.bench,.reserves .card-grid{grid-template-columns:repeat(auto-fill,86px);gap:6px;display:grid}.reserves .toolbar{margin:8px 0}.save-bar{z-index:5;border-top:1px solid var(--line-strong);background:#0f1726f7;justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100%);padding:12px 16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.issues{color:var(--warn);margin:0;padding-left:18px;font-size:13px}.tactics{grid-template-columns:1fr}.drag-ghost{z-index:50;pointer-events:none;opacity:.9;position:fixed;transform:translate(-50%,-50%)rotate(-3deg)}.lineup-page [data-spot] .card{cursor:grab}@media (width<=960px){.lineup-layout{grid-template-columns:1fr}.lineup-side{max-height:none;position:static}}@media (width<=700px){.empty-slot{width:68px;height:98px}.bench,.reserves .card-grid{grid-template-columns:repeat(auto-fill,68px)}}