:root{--bg-deep: #0a1628;--bg-card: #12203a;--bg-elevated: #1a2d4d;--accent: #00c853;--accent-glow: rgba(0, 200, 83, .25);--gold: #ffd54f;--text: #f0f4f8;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .08);--danger: #ff5252;--success: #69f0ae;--radius: 14px;--font-display: "Bebas Neue", sans-serif;--font-body: "Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text);min-height:100vh;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,200,83,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(255,213,79,.06),transparent)}.app{min-height:100vh;display:flex;flex-direction:column}.header{border-bottom:1px solid var(--border);background:#0a1628d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.header-inner{max-width:1100px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.75rem}.brand-icon{font-size:2rem;filter:drop-shadow(0 0 8px var(--accent-glow))}.brand h1{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.04em;line-height:1;color:var(--gold)}.brand p{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.nav{display:flex;gap:.5rem}.nav a{color:var(--text-muted);text-decoration:none;padding:.55rem 1.1rem;border-radius:999px;font-weight:500;font-size:.95rem;transition:all .2s;border:1px solid transparent}.nav a:hover{color:var(--text);background:var(--bg-elevated)}.nav a.active{color:var(--bg-deep);background:var(--accent);font-weight:600}.main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:2rem 1.5rem 3rem}.footer{border-top:1px solid var(--border);padding:1rem 1.5rem;text-align:center;font-size:.85rem;color:var(--text-muted)}.footer-note{opacity:.7}.page-title{font-family:var(--font-display);font-size:2.25rem;letter-spacing:.03em;margin-bottom:.35rem}.page-subtitle{color:var(--text-muted);margin-bottom:2rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card+.card{margin-top:1.25rem}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:600;margin-bottom:1rem}.squad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.squad-card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:all .2s;text-align:center;font-family:inherit;color:inherit}.squad-card:hover{border-color:#00c85366;transform:translateY(-2px)}.squad-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.squad-card img{width:56px;height:56px;object-fit:contain;margin-bottom:.5rem}.squad-card span{display:block;font-size:.85rem;font-weight:600;line-height:1.2}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem;color:var(--text-muted)}input[type=password],input[type=text],input[type=number],select{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:1rem}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.match-list{display:flex;flex-direction:column;gap:.75rem}.match-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;cursor:pointer;transition:all .2s;font-family:inherit;color:inherit;text-align:left;width:100%}.match-item:hover{border-color:#00c85359}.match-item.selected{border-color:var(--accent);background:#00c8530f}.match-item.locked{opacity:.55;cursor:not-allowed}.match-round{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);font-weight:600}.match-teams{font-weight:600;margin:.25rem 0;font-size:1.05rem}.match-meta{font-size:.8rem;color:var(--text-muted)}.score-picker{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1.5rem 0}.score-team{text-align:center;flex:1;max-width:160px}.score-team-name{font-size:.85rem;font-weight:600;margin-bottom:.75rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.score-select{width:80px;text-align:center;font-size:1.5rem;font-weight:700;padding:.5rem}.score-divider{font-family:var(--font-display);font-size:2rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border:none;border-radius:10px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent);color:var(--bg-deep);width:100%}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.alert{padding:.85rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem}.alert-error{background:#ff525226;border:1px solid rgba(255,82,82,.4);color:#ff8a80}.alert-success{background:#00c8531f;border:1px solid rgba(0,200,83,.35);color:var(--success)}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}.leaderboard-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.leaderboard-table tr:hover td{background:#ffffff05}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:.9rem}.rank-1{background:linear-gradient(135deg,#ffd54f,#ffb300);color:#1a1a1a}.rank-2{background:linear-gradient(135deg,#cfd8dc,#90a4ae);color:#1a1a1a}.rank-3{background:linear-gradient(135deg,#d7ccc8,#a1887f);color:#1a1a1a}.rank-other{background:var(--bg-elevated);color:var(--text-muted)}.squad-cell{display:flex;align-items:center;gap:.75rem}.squad-cell img{width:40px;height:40px;object-fit:contain}.points-total{font-family:var(--font-display);font-size:1.5rem;color:var(--gold);letter-spacing:.02em}.breakdown-pills{display:flex;gap:.4rem;flex-wrap:wrap}.pill{font-size:.7rem;padding:.2rem .5rem;border-radius:999px;background:var(--bg-elevated);color:var(--text-muted)}.match-detail-card{margin-top:1rem}.match-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.pred-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.pred-item{background:var(--bg-elevated);border-radius:8px;padding:.6rem .8rem;font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.pred-points{font-weight:700;color:var(--gold)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.two-col{grid-template-columns:1fr}.score-picker{gap:.75rem}.brand h1{font-size:1.4rem}}.kicktipp-wrap{padding:0;overflow:hidden}.kicktipp-wrap .kicktipp-table{display:block;overflow-x:auto;width:100%}.kicktipp-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:.85rem}.kicktipp-table th,.kicktipp-table td{padding:.65rem .5rem;text-align:center;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}.kicktipp-table thead th{background:var(--bg-elevated);font-weight:600}.kicktipp-result-row th{background:#00c8530f;padding-top:.35rem;padding-bottom:.5rem}.kicktipp-sticky{position:sticky;z-index:2;background:var(--bg-card)}.kicktipp-table thead .kicktipp-sticky{background:var(--bg-elevated)}.kicktipp-result-row .kicktipp-sticky{background:#00c8530f}.kicktipp-rank-col{left:0;min-width:52px}.kicktipp-squad-col{left:52px;text-align:left;min-width:160px;box-shadow:4px 0 8px #00000026}.kicktipp-total-col{right:0;min-width:56px;box-shadow:-4px 0 8px #00000026}.kicktipp-match-col{min-width:88px;max-width:100px}.kicktipp-match-num{display:block;font-size:.65rem;color:var(--gold);letter-spacing:.05em}.kicktipp-match-teams{display:block;font-size:.7rem;color:var(--text-muted);font-weight:500;white-space:normal;line-height:1.2;margin-top:.15rem}.kicktipp-result{font-weight:700;color:var(--success);font-size:.9rem}.kicktipp-result-pending{color:var(--text-muted)}.kicktipp-tip-cell{line-height:1.3}.kicktipp-tip{display:block;font-weight:600;font-size:.95rem}.kicktipp-tip-points{display:block;font-size:.75rem;font-weight:700;color:var(--gold);margin-top:.15rem}.kicktipp-tip-empty{color:var(--text-muted)}.kicktipp-total{font-size:1.25rem}.squad-cell-compact img{width:28px;height:28px}.squad-cell-compact span{font-size:.85rem;font-weight:600}