:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17251f;background:#f1f4f2;--green:#123c2f;--accent:#167451;--gold:#e8c65a}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:5;background:var(--green);color:white;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 3px 16px #001b1280}header div{display:flex;flex-direction:column}header small{opacity:.72}.brand-icon{width:36px;height:36px;border-radius:8px;display:block}header .header-button{width:auto;background:#ffffff18;border:1px solid #ffffff30;padding:9px 13px;min-height:40px}#helpButton{margin-left:auto}main{max-width:680px;margin:auto;padding:16px 14px 90px}.card,.score,.empty{background:white;border-radius:18px;padding:18px;box-shadow:0 5px 22px #123c2f12;margin-bottom:14px}h1{margin:2px 0;font-size:1.55rem}p{margin:5px 0;color:#617168}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.controls label{margin:10px 0}.status{display:inline-flex;margin-bottom:8px;padding:6px 10px;border-radius:99px;background:#d8f3e6;color:#08623f;font-size:.8rem;font-weight:750}.status.offline{background:#ffebc2;color:#7b4e00}label{display:block;font-weight:650;margin:14px 0;font-size:.9rem}input,select,button{width:100%;font:inherit;padding:12px;border:1px solid #c3cec8;border-radius:11px;background:white;color:inherit}button{background:var(--accent);color:white;border:0;font-weight:750;min-height:48px}.match-head{display:flex;justify-content:space-between;align-items:center;margin:10px 2px}.match-head p{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#64756d;font-weight:800}.score-total{width:72px;height:72px;border-radius:50%;background:var(--green);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-total strong{font-size:1.6rem;line-height:1}.score-total span{font-size:.7rem}.progress{height:7px;background:#dbe3df;border-radius:9px;overflow:hidden;margin-top:12px}.progress span{height:100%;display:block;background:var(--accent)}#gameOverview>small{color:#6b7c73}.score{border-left:5px solid #ccd6d1}.score.won{border-color:#159566}.score.lost{border-color:#ca4c43}.card-title{display:flex;justify-content:space-between;align-items:flex-start}.card-title>div{display:flex;flex-direction:column}.formation{font-size:1.08rem;font-weight:800}.card-title small{color:#728078}.result{font-size:.72rem;font-weight:800;padding:5px 8px;border-radius:99px}.result.win{color:#087443;background:#daf5e8}.result.loss{color:#a1241d;background:#fee4e2}details{margin:15px 0}summary{font-weight:750;cursor:pointer;padding:5px 0}.lineup{display:grid;grid-template-columns:1fr;gap:4px}.lineup label{margin:5px 0}.points{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;background:#f3f6f4;padding:12px;border-radius:13px}.points label{margin:0}.points>span{font-size:1.6rem;padding-bottom:8px;font-weight:700}.points select{font-size:1.25rem;font-weight:800;text-align:center}.sync{font-size:.84rem;margin:11px 2px;color:#607168}.sync.pending{color:#8a5900}.sync.ok{color:#087443}.sync.error{color:#b42318}.help-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.help-title h1{margin-top:0}.help-title button{width:auto;min-height:40px;padding:9px 13px}.help-page h2{font-size:1.1rem;margin:22px 0 6px}.help-note{background:#e5f3ec;border-left:4px solid var(--accent);border-radius:10px;padding:13px;margin:14px 0}.help-page p{line-height:1.5}.install-help{margin-top:24px;padding:17px;background:#f3f6f4;border-radius:14px}.install-help h2{margin-top:3px}.install-help h3{font-size:1rem;margin:18px 0 6px}.install-help ol{margin:8px 0;padding-left:22px}.install-help li{margin:7px 0;line-height:1.4}.help-small{font-size:.84rem;color:#607168;margin-bottom:0}#message{position:fixed;z-index:10;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));max-width:648px;margin:auto;padding:13px 15px;border-radius:12px;background:#26332e;color:white;display:none;box-shadow:0 6px 26px #0005}@media(max-width:430px){.controls{grid-template-columns:1fr}.controls label{margin:4px 0}.lineup select{font-size:16px}}