:root{color-scheme:dark;--bg:#080b09;--panel:#111814;--line:#26352b;--muted:#91a598;--green:#50eb8d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f8f4;font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}header,main,footer{max-width:1240px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:34px;font-weight:900;letter-spacing:-2px}.brand span{display:block;color:var(--muted);font-size:10px;letter-spacing:.09em;text-transform:uppercase}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:14px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0 32px}.toolbar>a{color:var(--muted);font-size:14px}button,.action{border:0;border-radius:9px;padding:13px 20px;background:var(--green);color:#07130b;font:700 14px system-ui;cursor:pointer}button:disabled{opacity:.5}.eyebrow{color:var(--green);text-transform:uppercase;font-size:11px;letter-spacing:.14em}.hero{margin:24px 0 32px}.hero h1{font-size:clamp(28px,5vw,52px);line-height:1.15;letter-spacing:-.03em;margin:12px 0}.muted,small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;margin:0 0 24px;overflow:hidden}.panel h2{margin:0 0 22px;font-size:24px}.team-head{display:flex;align-items:center;gap:16px;margin-bottom:26px}.logo{height:62px;width:62px;object-fit:contain}.team-head h2{margin:0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px}.metric{border:1px solid var(--line);padding:17px 13px;border-radius:9px}.metric strong{display:block;font-size:28px;line-height:1.25}.metric span{font-size:12px;color:var(--muted)}.facts{margin:0}.fact{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:13px 0;border-top:1px solid var(--line)}.fact dt{color:var(--muted);font-size:13px}.fact dd{margin:0;text-align:right;font-size:14px}.form{display:flex;gap:6px}.form b{font-size:12px;padding:4px 10px;border-radius:4px;background:#293f30}.form .win{background:#16452c;color:#8df0b2}.form .loss{background:#462329;color:#ffa9b4}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{text-align:left;padding:14px 13px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border:0}.score{font-size:44px;text-align:center;font-weight:800}.match-link{display:grid;grid-template-columns:125px 1fr 70px 1fr;gap:15px;border-top:1px solid var(--line);padding:16px 0;align-items:center}.match-link small{font-size:12px}.match-link strong{text-align:center}.empty{color:var(--muted);padding:18px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards .panel{margin:0}.news-body{white-space:pre-wrap}.field{display:flex;flex-direction:column;gap:6px;margin:10px 0}input,select{padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:inherit;font:inherit}.error{color:#ffb4bd}.note{font-size:12px;color:var(--muted)}footer{color:var(--muted);font-size:12px;border-top:1px solid var(--line);margin-top:36px}[hidden]{display:none!important}@media(max-width:740px){header{align-items:start;flex-direction:column;padding:18px}main{padding:18px}.grid,.cards{grid-template-columns:1fr}.panel{padding:18px}.metrics{gap:7px}.metric{padding:12px 8px}.metric strong{font-size:23px}.match-link{grid-template-columns:1fr 58px 1fr;gap:8px;font-size:13px}.match-link small{grid-column:1/-1}.fact{gap:12px}.fact dd{max-width:60%}nav{gap:14px}.toolbar button{padding:12px}h2{font-size:21px}}
.protocol-tools{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.protocol-editor textarea{width:100%;background:var(--bg);color:inherit;border:1px solid var(--line);padding:12px;font:inherit;border-radius:8px}.protocol-editor input[type=number]{width:90px}.protocol-editor table select{min-width:115px}.event-row{display:grid;grid-template-columns:90px 1fr 1fr;gap:8px;padding:15px 0;border-top:1px solid var(--line)}.event-row select{max-width:100%}.event-row label{font-size:12px;color:var(--muted)}.protocol-editor summary{cursor:pointer;font-size:22px;font-weight:700}.event-row button{background:#482530;color:#ffc0c8;padding:9px}.protocol-editor input[type=checkbox]{width:18px;height:18px}@media(max-width:600px){.event-row{grid-template-columns:1fr 1fr}.event-row input{width:100%!important}}

.team-visual{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.team-brand{flex:1 1 140px;min-width:0;text-align:center}.team-brand h2{overflow-wrap:anywhere;margin:12px 0}
.team-emblem{height:160px;width:100%;max-width:190px;object-fit:contain}
.kit-photo{flex:1 1 150px;min-width:0;max-width:290px;margin:0;text-align:center}.kit-photo a{display:block}
.kit-photo img{display:block;width:100%;height:245px;object-fit:contain}.kit-photo figcaption{color:var(--muted);font-size:12px;margin-top:10px}
@media(max-width:480px){.team-visual{gap:12px}.team-brand,.kit-photo{flex-basis:115px}.team-emblem{height:130px}.kit-photo img{height:205px}.team-brand h2{font-size:20px}}

.jersey-badge{display:inline-block;font-weight:800;padding:2px 6px;background:#193124;border-radius:6px}.transfer-timeline{list-style:none;padding:0;margin:0;display:grid;gap:16px}.transfer-timeline li{padding:12px 0 12px 18px;border-left:3px solid var(--green)}.transfer-timeline time{display:block;color:var(--muted);font-size:12px}.transfer-timeline strong{display:block}

.current-membership{display:block;margin-bottom:8px}

.protocol-event-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.protocol-event-actions button{flex:1 1 180px}.protocol-event-actions .event-yellow{background:#e7c84c;color:#171405}.protocol-event-actions .event-red{background:#c52c40;color:#fff}.event-row{border:1px solid var(--line);border-left:4px solid #577466;border-radius:12px;padding:16px;margin:18px 0}.event-row[data-kind=yellow_card]{border-left-color:#e7c84c}.event-row[data-kind=red_card],.event-row[data-kind=second_yellow_red]{border-left-color:#ed465b}.event-row[data-kind=penalty_awarded]{border-left-color:#60abff}.penalty-result-actions{grid-column:1/-1}.penalty-result-actions button{margin:5px 5px 5px 0;background:#254a36;color:#b7f6d0}.penalty-result-actions p{margin:8px 0}.event-row input,.event-row select{width:100%;min-width:0;max-width:100%}.event-row label{display:flex;flex-direction:column;gap:6px}@media(max-width:760px){.event-row{padding:14px}.protocol-event-actions button,.penalty-result-actions button{width:100%}}

.match-state{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:800}.match-state.live{background:#ba1934;color:white;border-color:#ef3959}.match-filters{margin:16px 0 24px;gap:10px}.match-filters .action{background:#1c3024;color:#dcf7e6}.match-filters .selected{background:#50eb8d;color:#07130b}.match-mvp{color:#ffdc60;font-weight:800}

/* Stage1W: compact mobile protocol workflow */
.protocol-wizard [hidden]{display:none!important}
.protocol-wizard-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0;padding:12px;background:var(--surface,#f1f4fa);border-radius:16px}
.protocol-wizard-nav button{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:inherit;border:0;padding:10px 4px;min-height:48px}
.protocol-wizard-nav b{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#e5e9f2;color:#18213d}
.protocol-wizard-nav [aria-current=step]{color:#d00088;font-weight:700}
.protocol-wizard-nav [aria-current=step] b,.wizard-primary{background:linear-gradient(110deg,#ef008d,#5700ef)!important;color:white!important}
.protocol-step{padding:12px 0}.protocol-step>h2{margin:4px 0 16px}.protocol-review{display:grid;grid-template-columns:1fr 1fr;gap:12px}.protocol-review article{padding:16px;border:1px solid #b9c0d4;border-radius:12px}.protocol-review>p{grid-column:1/-1}
.protocol-wizard[data-active-step="0"] [data-squad-toggle="captain"]{display:none}
.protocol-wizard .squad-list-heading{display:none}.protocol-wizard .protocol-section{margin-top:8px}
@media(max-width:700px){.protocol-wizard-nav{gap:2px;padding:8px 0}.protocol-wizard-nav button{flex-direction:column;font-size:12px}.protocol-wizard .squad-teams,.protocol-wizard .formation-teams,.protocol-review{grid-template-columns:1fr}.protocol-wizard .protocol-savebar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.protocol-wizard .protocol-savebar button{min-height:48px;margin:0}.protocol-wizard #editor-status{grid-column:1/-1}.protocol-wizard .event-player-filters{grid-template-columns:1fr}}
.protocol-team-tabs{display:none}
.protocol-wizard .protocol-event-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.protocol-wizard .protocol-event-actions button{min-height:54px;padding:8px}
@media(max-width:700px){.protocol-wizard[data-active-step="0"] .protocol-team-tabs,.protocol-wizard[data-active-step="1"] .protocol-team-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.protocol-team-tabs button{min-height:48px;padding:8px}.protocol-team-tabs [aria-pressed=true]{background:linear-gradient(110deg,#ef008d,#5700ef);color:white}.protocol-wizard[data-selected-team="0"] .squad-team:nth-child(2),.protocol-wizard[data-selected-team="1"] .squad-team:nth-child(1),.protocol-wizard[data-selected-team="0"] [data-formation-team]:nth-child(2),.protocol-wizard[data-selected-team="1"] [data-formation-team]:nth-child(1){display:none}.protocol-wizard .protocol-event-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.toolbar:has(#profile-png-design:not([hidden])){flex-wrap:wrap}
#profile-png-options,#profile-png-mode-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}
#profile-png-options[hidden],#profile-png-mode-label[hidden]{display:none}
#profile-png-design,#profile-png-mode{max-width:min(270px,75vw);min-height:42px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:inherit}
@media(max-width:650px){#profile-png-options,#profile-png-mode-label{flex:1 1 100%;justify-content:space-between}#profile-png-design,#profile-png-mode{width:65%}}

/* PNG backdrop controls: theme styling stays independent from the uploaded image. */
.png-bg-controls{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:8px;align-items:end;grid-column:1/-1;width:100%;padding:10px;border:1px solid var(--line,#334155);border-radius:10px;background:color-mix(in srgb,var(--panel,#101827) 88%,transparent)}
.png-bg-controls label{display:grid!important;gap:5px!important;min-width:0;font-size:12px!important;color:var(--muted,#94a3b8)!important}
.png-bg-controls select,.png-bg-controls input[type=file]{width:100%;min-height:40px;box-sizing:border-box;padding:7px;border:1px solid var(--line,#334155);border-radius:7px;background:var(--panel2,var(--panel,#101827));color:var(--text,#fff)}
.png-bg-controls input[type=range]{width:100%;accent-color:var(--accent,#7c3aed)}
.png-bg-controls .png-bg-check{display:flex!important;align-items:center;gap:7px!important;min-height:40px}.png-bg-controls .png-bg-check input{width:auto}.png-bg-controls [hidden]{display:none!important}
@media(max-width:760px){.png-bg-controls{grid-template-columns:1fr 1fr}}@media(max-width:460px){.png-bg-controls{grid-template-columns:1fr}}