:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#f8fafc;--accent: #60a5fa;--accent-press: #3b82f6;--surface: #111827;--surface-border: #1f2937;--muted: #94a3b8;--muted-2: #cbd5e1;--danger: #f87171}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh}.shell{max-width:32rem;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem max(3rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.25rem}.shell h1{font-size:1.75rem;margin:0}.tagline,.muted{color:var(--muted-2);margin:0}.muted{color:var(--muted)}.muted.small{font-size:.8125rem}.error{color:var(--danger);margin:0}.centered-status{padding:3rem 1rem;text-align:center;color:var(--muted)}@keyframes pickem-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes pickem-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.boot-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;text-align:center}.boot-screen .brand{font-size:2rem;font-weight:700;letter-spacing:-.02em;animation:pickem-pulse 1.6s ease-in-out infinite}.boot-screen .hint{color:var(--muted);font-size:.875rem;margin:0}.skel{background:linear-gradient(90deg,var(--surface-border) 0%,#2c3a55 50%,var(--surface-border) 100%);background-size:400px 100%;animation:pickem-shimmer 1.4s infinite linear;border-radius:.375rem;display:block}.skel-line{height:.875rem;margin:.5rem 0}.skel-line.lg{height:1.25rem}.skel-line.sm{height:.625rem}.skel-line.w-100{width:100%}.skel-line.w-75{width:75%}.skel-line.w-50{width:50%}.skel-line.w-33{width:33%}.skel-line.w-25{width:25%}.skel-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.skel-row .skel-line{margin:0;flex:1}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:.875rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.card h2{font-size:1rem;margin:0;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}label{font-size:.8125rem;color:var(--muted)}input[type=email],input[type=text],input[type=password],select{width:100%;background:#0b1220;border:1px solid var(--surface-border);border-radius:.5rem;padding:.75rem .875rem;color:inherit;font:inherit;min-height:2.75rem}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{background:var(--accent);border:0;border-radius:.5rem;padding:.75rem 1rem;color:#0b1220;font:inherit;font-weight:600;min-height:2.75rem;cursor:pointer}button:hover:not(:disabled){background:var(--accent-press)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--muted-2);border:1px solid var(--surface-border);font-weight:500;padding:.5rem .875rem;min-height:2.25rem}button.ghost:hover:not(:disabled){background:var(--surface)}button.ghost.danger{color:var(--danger);border-color:#f8717159}button.ghost.danger:hover:not(:disabled){background:#f871711a}.link{color:var(--accent);text-decoration:none}.link:hover{text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9rem;background:#0b1220;padding:.125rem .375rem;border-radius:.25rem;border:1px solid var(--surface-border)}.invite-snippet{background:#0b1220;border:1px dashed var(--surface-border);border-radius:.5rem;padding:.75rem .875rem;display:flex;flex-direction:column;gap:.375rem}.invite-snippet code{font-size:1.125rem;letter-spacing:.05em;align-self:flex-start}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.topbar p{margin-top:.25rem;font-size:.875rem}.group-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.group-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .875rem;background:#0b1220;border:1px solid var(--surface-border);border-radius:.5rem}.group-name{font-weight:500}.role{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.125rem .5rem;border-radius:999px;color:var(--muted);border:1px solid var(--surface-border)}.role-admin{color:#fbbf24;border-color:#fbbf244d}pre{margin:0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.875rem;white-space:pre-wrap}input[type=datetime-local]{width:100%;background:#0b1220;border:1px solid var(--surface-border);border-radius:.5rem;padding:.75rem .875rem;color:inherit;font:inherit;min-height:2.75rem;color-scheme:dark}.fixtures{display:flex;flex-direction:column;gap:1rem}.fixtures-day-label{margin:0 0 .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.fixtures-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.fixture{display:grid;grid-template-columns:auto 1fr;row-gap:.25rem;column-gap:.75rem;padding:.75rem .875rem;background:#0b1220;border:1px solid var(--surface-border);border-radius:.5rem;text-decoration:none;color:inherit}.fixture:hover{border-color:var(--accent)}.fixture-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.875rem;grid-row:1}.fixture-teams{font-weight:500;grid-row:1}.fixture-meta{grid-column:1 / -1;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--muted)}.fixture-score{font-variant-numeric:tabular-nums;font-weight:600;color:var(--muted-2)}.badge{display:inline-block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid rgba(96,165,250,.4);border-radius:999px;padding:.05rem .5rem}.score-line{display:flex;gap:.75rem;align-items:baseline;font-size:1.125rem;margin:0}.score-line strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.prediction-form{display:flex;flex-direction:column;gap:.75rem}.prediction-row{display:flex;align-items:flex-end;gap:.75rem}.prediction-row label{display:flex;flex-direction:column;gap:.25rem;flex:1}.prediction-row input{font-size:1.5rem;font-variant-numeric:tabular-nums;text-align:center}.prediction-sep{font-size:1.5rem;padding-bottom:.4rem}.picks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.picks-list li{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .06))}.pick-score{font-variant-numeric:tabular-nums}.leaderboard{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;counter-reset:rank}.leaderboard li{display:grid;grid-template-columns:2.5rem 1fr auto auto;gap:.75rem;align-items:baseline;padding:.35rem 0;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .06))}.leaderboard-you{background:#60a5fa14;border-radius:.35rem;padding-left:.4rem;padding-right:.4rem}.leaderboard-rank{font-variant-numeric:tabular-nums;color:var(--muted)}.leaderboard-points{font-variant-numeric:tabular-nums}.tournament-picks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem}.tournament-pick{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .06))}.tournament-pick-header{display:flex;justify-content:space-between;align-items:baseline}.tournament-pick-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.tournament-pick-form select{flex:1;min-width:8rem}.bonus-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.bonus-question{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .06))}.bonus-question-header{display:flex;justify-content:space-between;align-items:baseline}.bonus-answer-form,.bonus-correct-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.bonus-correct{color:#6ee7b7}.bonus-create-form{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border-soft, rgba(255, 255, 255, .12))}.bonus-create-form label{display:flex;flex-direction:column;gap:.25rem}.bonus-create-form textarea{font-family:inherit}.install-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:linear-gradient(135deg,#60a5fa29,#60a5fa0f);border:1px solid rgba(96,165,250,.35);border-radius:.875rem;padding:.875rem 1rem}.install-banner-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.install-banner-text strong{font-size:.9375rem}.install-banner-actions{display:flex;gap:.4rem;flex-shrink:0}.install-banner-actions button{padding:.45rem .75rem;min-height:2rem;font-size:.875rem}.notif-prefs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.notif-prefs li{padding:.5rem 0;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .06))}.notif-pref-row{display:flex;align-items:flex-start;gap:.75rem;color:inherit;font-size:.9375rem;cursor:pointer}.notif-pref-row input[type=checkbox]{margin-top:.2rem;width:1.1rem;height:1.1rem;accent-color:var(--accent)}.notif-pref-row>span{display:flex;flex-direction:column;gap:.1rem}.notif-pref-label{font-weight:500}.topbar-actions{display:flex;gap:.5rem;align-items:center}.button-like{display:inline-flex;align-items:center;text-decoration:none}.custom-match-admin{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.custom-match-admin li{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .06))}