@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@400;500;600;700;800&display=swap');

:root { color-scheme: light; --bg:#efefef; --surface:#fff; --surface2:#e4e7ee; --ink:#111214; --muted:#56585e; --head:#13234a; --accent:#3a45e0; --head-accent:#9cc4ff; --line:#dfe2e8; --red:#c4252f; }
@media (prefers-color-scheme: dark) { :root { color-scheme:dark; --bg:#060912; --surface:#1b2234; --surface2:#2a3348; --ink:#f3f6fc; --muted:#c2cadc; --line:#35405a; --accent:#9cc4ff; } }
* { box-sizing:border-box } body { margin:0; min-width:320px; color:var(--ink); background:radial-gradient(circle at 85% 20%,#c5d8ff 0,transparent 23rem),var(--bg); font:15px/1.35 Geologica,Arial,sans-serif; }
button,input { font:inherit } button { border:0; cursor:pointer } .shell { max-width:560px; min-height:100dvh; margin:auto; padding-bottom:105px; }.header { min-height:126px; padding:calc(env(safe-area-inset-top) + 13px) 20px 19px; color:#fff; background:var(--head); border-radius:0 0 36px 36px; }.header-row { display:flex; align-items:center; justify-content:space-between; gap:14px }.eyebrow,.section-title { letter-spacing:.07em; font-size:11px; font-weight:700; text-transform:uppercase }.eyebrow { color:rgba(255,255,255,.75); margin-top:2px }.title { margin:0; font-size:21px; font-weight:700; letter-spacing:-.01em; text-transform:uppercase }.tournament-button { min-width:40px; height:40px; padding:0 11px; color:#fff; background:rgba(255,255,255,.13); border-radius:12px; font-size:20px }.content { padding:6px 16px 18px }.section-title { margin:25px 4px 12px; color:var(--accent) }.card { background:var(--surface); border-radius:18px; box-shadow:0 1px 1px rgba(15,23,42,.03) }.game { display:grid; grid-template-columns:1fr 62px 1fr; align-items:center; min-height:143px; padding:15px 14px; text-align:center }.club { min-width:0; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase }.logo,.avatar { display:grid; place-items:center; margin:0 auto 8px; color:var(--head); background:linear-gradient(145deg,#dbe8ff,#9cc4ff); font-weight:800 }.logo { width:54px; height:54px; border-radius:50%; font-size:17px }.score { font-size:28px; font-weight:700; font-variant-numeric:tabular-nums; letter-spacing:.08em }.time { color:var(--muted); font-size:12px; font-weight:600 }.tag { display:inline-block; margin-top:3px; padding:2px 7px; color:var(--accent); background:color-mix(in srgb,var(--accent) 12%,transparent); border-radius:7px; font-size:10px; font-weight:800 }.divider { display:flex; gap:10px; align-items:center; margin:23px 4px 12px; color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase }.divider:before,.divider:after { content:''; height:1px; flex:1; background:var(--line) }.list { display:grid; gap:10px }.team,.player { display:flex; align-items:center; gap:12px; min-height:76px; padding:10px 14px; text-align:left; width:100%; color:inherit }.team .logo { flex:0 0 auto; width:48px; height:48px; margin:0; font-size:14px }.team-main { flex:1; min-width:0 }.name { overflow:hidden; font-weight:600; text-overflow:ellipsis; white-space:nowrap }.detail { margin-top:3px; color:var(--muted); font-size:12px }.standing { display:grid; grid-template-columns:repeat(2,auto); column-gap:10px; text-align:right; font-variant-numeric:tabular-nums }.standing b { font-size:18px }.standing small { color:var(--muted); font-size:10px; font-weight:700; text-transform:uppercase }.rank { min-width:23px; color:var(--accent); font-weight:800 }.rank.top { color:#bf8710 }.segmented { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:12px 0 6px; padding:4px; background:color-mix(in srgb,var(--head) 11%,transparent); border-radius:18px }.segmented button { height:36px; border-radius:14px; color:var(--muted); background:transparent; font-size:13px; font-weight:700 }.segmented button.active { color:#fff; background:var(--head) }.player { min-height:64px }.avatar { flex:0 0 auto; width:42px; height:42px; margin:0; border-radius:50% }.points { margin-left:auto; color:var(--accent); font-size:20px; font-weight:800; font-variant-numeric:tabular-nums }.empty { display:grid; min-height:260px; place-content:center; padding:32px; color:var(--muted); text-align:center }.empty h2 { margin:12px 0 5px; color:var(--ink); font-size:20px }.empty-icon { font-size:46px }.primary,.secondary,.danger { width:100%; min-height:52px; margin-top:14px; border-radius:18px; font-weight:700 }.primary { color:#fff; background:var(--head) }.secondary { color:var(--head); background:#dbe8ff }.danger { color:#fff; background:var(--red) }.profile { padding:20px 16px }.profile-hero { padding:18px; text-align:center }.profile-hero .avatar { width:84px; height:84px; margin:auto auto 12px; font-size:28px }.profile-hero h2 { margin:0; font-size:21px; text-transform:uppercase }.bottom-nav { position:fixed; z-index:5; bottom:0; left:50%; display:flex; width:min(560px,100%); min-height:91px; padding:9px 8px calc(14px + env(safe-area-inset-bottom)); transform:translateX(-50%); background:color-mix(in srgb,var(--surface) 78%,transparent); border-radius:30px 30px 0 0; backdrop-filter:blur(26px); box-shadow:0 -4px 20px rgba(15,23,42,.08) }.tab { flex:1; display:grid; place-content:center; gap:3px; min-width:0; min-height:56px; color:var(--muted); background:transparent; border-radius:17px; font-size:10px; font-weight:600 }.tab .tab-icon { font-size:20px; line-height:20px }.tab.active { color:#fff; background:var(--head) }.sheet-wrap { position:fixed; inset:0; z-index:10; display:flex; align-items:end; background:rgba(6,9,18,.42) }.sheet { width:min(560px,100%); max-height:75dvh; margin:auto auto 0; padding:10px 16px calc(22px + env(safe-area-inset-bottom)); overflow:auto; background:var(--surface); border-radius:32px 32px 0 0 }.handle { width:42px; height:5px; margin:0 auto 16px; background:var(--surface2); border-radius:9px }.sheet h2 { margin:0 4px 10px; font-size:20px; text-transform:uppercase }.sheet-row { display:flex; align-items:center; width:100%; min-height:55px; padding:0 4px; color:var(--ink); background:transparent; border-bottom:1px solid var(--line); text-align:left; font-weight:700 }.check { margin-left:auto; color:var(--accent); font-size:18px }.field { width:100%; min-height:52px; margin:10px 0 0; padding:0 16px; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:18px }.notice { margin:15px 0; padding:12px 14px; color:var(--muted); background:color-mix(in srgb,var(--accent) 10%,transparent); border-radius:14px; font-size:13px }.loading { display:grid; gap:12px; padding:20px 0 }.skeleton { height:92px; background:linear-gradient(90deg,var(--surface2) 25%,color-mix(in srgb,var(--surface2) 60%,#fff) 50%,var(--surface2) 75%); background-size:200% 100%; border-radius:18px; animation:shimmer 1.2s infinite } @keyframes shimmer { to { background-position:-200% 0 } }
.calendar{margin:-6px -16px 0;padding:14px 16px 17px;color:#fff;background:var(--head);border-radius:0 0 32px 32px}.calendar-month{text-align:center;text-transform:capitalize;font-weight:700}.days{display:flex;gap:7px;margin-top:12px;overflow-x:auto;scrollbar-width:none}.day{position:relative;display:grid;min-width:45px;height:61px;place-items:center;color:#dbe8ff;background:transparent;border-radius:16px}.day span{font-size:10px;font-weight:700;text-transform:uppercase}.day b{font-size:16px}.day i{position:absolute;bottom:4px;font-size:9px;font-style:normal}.day.selected{color:var(--head);background:#fff}.day.special{background:rgba(255,255,255,.14)}.day.special.selected{background:#fff}.stat-input{width:54px;min-height:42px;margin:0;padding:0 8px;text-align:center}