:root{color-scheme:light dark;--bg: #131B2E;--surface: #1D2740;--text: #F2F4F8;--muted: #9AA5BD;--accent: #4F8CFF;--pending: #E0A93B;--approved: #3FBF7F;--rejected: #E0623B;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}#app{max-width:480px;margin:0 auto;padding:env(safe-area-inset-top,0) 16px calc(24px + env(safe-area-inset-bottom,0))}.screen{padding-top:20px}.screen.loading,.screen.error,.screen.queued{text-align:center;padding-top:40vh}header h1{font-size:1.4rem;margin:0 0 2px}header .subtitle{color:var(--muted);margin:0 0 20px}.fixtures{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.fixture-row{background:var(--surface);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.fixture-row:focus-visible{outline:2px solid var(--accent)}.fixture-main{display:flex;flex-direction:column;gap:2px}.round{color:var(--muted);font-size:.8rem}.opponent{font-weight:600}.status{font-size:.85rem;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}.status-none{color:var(--muted);background:#9aa5bd1f}.status-overdue{color:var(--rejected);background:#e0623b26}.status-pending{color:var(--pending);background:#e0a93b26}.status-approved{color:var(--approved);background:#3fbf7f26}.status-rejected{color:var(--rejected);background:#e0623b26}.empty{color:var(--muted);text-align:center;margin-top:40px}.back{background:none;border:none;color:var(--accent);font-size:1rem;padding:0 0 12px;cursor:pointer}.score-row{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}.score-sep{padding-bottom:12px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted);flex:1}.field-player{font-size:.9rem;color:var(--text)}input[type=number]{background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text);padding:12px;font-size:1.1rem;width:100%}input[type=number]:focus-visible{outline:2px solid var(--accent)}fieldset{border:none;padding:0;margin:0 0 16px}legend{color:var(--muted);font-size:.85rem;margin-bottom:8px;padding:0}button[type=submit]{width:100%;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:14px;font-size:1.05rem;font-weight:600;cursor:pointer}button[type=submit]:disabled{opacity:.6}.error-text{color:var(--rejected);font-size:.9rem}#retry,.queued button{margin-top:16px;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:1rem;cursor:pointer}.update-banner{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0));background:var(--surface);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 20px #0000004d}.update-banner button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer}