*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e6e6e6}.muted{color:#888}.error{color:#ff6b6b;font-size:.9em}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.login-screen h1{font-size:2rem;margin:0}.twitch-btn{margin-top:12px;padding:10px 22px;background:#9146ff;color:#fff;text-decoration:none;border-radius:6px;font-weight:600}.twitch-btn:hover{background:#7c2df0}.app-shell{max-width:960px;margin:0 auto;padding:24px 16px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar-left{display:flex;align-items:center;gap:24px}.topbar h1{font-size:1.4rem;margin:0}.tabs{display:flex;gap:8px}.tab{background:none;border:1px solid #333;color:#ccc;border-radius:4px;cursor:pointer;padding:6px 14px;font-size:.9rem}.tab:hover{border-color:#666}.tab.active{background:#4c7cf0;border-color:#4c7cf0;color:#fff;font-weight:600}.user-box{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%}.logout-btn,.remove-btn,.settings-btn{background:none;border:1px solid #333;color:#ccc;border-radius:4px;cursor:pointer;padding:4px 10px}.logout-btn:hover,.remove-btn:hover,.settings-btn:hover{border-color:#666}.settings-btn{font-size:1rem;line-height:1;padding:4px 8px}.settings-btn.active{background:#4c7cf0;border-color:#4c7cf0;color:#fff}.add-account-form{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.add-account-form select,.add-account-form input{background:#1a1d24;border:1px solid #333;color:#e6e6e6;padding:8px 10px;border-radius:4px;font-size:.95rem}.add-account-form input{flex:1;min-width:180px}.add-account-form button{background:#4c7cf0;border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600}.add-account-form button:disabled{opacity:.6;cursor:default}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.account-card{background:#161920;border:1px solid #262a33;border-left:4px solid #666;border-radius:8px;padding:16px}.account-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.account-card-header h3{margin:0;font-size:1.05rem}.tag{color:#888;font-weight:400;margin-left:4px}.in-game-badge{display:inline-block;background:#f44336;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:2px 6px;border-radius:4px;margin-left:8px;vertical-align:middle}.remove-btn{line-height:1;padding:2px 8px}.rank-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:.95rem}.rank-tier{font-weight:600}.rank-wl{color:#aaa}.match-icons{display:flex;flex-wrap:wrap;gap:6px}.champ-icon{width:36px;height:36px;border-radius:50%;object-fit:cover;border:3px solid transparent}.champ-icon.win{border-color:#4caf50}.champ-icon.loss{border-color:#f44336}.leaderboard-page{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}@media(max-width:720px){.leaderboard-page{grid-template-columns:1fr}}.recent-matches{background:#161920;border:1px solid #262a33;border-radius:8px;padding:14px}.recent-matches h2{margin:0 0 10px;font-size:1rem}.recent-matches-list{max-height:640px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.recent-match{display:flex;align-items:center;gap:10px}.recent-match-info{display:flex;flex-direction:column;flex:1;min-width:0}.recent-match-user{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-match-kda{font-size:.78rem}.recent-match-time{font-size:.76rem;white-space:nowrap}.kda-low{color:#f44336;font-weight:700}.kda-high{color:#4d9dff;font-weight:700}.kda-extreme{color:#ff9800;font-weight:700}.new-games-btn{display:block;width:100%;margin-top:14px;padding:10px;background:#4c7cf0;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer}.new-games-btn:hover{background:#3f6ddb}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:grid;grid-template-columns:28px 32px 1fr auto auto;align-items:center;gap:12px;background:#161920;border:1px solid #262a33;border-radius:8px;padding:10px 14px}.lb-rank{color:#888;font-weight:700;text-align:center}.lb-name{font-weight:600}.lb-account{font-size:.85rem}.lb-tier{font-weight:600;white-space:nowrap;justify-self:end}.lb-wl{font-size:.85rem;white-space:nowrap}@media(max-width:640px){.leaderboard-row{grid-template-columns:24px 28px 1fr auto;grid-template-areas:"rank avatar name tier" ".    .      acct wl";row-gap:4px}.leaderboard-row .lb-rank{grid-area:rank}.leaderboard-row .avatar{grid-area:avatar}.leaderboard-row .lb-name{grid-area:name}.leaderboard-row .lb-tier{grid-area:tier}.leaderboard-row .lb-account{grid-area:acct}.leaderboard-row .lb-wl{grid-area:wl;justify-self:end}}.daily-stats-subtitle{margin:0 0 16px}.daily-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.daily-card{background:#161920;border:1px solid #262a33;border-left:4px solid #666;border-radius:8px;padding:14px}.daily-card-loss{border-left-color:#f44336}.daily-card-win{border-left-color:#4caf50}.daily-card-lp-gain{border-left-color:#4d9dff}.daily-card-lp-loss{border-left-color:#f44336}.daily-card h3{margin:0 0 10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.03em;color:#999}.daily-card-empty{margin:0}.daily-card-body{display:flex;align-items:center;gap:10px}.daily-card-info{display:flex;flex-direction:column;min-width:0}.daily-card-user{font-weight:600;font-size:.95rem}.daily-card-account{font-size:.8rem}.daily-card-metric{font-weight:700;font-size:1.05rem;margin-top:2px}.daily-card-kda{font-size:.78rem;margin-top:2px}.daily-lp-body{display:flex;flex-direction:column;gap:2px}.daily-lp-value{font-weight:700;font-size:1.3rem;margin-top:4px}.lp-gain{color:#4d9dff}.lp-loss{color:#f44336}.settings-page{max-width:480px}.settings-page h2{font-size:1.1rem;margin:0 0 16px}.settings-list{display:flex;flex-direction:column;gap:12px}.settings-row{display:flex;align-items:flex-start;gap:12px;background:#161920;border:1px solid #262a33;border-radius:8px;padding:14px;cursor:pointer}.settings-row input{margin-top:3px;width:16px;height:16px;flex-shrink:0}.settings-row-disabled{opacity:.5;cursor:default}.settings-label{display:block;font-weight:600;font-size:.95rem}.settings-hint{display:block;font-size:.82rem;margin-top:2px}
