@import "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700;800&display=swap";.top-nav{background:var(--surface-0);border-bottom:2px solid var(--color-brand);z-index:100;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.top-nav__logo{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;cursor:pointer;flex-shrink:0;align-items:center;gap:10px;margin-right:40px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.top-nav__logo-icon{width:40px;height:40px}.top-nav__logo-sub{color:var(--fg-tertiary);font-weight:500}.top-nav__nav{flex:1;gap:4px;display:flex}.top-nav__btn{border-radius:var(--radius-md);color:var(--fg-secondary);font-family:var(--font-body);cursor:pointer;transition:all .2s var(--ease-default);background:0 0;border:none;align-items:center;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.top-nav__btn--active{background:var(--color-brand);color:#fff}.top-nav__profile{cursor:pointer;transition:all .2s var(--ease-default);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;text-decoration:none;display:flex}.top-nav__profile--active{background:var(--color-brand-08);border-color:var(--color-brand-25)}.top-nav__profile-name{font-family:var(--font-body);color:var(--fg-primary);font-size:13px;font-weight:600}.top-nav__profile-name--active{color:var(--color-brand)}.avatar{font-family:var(--font-display);color:#000;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.join-screen{background:var(--surface-0);justify-content:center;align-items:center;min-height:100vh;display:flex}.join-screen__inner{flex-direction:column;align-items:center;width:100%;max-width:400px;padding:0 24px;display:flex}.join-screen__logo{text-align:center;margin-bottom:36px}.join-screen__logo-img{object-fit:contain;width:120px;height:120px;margin-bottom:10px}.join-screen__tagline{font-family:var(--font-body);color:var(--fg-tertiary);font-size:14px}.join-screen__card{background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;padding:28px 24px}.join-screen__title{font-family:var(--font-display);color:var(--fg-primary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:20px;font-weight:700}.join-screen__subtitle{font-family:var(--font-body);color:var(--fg-secondary);margin:0 0 28px;font-size:13px;line-height:1.5}.join-screen__otp{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.join-screen__otp-input{background:var(--surface-3);border:2px solid var(--border-default);border-radius:var(--radius-md);width:48px;height:56px;color:var(--fg-primary);font-family:var(--font-display);text-align:center;transition:border-color .15s var(--ease-default);-moz-appearance:textfield;outline:none;font-size:24px;font-weight:700}.join-screen__otp-input::-webkit-inner-spin-button{-webkit-appearance:none}.join-screen__otp-input::-webkit-outer-spin-button{-webkit-appearance:none}.join-screen__otp-input:focus{border-color:var(--color-brand)}.join-screen__otp-input--error{border-color:var(--color-error)}.join-screen__error{font-family:var(--font-body);color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-md);margin-bottom:16px;padding:8px 14px;font-size:13px}.join-screen__submit{background:var(--color-brand);color:#fff;width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:opacity .2s var(--ease-default);border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:700}.join-screen__submit:hover{opacity:.85}.join-screen__submit:disabled{opacity:.5;cursor:not-allowed}.join-screen__logout{color:var(--fg-tertiary);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;margin-top:20px;padding:4px;font-size:13px;text-decoration:underline}.join-screen__logout:hover{color:var(--fg-secondary)}.predictions-banner{background:var(--color-brand);justify-content:center;align-items:center;gap:16px;padding:11px 32px;display:flex}.predictions-banner__text{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:#fff;font-size:14px;font-weight:600}.predictions-banner__btn{border-radius:var(--radius-md);color:var(--color-brand);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:opacity .2s var(--ease-default);background:#fff;border:none;padding:7px 20px;font-size:13px;font-weight:700}.predictions-banner__btn:hover{opacity:.88}.auth-screen{background:var(--surface-0);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-screen__inner{width:100%;max-width:400px;padding:0 24px}.auth-screen__logo{text-align:center;margin-bottom:40px}.auth-screen__logo-img{object-fit:contain;width:160px;height:160px;margin-bottom:12px}.auth-screen__tagline{font-family:var(--font-body);color:var(--fg-tertiary);font-size:14px}.auth-screen__toggle{background:var(--surface-2);border-radius:10px;gap:2px;margin-bottom:28px;padding:3px;display:flex}.auth-screen__toggle-btn{border-radius:var(--radius-md);color:var(--fg-tertiary);font-family:var(--font-body);cursor:pointer;transition:all .2s var(--ease-default);text-transform:capitalize;background:0 0;border:none;flex:1;padding:10px 8px;font-size:14px;font-weight:600}.auth-screen__toggle-btn--active{background:var(--color-brand);color:#fff}.auth-screen__form{flex-direction:column;gap:18px;display:flex}.auth-screen__field{flex-direction:column;gap:6px;display:flex}.auth-screen__label{font-family:var(--font-body);color:var(--fg-secondary);font-size:12px;font-weight:600}.auth-screen__input{background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--fg-primary);font-family:var(--font-body);transition:border-color .2s var(--ease-default);outline:none;padding:12px 16px;font-size:14px}.auth-screen__input:focus{border-color:var(--color-brand)}.auth-screen__error{font-family:var(--font-body);color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-md);padding:8px 14px;font-size:13px}.auth-screen__submit{background:var(--color-brand);color:#fff;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:opacity .2s var(--ease-default);border:none;border-radius:10px;margin-top:4px;padding:14px;font-size:16px;font-weight:700}.auth-screen__submit:hover{opacity:.85}.auth-screen__footer{text-align:center;font-family:var(--font-body);color:var(--fg-tertiary);margin-top:16px;font-size:13px}.auth-screen__footer-link{color:var(--color-green);text-decoration:none}.leaderboard__podium{justify-content:center;align-items:flex-end;gap:16px;padding:8px 0 28px;display:flex}.leaderboard__podium-link{color:inherit;border-radius:var(--radius-lg);text-decoration:none;transition:opacity .15s}.leaderboard__podium-link:hover{opacity:.8}.leaderboard__table{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.leaderboard__table-header{border-bottom:1px solid var(--border-default);font-family:var(--font-body);color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:36px 40px 1fr 70px 56px;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:600;display:grid}.leaderboard__table-header-trend{text-align:center}.leaderboard__table-header-pts{text-align:right}.leaderboard__row{border-bottom:1px solid var(--border-subtle);color:inherit;cursor:pointer;transition:background .2s var(--ease-default);grid-template-columns:36px 40px 1fr 70px 56px;align-items:center;gap:8px;padding:10px 16px;text-decoration:none;display:grid}.leaderboard__row:hover{background:var(--surface-3,#ffffff0a)}.leaderboard__row:last-child{border-bottom:none}.leaderboard__row--me{background:var(--color-green-06)}.leaderboard__row--me:hover{background:var(--color-green-10)}.leaderboard__row-rank{font-family:var(--font-display);color:var(--fg-tertiary);font-size:15px;font-weight:700}.leaderboard__row-player{align-items:center;gap:10px;min-width:0;display:flex}.leaderboard__row-name{font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.leaderboard__row-name--me{color:var(--color-green)}.leaderboard__row-trend{justify-content:center;display:flex}.leaderboard__row-pts{font-family:var(--font-display);color:var(--color-green);text-align:right;font-size:18px;font-weight:700}.page-container{width:100%;max-width:800px;margin:0 auto;padding:24px 32px 60px}.page-container--wide{max-width:1100px}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.section-header__left{flex-direction:column;display:flex}.section-header__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;border-left:3px solid var(--color-brand);margin:0;padding-left:12px;font-size:22px;font-weight:700;line-height:1.2}.section-header__subtitle{font-family:var(--font-body);color:var(--fg-tertiary);margin:2px 0 0;font-size:13px}.podium-card{flex-direction:column;align-items:center;gap:6px;display:flex}.podium-card--second,.podium-card--third{padding-top:24px}.podium-card__avatar-wrap{position:relative}.podium-card__rank-badge{width:22px;height:22px;font-family:var(--font-display);color:#000;border:2px solid var(--surface-0);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:-5px;right:-5px}.podium-card__name{font-family:var(--font-body);text-align:center;white-space:nowrap;font-size:14px;font-weight:600}.podium-card__pts{align-items:baseline;gap:3px;display:flex}.podium-card__pts-num{font-family:var(--font-display);font-weight:700}.podium-card__pts-label{color:var(--fg-tertiary);font-size:10px}.position-change{font-family:var(--font-body);text-align:center;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:36px;font-size:12px;font-weight:700;display:inline-flex}.position-change--neutral{color:var(--fg-tertiary)}.position-change--up{color:var(--color-green)}.position-change--down{color:var(--color-error)}.position-change__arrow{font-size:8px}.sparkline{flex-shrink:0;display:block}.matches-screen__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.matches-screen__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.matches-screen__empty{text-align:center;font-family:var(--font-body);color:var(--fg-tertiary);padding:48px 20px;font-size:14px}.filter-tabs{background:var(--surface-2);border-radius:10px;gap:2px;padding:3px;display:flex}.filter-tabs__btn{border-radius:var(--radius-md);color:var(--fg-tertiary);font-family:var(--font-body);cursor:pointer;transition:all .2s var(--ease-default);white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:600}.filter-tabs__btn--active{background:var(--color-brand);color:#fff}.match-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .2s var(--ease-default), box-shadow .2s var(--ease-default);flex-direction:column;gap:10px;padding:14px 18px;display:flex}.match-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.match-card--live{border-color:#e61d254d}.match-card__header{justify-content:space-between;align-items:center;display:flex}.match-card__meta{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-tertiary);font-size:10px;font-weight:600}.match-card__time{font-family:var(--font-body);color:var(--fg-tertiary);font-size:11px}.match-card__score-row{justify-content:space-between;align-items:center;display:flex}.match-card__team{flex-direction:column;align-items:center;gap:4px;width:56px;display:flex}.match-card__team-name{font-family:var(--font-body);font-size:12px;font-weight:600}.match-card__score{font-family:var(--font-display);align-items:center;gap:6px;font-size:26px;font-weight:700;line-height:1;display:flex}.match-card__score-sep{color:var(--fg-tertiary);font-size:13px}.match-card__pick{font-family:var(--font-body);color:var(--color-green);justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.match-card__pick-label{font-weight:600}.team-flag-icon{flex-shrink:0;display:block}.team-flag{font-family:var(--font-body);color:#fff;letter-spacing:.03em;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.team-flag--sm{font-size:8px}.badge{border-radius:var(--radius-full);font-family:var(--font-body);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--error{background:var(--color-error-bg);color:var(--color-error)}.badge--warning{background:var(--color-warning-bg);color:var(--color-gold)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--default{color:var(--fg-tertiary);background:#ffffff0f}.badge__live-dot{animation:1.5s infinite livePulse}.match-detail__back{color:var(--fg-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-size:14px;transition:color .2s;display:flex}.match-detail__back:hover{color:var(--fg-primary)}.match-detail__score-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:24px;padding:28px 24px 20px}.match-detail__score-row{justify-content:center;align-items:center;gap:28px;display:flex}.match-detail__team{flex-direction:column;align-items:center;gap:6px;display:flex}.match-detail__team-code{font-family:var(--font-display);font-size:18px;font-weight:700}.match-detail__team-full{font-family:var(--font-body);color:var(--fg-tertiary);font-size:11px}.match-detail__scoreline{font-family:var(--font-display);align-items:center;gap:10px;font-size:48px;font-weight:700;line-height:1;display:flex}.match-detail__scoreline-sep{color:var(--fg-tertiary);font-size:20px}.match-detail__status{text-align:center;margin-top:14px}.match-detail__status-time{font-family:var(--font-body);color:var(--fg-tertiary);font-size:11px}.match-detail__my-pick{background:var(--color-green-04);border:1px solid var(--color-green-15);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 20px;display:flex}.match-detail__my-pick-left{align-items:center;gap:12px;display:flex}.match-detail__my-pick-label{font-family:var(--font-body);color:var(--color-green);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.match-detail__my-pick-score{font-family:var(--font-display);font-size:22px;font-weight:700}.match-detail__preds-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-tertiary);margin-bottom:12px;font-size:14px;font-weight:700}.match-detail__preds-grid{flex-wrap:wrap;gap:12px;display:flex}.match-detail__empty{text-align:center;font-family:var(--font-body);color:var(--fg-tertiary);padding:32px 20px;font-size:14px}.pred-group-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;flex:calc(50% - 6px);gap:10px;min-width:160px;padding:14px;display:flex;position:relative}.pred-group-card--me{background:var(--color-green-04)}.pred-group-card__your-pick{font-family:var(--font-body);color:var(--color-green);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700;position:absolute;top:8px;right:10px}.pred-group-card__score{font-family:var(--font-display);text-align:center;justify-content:center;align-items:center;gap:6px;font-size:28px;font-weight:700;display:flex}.pred-group-card__score-sep{color:var(--fg-tertiary);font-size:14px}.pred-group-card__badge{justify-content:center;display:flex}.pred-group-card__players{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pred-group-card__player{flex-direction:column;align-items:center;gap:2px;display:flex}.pred-group-card__player-name{font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;max-width:52px;color:var(--fg-secondary);font-size:10px;font-weight:500;overflow:hidden}.pred-group-card__player-name--me{color:var(--color-green)}.groups-screen__grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:28px;display:grid}@media (width<=520px){.groups-screen__grid{grid-template-columns:1fr;gap:20px}}.group-panel{flex-direction:column;gap:16px;display:flex}.group-panel__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:16px;font-weight:700}.group-panel__matches{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:12px 16px}.group-panel__matches-heading{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-tertiary);margin-bottom:6px;font-size:10px;font-weight:600}.group-table{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.group-table__header{border-bottom:1px solid var(--border-default);font-family:var(--font-body);color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:24px 1fr repeat(7,36px);align-items:center;gap:2px;padding:10px 14px;font-size:10px;font-weight:600;display:grid}.group-table__header-pts{color:var(--fg-secondary);font-weight:700}.group-table__col-center{text-align:center}.group-table__row{border-bottom:1px solid var(--border-subtle);grid-template-columns:24px 1fr repeat(7,36px);align-items:center;gap:2px;padding:9px 14px;display:grid}.group-table__row:last-child{border-bottom:none}.group-table__row--qualify{background:#02b9060a}.group-table__pos{font-family:var(--font-display);color:var(--fg-tertiary);font-size:13px;font-weight:700}.group-table__pos--qualify{color:var(--color-green)}.group-table__team{align-items:center;gap:8px;display:flex}.group-table__team-name{font-family:var(--font-body);font-size:13px;font-weight:600}.group-table__stat{text-align:center;font-family:var(--font-body);color:var(--fg-secondary);font-size:13px}.group-table__pts{text-align:center;font-family:var(--font-display);color:var(--fg-primary);font-size:15px;font-weight:700}@media (width<=480px){.group-table__col--hide-sm{display:none}.group-table__header,.group-table__row{grid-template-columns:20px 1fr repeat(5,28px);padding:8px 10px}.group-table__team-name,.group-table__stat,.group-table__pts{font-size:12px}}.group-match-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:8px 0;display:flex}.group-match-row:last-child{border-bottom:none}.group-match-row__teams{flex:1;align-items:center;gap:6px;display:flex}.group-match-row__side{align-items:center;gap:5px;width:58px;display:flex}.group-match-row__side--left{justify-content:flex-end}.group-match-row__team-name{font-family:var(--font-body);font-size:12px;font-weight:600}.group-match-row__score{font-family:var(--font-display);text-align:center;width:48px;font-size:15px;font-weight:700}.group-match-row__time{font-size:12px;font-family:var(--font-body);color:var(--fg-tertiary);font-weight:500}.group-match-row__pick{font-family:var(--font-body);align-items:center;gap:6px;font-size:11px;display:flex}.group-match-row__pick-label{color:var(--fg-tertiary)}.group-match-row__pick-score{font-family:var(--font-display);font-size:13px;font-weight:700}.group-match-row__result{text-align:right;flex-shrink:0;width:60px}.group-match-row__date{font-family:var(--font-body);color:var(--fg-tertiary);font-size:10px}.pred-form__heading{text-align:center;margin-bottom:32px}.pred-form__title{font-family:var(--font-display);text-transform:uppercase;margin-bottom:6px;font-size:30px;font-weight:700}.pred-form__subtitle{font-family:var(--font-body);color:var(--fg-tertiary);max-width:480px;margin:0 auto;font-size:14px}.pred-form__progress{background:var(--surface-2);border-radius:10px;align-items:center;gap:16px;margin-bottom:28px;padding:14px 20px;display:flex}.pred-form__progress-inner{flex:1}.pred-form__progress-labels{font-family:var(--font-body);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.pred-form__progress-label{color:var(--fg-secondary)}.pred-form__progress-count{color:var(--fg-tertiary)}.pred-form__progress-count--done{color:var(--color-green)}.pred-form__progress-track{background:var(--surface-4);border-radius:4px;height:6px;overflow:hidden}.pred-form__progress-fill{background:var(--color-brand);height:100%;transition:width .3s var(--ease-default);border-radius:4px}.pred-form__progress-fill--done{background:var(--color-green)}.pred-form__groups{grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:24px;margin-bottom:28px;display:grid}.pred-form__group{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.pred-form__group-header{border-bottom:1px solid var(--border-subtle);font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:700;display:flex}.pred-form__group-count{font-family:var(--font-body);color:var(--fg-tertiary);text-transform:none;font-size:11px;font-weight:500}.pred-form__mini-standings{border-bottom:1px solid var(--border-subtle);padding:10px 16px 6px}.pred-form__mini-header{font-family:var(--font-body);color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:20px 1fr 32px 32px 40px;align-items:center;gap:2px;margin-bottom:4px;font-size:9px;font-weight:600;display:grid}.pred-form__mini-col-center{text-align:center}.pred-form__mini-col-pts{text-align:center;color:var(--fg-secondary)}.pred-form__mini-row{border-bottom:1px solid var(--border-subtle);transition:all .3s var(--ease-default);grid-template-columns:20px 1fr 32px 32px 40px;align-items:center;gap:2px;padding:5px 0;display:grid}.pred-form__mini-row:last-child{border-bottom:none}.pred-form__mini-pos{font-family:var(--font-display);color:var(--fg-tertiary);font-size:12px;font-weight:700}.pred-form__mini-pos--qualify{color:var(--color-green)}.pred-form__mini-team{align-items:center;gap:6px;display:flex}.pred-form__mini-team-name{font-family:var(--font-body);color:var(--fg-secondary);font-size:12px;font-weight:600}.pred-form__mini-team-name--qualify{color:var(--fg-primary)}.pred-form__mini-gd{text-align:center;font-family:var(--font-body);color:var(--fg-tertiary);font-size:12px;font-weight:600}.pred-form__mini-gd--pos{color:var(--color-green)}.pred-form__mini-gd--neg{color:var(--color-error)}.pred-form__mini-gf{text-align:center;font-family:var(--font-body);color:var(--fg-secondary);font-size:12px}.pred-form__mini-pts{text-align:center;font-family:var(--font-display);color:var(--fg-primary);font-size:14px;font-weight:700}.pred-form__matches{padding:8px 16px 10px}.pred-form__match-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:7px 0;display:flex}.pred-form__match-row:last-child{border-bottom:none}.pred-form__match-date{font-family:var(--font-body);color:var(--fg-tertiary);flex-shrink:0;width:44px;font-size:10px}.pred-form__match-teams{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.pred-form__match-side{justify-content:flex-end;align-items:center;gap:6px;width:60px;display:flex}.pred-form__match-side--right{justify-content:flex-start}.pred-form__match-team-name{font-family:var(--font-body);font-size:13px;font-weight:600}.pred-form__match-input{text-align:center;background:var(--surface-3);border:1px solid var(--border-default);width:42px;height:36px;color:var(--fg-primary);font-family:var(--font-display);transition:border-color .2s var(--ease-default);border-radius:6px;outline:none;font-size:18px;font-weight:700}.pred-form__match-input:focus{border-color:var(--color-brand)}.pred-form__match-input--error{border-color:var(--color-error)}.pred-form__match-sep{color:var(--fg-tertiary);font-size:11px;font-weight:600}.pred-form__match-icon{flex-shrink:0;width:14px}.pred-form__scorer{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:32px;padding:18px 20px}.pred-form__scorer--error{border-color:var(--color-error)}.pred-form__scorer-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--color-gold);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.pred-form__scorer-bonus{font-family:var(--font-body);color:var(--fg-tertiary);text-transform:none;letter-spacing:0;font-size:10px;font-weight:500}.pred-form__error-msg{font-family:var(--font-body);color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-md);text-align:center;margin-bottom:16px;padding:10px 16px;font-size:13px}.pred-form__submit-row{justify-content:center;display:flex}.pred-form__submit{border-radius:var(--radius-lg);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;transition:all .2s var(--ease-default);border:none;padding:16px 48px;font-size:18px;font-weight:700}.pred-form__submit--ready{background:var(--color-brand);color:#fff;cursor:pointer}.pred-form__submit--ready:hover{opacity:.85}.pred-form__submit--disabled{background:var(--surface-4);color:var(--fg-tertiary);cursor:default}.ts-picker{position:relative}.ts-picker__trigger{background:var(--surface-3);border:1px solid var(--border-default);cursor:pointer;transition:border-color .2s var(--ease-default);border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.ts-picker__trigger--disabled{background:var(--surface-2);cursor:default;opacity:.8}.ts-picker__trigger-value{flex:1;align-items:center;gap:10px;display:flex}.ts-picker__trigger-name{font-family:var(--font-body);font-size:14px;font-weight:600}.ts-picker__placeholder{font-family:var(--font-body);color:var(--fg-tertiary);flex:1;font-size:14px}.ts-picker__chevron{transition:transform .2s var(--ease-default);flex-shrink:0}.ts-picker__chevron--open{transform:rotate(180deg)}.ts-picker__dropdown{background:var(--surface-3);border:1px solid var(--border-default);z-index:50;box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;max-height:280px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.ts-picker__search-wrap{border-bottom:1px solid var(--border-subtle);padding:8px 10px}.ts-picker__search{background:var(--surface-4);border:1px solid var(--border-subtle);width:100%;color:var(--fg-primary);font-family:var(--font-body);border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.ts-picker__list{flex:1;overflow-y:auto}.ts-picker__option{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.ts-picker__option:hover{background:var(--surface-4)}.ts-picker__option--selected{background:#02b90614}.ts-picker__option-name{font-family:var(--font-body);flex:1;font-size:13px;font-weight:500}.ts-picker__option-team{font-family:var(--font-body);color:var(--fg-tertiary);font-size:11px}.ts-picker__empty{text-align:center;font-family:var(--font-body);color:var(--fg-tertiary);padding:16px;font-size:13px}.profile-ro__header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:20px;margin-bottom:28px;padding-bottom:20px;display:flex}.profile-ro__header-info{flex:1}.profile-ro__name{font-family:var(--font-display);text-transform:uppercase;font-size:26px;font-weight:700}.profile-ro__rank-row{align-items:center;gap:12px;margin-top:6px;display:flex}.profile-ro__rank-label{font-family:var(--font-body);color:var(--fg-secondary);font-size:14px}.profile-ro__rank-num{font-family:var(--font-display);color:var(--fg-primary);font-weight:700}.profile-ro__pts{font-family:var(--font-display);color:var(--color-green);font-size:20px;font-weight:700}.profile-ro__logout{border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--fg-tertiary);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.profile-ro__logout:hover{border-color:var(--border-strong);color:var(--fg-primary)}.profile-ro__stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.profile-ro__stat-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;padding:16px}.profile-ro__stat-value{font-family:var(--font-display);font-size:24px;font-weight:700}.profile-ro__stat-label{font-family:var(--font-body);color:var(--fg-tertiary);margin-top:4px;font-size:11px;font-weight:500}.profile-ro__scorer{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:28px;padding:18px 20px}.profile-ro__scorer-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--color-gold);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.profile-ro__scorer-note{font-family:var(--font-body);color:var(--fg-tertiary);margin-top:8px;font-size:12px;font-style:italic}.profile-ro__preds-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:10px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.profile-ro__matchday{margin-bottom:20px}.profile-ro__matchday-label{font-family:var(--font-body);color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:600}.profile-ro__match-list{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.profile-ro__match-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 14px;display:flex}.profile-ro__match-row:last-child{border-bottom:none}.profile-ro__match-teams{flex-shrink:0;align-items:center;gap:6px;width:100px;display:flex}.profile-ro__match-vs{font-family:var(--font-body);color:var(--fg-secondary);font-size:12px;font-weight:600}.profile-ro__match-result{text-align:center;flex-shrink:0;width:50px}.profile-ro__match-score-actual{font-family:var(--font-display);font-size:14px;font-weight:700}.profile-ro__match-date{font-family:var(--font-body);color:var(--fg-tertiary);font-size:11px}.profile-ro__match-pick-wrap{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.profile-ro__match-pick-label{font-family:var(--font-body);color:var(--fg-tertiary);font-size:11px}.profile-ro__match-pick-score{font-family:var(--font-display);font-size:15px;font-weight:700}.profile-ro__match-badge{text-align:right;flex-shrink:0;width:70px}.player-profile__back{font-family:var(--font-body);color:var(--fg-tertiary);margin-bottom:20px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-block}.player-profile__back:hover{color:var(--fg-primary)}.player-profile__not-found{font-family:var(--font-body);color:var(--fg-tertiary);text-align:center;padding:40px 0;font-size:14px}.player-profile__header{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:20px;margin-bottom:28px;padding-bottom:20px;display:flex}.player-profile__header-info{flex:1;min-width:0}.player-profile__name{font-family:var(--font-display);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:700;overflow:hidden}.player-profile__rank-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.player-profile__rank-label{font-family:var(--font-body);color:var(--fg-secondary);font-size:14px}.player-profile__rank-num{font-family:var(--font-display);color:var(--fg-primary);font-weight:700}.player-profile__pts{font-family:var(--font-display);color:var(--color-green);font-size:20px;font-weight:700}.player-profile__sparkline{margin-top:10px}.player-profile__stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.player-profile__stat-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;padding:16px}.player-profile__stat-value{font-family:var(--font-display);font-size:24px;font-weight:700}.player-profile__stat-label{font-family:var(--font-body);color:var(--fg-tertiary);margin-top:4px;font-size:11px;font-weight:500}.player-profile__preds-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:10px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.player-profile__matchday{margin-bottom:20px}.player-profile__matchday-label{font-family:var(--font-body);color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:600}.player-profile__match-list{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.player-profile__match-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 14px;display:flex}.player-profile__match-row:last-child{border-bottom:none}.player-profile__match-teams{flex-shrink:0;align-items:center;gap:6px;width:72px;display:flex}.player-profile__match-vs{font-family:var(--font-body);color:var(--fg-tertiary);font-size:11px;font-weight:600}.player-profile__match-result{text-align:center;flex-shrink:0;width:50px}.player-profile__match-score-actual{font-family:var(--font-display);font-size:14px;font-weight:700}.player-profile__match-date{font-family:var(--font-body);color:var(--fg-tertiary);font-size:11px}.player-profile__match-pick-wrap{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.player-profile__match-pick-label{font-family:var(--font-body);color:var(--fg-tertiary);font-size:11px}.player-profile__match-pick-score{font-family:var(--font-display);font-size:15px;font-weight:700}.player-profile__match-badge{text-align:right;flex-shrink:0;width:70px}@media (width<=480px){.player-profile__name{font-size:20px}.player-profile__stats{grid-template-columns:repeat(2,1fr)}.player-profile__match-row{gap:8px;padding:8px 10px}.player-profile__match-teams{width:60px}.player-profile__match-result{width:40px}.player-profile__match-badge{width:56px}}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Light.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/Oswald-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--color-black:#000;--color-white:#fff;--color-brand:#e8192c;--color-brand-bg:#e8192c1a;--color-green:#39d353;--color-green-light:#6ee58a;--color-green-dark:#22a83a;--color-gold:#c8a94e;--color-gold-light:#e2d08a;--color-gold-dark:#9a7b2f;--color-wc-purple:#6b2f8a;--color-wc-teal:#005f61;--color-wc-orange:#ff4713;--color-wc-cyan:#00c4b4;--color-wc-maroon:#73182a;--color-usa-blue:#2a398d;--color-mexico-green:#3cac3b;--color-canada-red:#e8192c;--color-vermilion:#e84c30;--color-purple:#6b2f8a;--color-bright-blue:#2979ff;--color-cyan:#00c4b4;--color-teal:#005f61;--color-aqua:#00bfa5;--color-mint:#00e676;--color-magenta:#c2185b;--color-orange:#ff4713;--color-yellow:#ffd600;--color-coral:#ff1744;--color-success:#39d353;--color-error:#ff1744;--color-warning:#ffd600;--color-info:#00c4b4;--color-success-bg:#39d3531a;--color-error-bg:#ff17441a;--color-warning-bg:#ffd6001a;--color-info-bg:#00c4b41a;--color-green-04:#39d3530a;--color-green-06:#39d3530f;--color-green-10:#39d3531a;--color-green-15:#39d35326;--color-green-25:#39d35340;--color-brand-06:#e8192c0f;--color-brand-08:#e8192c14;--color-brand-15:#e8192c26;--color-brand-25:#e8192c40;--surface-0:#000;--surface-1:#0c0c0c;--surface-2:#161616;--surface-3:#1e1e1e;--surface-4:#272727;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff38;--fg-primary:#fff;--fg-secondary:#ffffffb3;--fg-tertiary:#ffffff73;--fg-disabled:#ffffff40;--font-display:"Oswald", "Arial Narrow", sans-serif;--font-body:"Noto Sans", "Helvetica Neue", Arial, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--ease-default:cubic-bezier(.4, 0, .2, 1)}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--surface-0);color:var(--fg-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer}input,button,textarea,select{font-family:inherit}