:root{--navy: #1e4066;--navy-deep: #0f2440;--gold: #ffcc2a;--bg: #0a1220;--surface: #121c2c;--surface-2: #1a2638;--line: #26344a;--text: #e8edf3;--muted: #9aa7b6;--danger: #ff6b6b;--jersey-a: #f4f6f8;--jersey-b: #2f80ed;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}a{color:var(--gold)}button,input{font:inherit}.app{min-height:100%;display:flex;flex-direction:column}.content{flex:1;width:100%;max-width:860px;margin:0 auto;padding:16px 16px calc(96px + env(safe-area-inset-bottom))}.header{background:linear-gradient(180deg,var(--navy),var(--navy-deep));padding:calc(16px + env(safe-area-inset-top)) 16px 18px}.header .inner{max-width:860px;margin:0 auto;display:flex;align-items:center;gap:12px}.header h1{margin:0;font-size:26px;line-height:1.1;font-weight:900}.header p{margin:2px 0 0;color:#ffffffbf;font-size:14px}.header .back{background:none;border:0;color:#fff;font-size:26px;padding:4px 8px 4px 0;cursor:pointer}.header .spacer{flex:1}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.tabs a{flex:1;max-width:200px;text-align:center;text-decoration:none;color:var(--muted);font-size:13px;font-weight:600;padding:4px 0}.tabs a .ico{display:block;font-size:22px;line-height:1.2}.tabs a.active{color:var(--gold)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px}.card+.card{margin-top:10px}.card.link{cursor:pointer}.card.link:hover{border-color:var(--navy)}.list{display:flex;flex-direction:column;gap:10px}.section{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:18px 0 8px}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--muted);font-size:14px}.title{font-weight:700;font-size:17px}.avatar{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:900;font-size:15px;background:var(--navy);color:#fff;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.a{background:var(--jersey-a);color:#1b2433}.avatar.b{background:var(--jersey-b);color:#fff}.avatar.big{width:120px;height:120px;font-size:40px;border:3px solid var(--gold)}.pos{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:900;background:var(--surface-2);color:var(--muted)}.pos.top{background:var(--gold);color:var(--navy-deep)}.points{font-size:24px;font-weight:900;color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:14px 18px;cursor:pointer;font-weight:800;background:var(--gold);color:var(--navy-deep);width:100%;text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn.outline{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.text{background:transparent;color:var(--text);font-weight:600}.btn.danger{background:transparent;color:var(--danger);font-weight:600}.btn.small{width:auto;padding:8px 12px;font-size:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:13px;color:var(--muted);font-weight:600}.field input{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px 14px;outline:none}.field input:focus{border-color:var(--gold)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:600;font-size:14px}.chip.on{background:var(--gold);color:var(--navy-deep);border-color:var(--gold)}.tag{display:inline-block;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:900;letter-spacing:.06em}.tag.gold{background:var(--gold);color:var(--navy-deep)}.tag.grey{background:var(--surface-2);color:var(--muted)}.empty{text-align:center;padding:48px 16px;color:var(--muted)}.empty .ico{font-size:44px}.empty h3{color:var(--text);margin:8px 0 4px}.error{color:var(--danger);text-align:center;padding:12px}.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translate(-50%);background:#e8e8ee;color:#111;padding:10px 16px;border-radius:12px;z-index:20;max-width:90%}.spinner{width:36px;height:36px;margin:48px auto;border-radius:50%;border:4px solid var(--line);border-top-color:var(--gold);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth{min-height:100%;display:flex;align-items:center;justify-content:center;gap:48px;background:linear-gradient(180deg,var(--navy),var(--navy-deep));padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));flex-direction:column}.auth .brand{text-align:center}.auth .brand img{height:120px}.auth .brand h1{margin:12px 0 0;font-size:36px;font-weight:900}.auth .brand p{margin:0;color:#fffc}.auth form{width:100%;max-width:420px}.auth .links{text-align:center;margin-top:12px;display:flex;flex-direction:column;gap:6px}.auth .links a{font-size:14px}@media (orientation: landscape) and (min-width: 700px){.auth{flex-direction:row}.auth .brand,.auth form{flex:1;max-width:420px}}.download .hero{text-align:center;padding:8px 0 16px}.download .hero img{height:140px}.download ol{padding-left:20px;margin:8px 0 0}.download li{margin-bottom:6px}