*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0d1b2a,#1b263b,#0d47a1);background-attachment:fixed;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff}.app{padding:16px;max-width:1400px;margin:0 auto}.header{text-align:center;padding:24px 0}.total-goals{font-size:72px;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(21,101,192,.8)}.total-label{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#ffffffb3}.error-banner{background:#f44336e6;padding:12px 16px;border-radius:8px;text-align:center;margin-bottom:16px}.progress-section{margin:24px 0}.progress-container{position:relative}.pins-track{position:relative;height:90px;margin-bottom:4px}.pin{position:absolute;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:1;transition:z-index 0s}.pin-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.4);background:#1565c0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;transition:transform .15s ease-out,box-shadow .15s ease-out}.pin-avatar img{width:100%;height:100%;object-fit:cover}.pin-line{width:3px;background:#fff6;border-radius:2px}.pin.row-0 .pin-line{height:50px}.pin.row-1 .pin-line{height:20px}.pin:hover{z-index:100}.pin:hover .pin-avatar{transform:scale(1.3);box-shadow:0 0 15px #00000080}.pin.winner .pin-avatar{border-color:#4caf50;box-shadow:0 0 12px #4caf50cc}.pin.winner .pin-line{background:#4caf50;box-shadow:0 0 8px #4caf5099}.scale-markers{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:#ffffff80}.main-content{display:flex;flex-direction:column;gap:24px}.main-content h2{font-size:16px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;color:#fffc}.leaderboard-section{background:#ffffff1a;border-radius:12px;padding:16px}.leaderboard{width:100%;border-collapse:collapse}.leaderboard th,.leaderboard td{padding:10px 8px;text-align:left}.leaderboard th{font-size:11px;text-transform:uppercase;color:#fff9;border-bottom:1px solid rgba(255,255,255,.2)}.leaderboard td{border-bottom:1px solid rgba(255,255,255,.1)}.leaderboard tr.winner{background:#4caf5033}.leaderboard tr.winner td{color:#4caf50;font-weight:600}.leaderboard .rank{font-weight:700;font-size:18px;width:30px}.leaderboard .avatar{width:40px}.leaderboard .avatar img,.leaderboard .avatar-placeholder{width:32px;height:32px;border-radius:50%;object-fit:cover}.avatar-placeholder{background:#1565c0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.leaderboard .name{font-weight:500}.leaderboard .prediction{color:#ffffffb3}.leaderboard .diff{font-weight:600;text-align:right}.matches-section{background:#ffffff1a;border-radius:12px;padding:16px}.match-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.match-card{background:#0000004d;border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center}.teams{display:flex;align-items:center;gap:8px;flex:1}.team{flex:1;font-size:13px;display:flex;align-items:center;gap:8px}.team.home{justify-content:flex-end}.team.away{justify-content:flex-start}.team-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.score{font-weight:700;font-size:16px;color:#64b5f6;min-width:50px;text-align:center}.match-time{font-size:12px;color:#fff9;min-width:40px;text-align:right}.empty{color:#ffffff80;text-align:center;padding:24px}.setup-container{max-width:500px;margin:0 auto;padding:24px 16px}.setup-container h1{text-align:center;margin-bottom:24px}.setup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.setup-header h1{margin:0}.login-form,.add-bet-form{display:flex;flex-direction:column;gap:12px}.input{padding:14px 16px;border:none;border-radius:8px;font-size:16px;background:#ffffff1a;color:#fff;outline:none}.input::placeholder{color:#ffffff80}.input:focus{background:#ffffff26}.file-input{display:block;padding:14px 16px;border-radius:8px;background:#ffffff1a;cursor:pointer;text-align:center}.file-input input{display:none}.file-input span{color:#ffffffb3}.btn{padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#1565c0;color:#fff}.btn-primary:hover{background:#1976d2}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#fff;text-decoration:none}.btn-secondary:hover{background:#fff3}.btn-danger{background:transparent;color:#f44336;padding:8px 12px;font-size:20px}.btn-danger:hover{background:#f4433633}.bets-list{margin-top:32px}.bets-list h2{font-size:16px;margin-bottom:16px;color:#fffc}.bets-list ul{list-style:none}.bet-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff1a;border-radius:8px;margin-bottom:8px}.bet-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.bet-avatar img{width:100%;height:100%;object-fit:cover}.bet-info{flex:1;display:flex;flex-direction:column}.bet-info strong{font-size:16px}.bet-info span{font-size:14px;color:#fff9}.error{color:#f44336;text-align:center;margin:12px 0}@media (min-width: 768px){.app{padding:24px}.total-goals{font-size:96px}.main-content{flex-direction:row}.leaderboard-section{flex:1;min-width:300px}.matches-section{flex:2}.match-list{max-height:500px}.pin-avatar{width:40px;height:40px;font-size:14px}.pin.row-0 .pin-line,.pin.row-1 .pin-line{height:30px}.pins-track{height:78px}}@media (min-width: 1024px){.pin-avatar{width:46px;height:46px}.pins-track{height:84px}}