:root{--green:#1f6f43;--green-dark:#155232;--text:#1b1f1d;--muted:#5b6560;--bg:#fff;--surface:#f2f5f3;--danger:#b3261e;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--text:#e8ece9;--muted:#a3ada7;--bg:#121514;--surface:#1d2220;--danger:#f2b8b5}}*{box-sizing:border-box}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}.page{max-width:640px;margin:0 auto;padding:16px}.narrow{max-width:400px}.center{text-align:center;margin-top:40vh}.bar{justify-content:space-between;align-items:center;display:flex}form{flex-direction:column;gap:12px;display:flex}label{flex-direction:column;gap:4px;font-weight:600;display:flex}input,textarea{font:inherit;border:1px solid var(--muted);background:var(--bg);color:var(--text);border-radius:8px;padding:12px;font-size:16px}button,.button{font:inherit;background:var(--green);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;text-decoration:none;display:block}button:disabled{opacity:.6}button.secondary{background:var(--surface);color:var(--text)}button.link{color:var(--green);background:0 0;width:auto;padding:8px 0}.divider{text-align:center;color:var(--muted)}.error{color:var(--danger)}.list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.list a{background:var(--surface);color:var(--text);border-radius:8px;padding:16px;text-decoration:none;display:block}h1{margin:8px 0 4px}h3{margin:0;font-size:1.05rem}a{color:var(--green)}.hint{color:var(--muted);font-size:.9rem}textarea{resize:vertical}.description{white-space:pre-wrap;background:var(--surface);border-radius:8px;margin:8px 0;padding:12px}button.chip:disabled{opacity:.4}.center-text{text-align:center}small{color:var(--muted);font-size:.85rem;font-weight:400;display:block}select{font:inherit;border:1px solid var(--muted);background:var(--bg);color:var(--text);border-radius:8px;padding:12px;font-size:16px}fieldset{border:none;flex-direction:column;gap:10px;margin:8px 0 0;padding:0;display:flex}legend{margin-bottom:4px;font-size:1.1rem;font-weight:700}label.row{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}input.points{text-align:center;width:80px}label.check{flex-direction:row;align-items:center;gap:8px;font-weight:400}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card{background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;margin:12px 0;padding:16px;display:flex}.card p{margin:0}.chips{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}button.chip{background:var(--surface);width:auto;color:var(--text);border:1px solid var(--muted);border-radius:999px;padding:8px 12px;font-weight:500}button.danger,.danger{color:var(--danger)}.invite{word-break:break-all;font-family:ui-monospace,monospace}.checks{flex-direction:column;gap:6px;max-height:280px;display:flex;overflow-y:auto}.tabs{border-bottom:1px solid var(--surface);gap:4px;margin:16px 0;display:flex}.tabs a{text-align:center;color:var(--muted);border-bottom:3px solid #0000;flex:1;padding:10px;font-weight:600;text-decoration:none}.tabs a.active{color:var(--green);border-bottom-color:var(--green)}.segmented{background:var(--surface);border-radius:10px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.segmented button{color:var(--muted);background:0 0;flex:1;padding:8px;font-weight:600}.segmented button.active{background:var(--bg);color:var(--text)}.stepper{justify-content:space-between;align-items:center;gap:12px;display:flex}.stepper button{width:48px}.matches{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.match{background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.match-meta{color:var(--muted);text-transform:capitalize;gap:8px;font-size:.85rem;display:flex}.live{color:var(--danger);text-transform:none;font-weight:700}.match-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.team{text-align:center;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:4px;min-width:0;font-size:.95rem;font-weight:600;display:flex}.crest{object-fit:contain;flex-shrink:0;width:28px;height:28px;display:inline-block}.score{text-align:center;min-width:64px;font-size:1.3rem;font-weight:700}.score-inputs{align-items:center;gap:6px;display:flex}.score-inputs input{text-align:center;width:48px;padding:10px 4px}.knockout{flex-direction:column;gap:8px;display:flex}.match-foot{flex-direction:column;gap:4px;font-size:.95rem;display:flex}.points-badge{color:var(--green);margin-left:8px}.others{flex-direction:column;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.others li{justify-content:space-between;gap:8px;font-size:.9rem;display:flex}.sticky-save{padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--bg);position:sticky;bottom:0}.ranking{border-collapse:collapse;width:100%}.ranking th,.ranking td{text-align:center;border-bottom:1px solid var(--surface);padding:10px 6px}.ranking th{color:var(--muted);font-size:.85rem;font-weight:600}.ranking .name{text-align:left}.ranking td.name{align-items:center;gap:8px;display:flex}.ranking tr.me{background:var(--surface)}.avatar{border-radius:50%;width:24px;height:24px}