@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=JetBrains+Mono:wght@500;700&family=Noto+Sans:wght@400;500;600;700;800&display=swap";:root{--green-50: #e8f7e6;--green-100: #cdedca;--green-500: #3cac3b;--green-600: #2e8a2d;--green-700: #206420;--blue-500: #2a398d;--blue-700: #151f55;--red-500: #e61d25;--red-700: #910d13;--gold-500: #f5b400;--gold-700: #a67400;--paper: #fafaf7;--white: #ffffff;--ink-900: #0a0a0a;--ink-500: #5a5a5a;--ink-400: #8a8a8a;--ink-200: #d6d6d6;--ink-100: #ececec;--ink-50: #f5f5f3;--grad-tricolor: linear-gradient(135deg, #3cac3b 0%, #2a398d 55%, #e61d25 100%);--grad-green-blue: linear-gradient(135deg, #3cac3b 0%, #2a398d 100%);--bg: var(--paper);--bg-elev: var(--white);--bg-inset: var(--ink-50);--bg-inverse: var(--ink-900);--fg: var(--ink-900);--fg-muted: var(--ink-500);--fg-subtle: var(--ink-400);--border: var(--ink-200);--border-subtle: var(--ink-100);--accent: var(--green-500);--accent-hover: var(--green-600);--accent-pressed: var(--green-700);--font-display: "Archivo Black", "Noto Sans", system-ui, sans-serif;--font-body: "Noto Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--shadow-e1: 0 1px 2px rgba(10, 10, 10, .04), 0 2px 8px rgba(10, 10, 10, .06);--shadow-e2: 0 4px 12px rgba(10, 10, 10, .08), 0 12px 28px rgba(10, 10, 10, .1)}[data-theme=dark]{--bg: #0a0a0a;--bg-elev: #161616;--bg-inset: #050505;--bg-inverse: #fafaf7;--fg: #fafaf7;--fg-muted: #b3b3b3;--fg-subtle: #8a8a8a;--border: #242424;--border-subtle: #161616}:root{color:var(--fg);background:radial-gradient(circle at top,rgba(42,57,141,.12),transparent 40%),linear-gradient(180deg,#f3f2eb,#fafaf7);font-family:var(--font-body)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}#root{min-height:100vh}.mobile-shell{max-width:430px;min-height:100vh;margin:0 auto;background:#fafaf7eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-e2);display:grid;grid-template-rows:auto 1fr auto}.app-header{padding:1.5rem 1.25rem 1rem;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#3cac3b1f,#2a398d14)}.app-header h1,.hero-card h2,.surface-card h2,.surface-card h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}.eyebrow{margin:0 0 .35rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted)}.language-toggle{border:1px solid var(--border);background:var(--bg-elev);border-radius:999px;padding:.5rem .8rem;color:var(--fg)}.app-content{padding:1rem 1rem 6rem}.stack-lg{display:grid;gap:1rem}.stack-md{display:grid;gap:.75rem}.surface-card{background:var(--bg-elev);border:1px solid var(--border-subtle);border-radius:1.25rem;padding:1rem;box-shadow:var(--shadow-e1)}.hero-card{background:linear-gradient(145deg,#fffffffa,#e8f7e6f2)}.hero-card p,.muted-copy,.section-heading span,.fixture-card__foot,.rule-list,.rank-row,.leaderboard-table__row{color:var(--fg-muted)}.callout-banner{margin-top:1rem;border-radius:1rem;background:var(--grad-tricolor);color:#fff;padding:.9rem 1rem;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.section-heading.compact{margin-bottom:.75rem}.fixture-card{border-radius:1rem;border:1px solid var(--border-subtle);background:#ffffffd9;padding:.95rem}.fixture-card__meta,.fixture-card__teams,.fixture-card__foot,.rank-row,.leaderboard-table__row,.bottom-nav{display:flex;justify-content:space-between;align-items:center}.fixture-card__teams{margin:.8rem 0;font-size:1.05rem;color:var(--fg)}.status-pill{border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.status-pill--open{background:#2a398d1f;color:var(--blue-500)}.status-pill--closed{background:#e61d251f;color:var(--red-500)}.status-pill--finished{background:#3cac3b26;color:var(--green-700)}.rank-list,.leaderboard-table{display:grid;gap:.75rem}.rank-row,.leaderboard-table__row{padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.rank-row:last-child,.leaderboard-table__row:last-child{border-bottom:none;padding-bottom:0}.prediction-form{display:grid;gap:.85rem;margin-top:1rem}.prediction-form label{display:grid;gap:.35rem}.prediction-form input{border:1px solid var(--border);border-radius:.85rem;background:var(--bg-inset);padding:.85rem 1rem}.button{border:none;border-radius:.95rem;padding:.9rem 1rem;font-weight:800;cursor:pointer}.button--primary{background:var(--green-500);color:#fff}.button--ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}.rule-list{margin:0;padding-left:1rem;display:grid;gap:.45rem}.bottom-nav{position:sticky;bottom:0;background:#ffffffeb;border-top:1px solid var(--border-subtle);padding:.85rem 1rem 1.4rem}.bottom-nav__link{color:var(--fg-muted);text-decoration:none;font-weight:700}.bottom-nav__link.is-active{color:var(--green-500)}@media(min-width:768px){body{padding:2rem 0}.mobile-shell{border-radius:2rem;min-height:calc(100vh - 4rem)}}