.btn{align-items:center;border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:10px var(--space-5);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.btn--outline-light{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.5);color:var(--color-white)}.btn--outline-light:hover{background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.8)}.btn--primary{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-navy)}.btn--primary:hover{background:var(--color-gold-dark);border-color:var(--color-gold-dark)}.btn--teal{background:var(--color-teal);border-color:var(--color-teal);color:var(--color-white)}.btn--teal:hover{background:var(--color-teal-dark);border-color:var(--color-teal-dark)}.btn--ghost{border-color:transparent;color:var(--color-teal)}.btn--ghost:hover{background:var(--color-teal-light)}.btn--sm{font-size:var(--font-size-xs);padding:6px var(--space-3)}.btn--lg{font-size:var(--font-size-md);padding:12px var(--space-6)}.btn:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:4px;line-height:1.4;padding:3px 10px}.badge--open{background:var(--color-success-bg);color:#16a34a}.badge--closed{background:#f1f5f9;color:var(--color-text-secondary)}.badge--saved{background:#fef3c7;color:#92400e}.badge--active{background:#dbeafe;color:#1d4ed8}.badge--gold{background:#fef3c7;color:#b45309}.badge--teal{background:var(--color-teal-light);color:var(--color-teal-dark)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card--elevated{box-shadow:var(--shadow-md)}.card--bordered{border:1px solid var(--color-border);box-shadow:none}.hero-banner{background:linear-gradient(135deg,var(--color-navy) 0,#1a6e7a 100%);border-radius:var(--radius-lg);color:var(--color-white);overflow:hidden;padding:var(--space-8) var(--space-8);position:relative}.hero-banner:before{background:hsla(0,0%,100%,.04);border-radius:50%;content:"";height:300px;position:absolute;right:-5%;top:-40%;width:300px}.hero-banner__eyebrow{color:hsla(0,0%,100%,.9);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);margin-bottom:var(--space-2)}.hero-banner__title{color:var(--color-gold);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:1.1;margin-bottom:var(--space-4)}.hero-banner__meta{align-items:center;color:hsla(0,0%,100%,.7);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-bottom:var(--space-6)}.hero-banner__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-banner__row{align-items:flex-end;gap:var(--space-4);justify-content:space-between}.hero-banner__row,.tab-bar{display:flex;flex-wrap:wrap}.tab-bar{gap:var(--space-2);margin-bottom:var(--space-6)}.tab-item{align-items:center;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast);user-select:none;white-space:nowrap}.tab-item:hover{border-color:var(--color-navy);color:var(--color-navy)}.tab-item.is-active{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-white)}.tab-item.is-active .tab-item__icon{color:var(--color-gold)}.tab-item__icon{font-size:14px;line-height:1}.match-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4) var(--space-5);position:relative;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.match-card:hover{border-color:#c8d3e8;box-shadow:var(--shadow-md)}.match-card__header{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--space-3)}.match-card__header,.match-card__meta{align-items:center;display:flex;gap:var(--space-2)}.match-card__meta{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.match-card__body{align-items:center;display:flex;gap:var(--space-3)}.match-card__team{align-items:center;display:flex;flex:1;gap:var(--space-2)}.match-card__team--right{flex-direction:row-reverse;text-align:right}.match-card__flag{flex-shrink:0;font-size:28px;line-height:1}.match-card__team-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2}.match-card__vs-block{align-items:center;display:flex;flex-direction:column;gap:var(--space-1);min-width:120px}.match-card__score{align-items:center;display:flex;gap:var(--space-2)}.match-card__score-box{align-items:center;background:#f8fafc;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:36px;justify-content:center;width:36px}.match-card__score-box--filled{background:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.match-card__vs-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:1px}.match-card__input{appearance:none;-moz-appearance:textfield;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:36px;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:36px}.match-card__input::-webkit-inner-spin-button,.match-card__input::-webkit-outer-spin-button{-webkit-appearance:none}.match-card__input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px rgba(26,158,143,.15);outline:none}.match-card__input:disabled{background:#f8fafc;color:var(--color-text-secondary);cursor:not-allowed}.match-card__footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-3);padding-top:var(--space-3)}.match-action{align-items:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:background var(--transition-fast);width:30px}.match-action:hover{background:var(--color-bg)}.match-action--save{border-color:var(--color-teal);color:var(--color-teal)}.match-action--save:hover{background:var(--color-teal-light)}.match-card--closed{opacity:.75}.ranking-table{background:var(--color-bg-card);border-collapse:collapse;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.ranking-table th{background:var(--color-bg);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:10px var(--space-4);text-align:left;text-transform:uppercase}.ranking-table td:last-child,.ranking-table th:last-child{text-align:right}.ranking-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:12px var(--space-4)}.ranking-table tr:last-child td{border-bottom:none}.ranking-table tr:hover td{background:#f8fafc}.ranking-table tr.is-current-user td{background:var(--color-navy);color:var(--color-white)}.ranking-table tr.is-current-user:hover td{background:var(--color-navy-mid)}.ranking-table .rank-pos{color:var(--color-text-secondary);font-weight:var(--font-weight-bold);width:40px}.ranking-table tr.is-current-user .rank-pos{color:var(--color-gold)}.ranking-table .rank-user{align-items:center;display:flex;gap:var(--space-2)}.ranking-table .rank-avatar{align-items:center;background:var(--color-teal-light);border-radius:50%;color:var(--color-teal-dark);display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:32px;justify-content:center;width:32px}.ranking-table tr.is-current-user .rank-avatar{background:hsla(0,0%,100%,.2);color:var(--color-white)}.ranking-table .rank-cluster{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px}.metric-card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5)}.metric-card__label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.metric-card__value{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:1.1}.metric-card__sub{color:var(--color-text-muted);font-size:var(--font-size-xs)}.donut-chart-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.donut-chart-wrapper .donut-center-text{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;text-align:center}.donut-center-text__value{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:1}.donut-center-text__label{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:2px}.step-card{align-items:flex-start;background:var(--color-teal-light);border:1.5px solid #b2dfdb;border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);transition:box-shadow var(--transition-fast)}.step-card:hover{box-shadow:var(--shadow-md)}.step-card__icon{align-items:center;background:var(--color-teal);border-radius:var(--radius-md);color:var(--color-white);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.step-card__title{color:var(--color-teal-dark);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:4px}.step-card__desc{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.accordion{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:space-between;padding:var(--space-4) var(--space-5);text-align:left;transition:background var(--transition-fast);width:100%}.accordion-trigger:hover{background:#f8fafc}.accordion-trigger:focus-visible{outline:2px solid var(--color-teal);outline-offset:-2px}.accordion-trigger__chevron{color:var(--color-text-secondary);flex-shrink:0;font-size:16px;transition:transform var(--transition-normal)}.accordion-item.is-open .accordion-trigger__chevron{color:var(--color-teal);transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-slow) ease}.accordion-item.is-open .accordion-content{max-height:600px}.accordion-content__inner{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-loose);padding:0 var(--space-5) var(--space-5)}.bracket-card{background:var(--color-bg-card);border:1.5px solid var(--color-teal);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:box-shadow var(--transition-fast)}.bracket-card:hover{box-shadow:var(--shadow-sm)}.bracket-card__label{color:var(--color-teal);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:6px}.bracket-card__match{align-items:center;display:flex;gap:var(--space-2)}.bracket-card__flag{flex-shrink:0;font-size:22px;line-height:1}.bracket-card__flag--unknown{background:#cbd5e1;border-radius:3px;color:#64748b;height:20px}.bracket-card__flag--unknown,.bracket-card__score-val{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);justify-content:center;width:28px}.bracket-card__score-val{background:var(--color-teal-light);border:1px solid #b2dfdb;border-radius:var(--radius-sm);color:var(--color-teal-dark);height:28px}.bracket-card__score-val--unknown{background:#f1f5f9;border-color:var(--color-border);color:var(--color-text-secondary)}.bracket-card__sep{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.prize-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.prize-card__header{background:linear-gradient(135deg,var(--color-navy) 0,#1a6e7a 100%);padding:var(--space-4) var(--space-5)}.prize-card__eyebrow{color:hsla(0,0%,100%,.7);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.prize-card__title{color:var(--color-gold);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);line-height:1.1}.prize-card__body{padding:var(--space-5)}.prize-item{border-bottom:1px solid var(--color-border-light);padding:var(--space-3) 0}.prize-item:last-child{border-bottom:none}.prize-item__place{color:var(--color-teal);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:2px}.prize-item__value{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.prize-image-placeholder{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;min-height:160px}.prize-image-placeholder__label{color:var(--color-text-muted);font-size:var(--font-size-xs)}.prize-image-placeholder__sublabel{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.cluster-table{border-collapse:collapse;width:100%}.cluster-table td{border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);padding:14px var(--space-4);vertical-align:middle}.cluster-table tr:last-child td{border-bottom:none}.cluster-table__name{align-items:center;color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-bold);gap:var(--space-2)}.cluster-table__icon{font-size:18px}.cluster-table__place{color:var(--color-text-secondary)}.cluster-table__prize{font-weight:var(--font-weight-semibold)}.cluster-table__prize--highlight{color:var(--color-teal)}.cluster-table__prize--gold{color:var(--color-gold-dark)}.cluster-table__prize--orange{color:#ea580c}.search-input-wrapper{align-items:center;display:inline-flex;position:relative}.search-input-wrapper__icon{color:var(--color-text-muted);font-size:14px;left:var(--space-3);pointer-events:none;position:absolute}.search-input{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:8px var(--space-3) 8px 34px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:240px}.search-input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px rgba(26,158,143,.12);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.mini-ranking{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.mini-ranking__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.mini-ranking__title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.mini-ranking__link{color:var(--color-teal);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-decoration:none}.mini-ranking__link:hover{text-decoration:underline}.mini-ranking__row{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-3);padding:10px var(--space-5);transition:background var(--transition-fast)}.mini-ranking__row:last-child{border-bottom:none}.mini-ranking__row:hover{background:#f8fafc}.mini-ranking__row.is-me{background:var(--color-navy);color:var(--color-white)}.mini-ranking__pos{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-align:center;width:20px}.mini-ranking__row.is-me .mini-ranking__pos{color:var(--color-gold)}.mini-ranking__name{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.mini-ranking__pts{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.mini-ranking__row.is-me .mini-ranking__pts{color:var(--color-gold)}.empty-state{color:var(--color-text-secondary);padding:var(--space-16) var(--space-8);text-align:center}.empty-state__icon{font-size:48px;margin-bottom:var(--space-4);opacity:.4}.empty-state__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.empty-state__desc{font-size:var(--font-size-sm)}.user-highlight{align-items:center;background:linear-gradient(135deg,var(--color-navy) 0,var(--color-navy-mid) 100%);border-radius:var(--radius-lg);color:var(--color-white);display:flex;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-5) var(--space-6)}.user-highlight__stat{align-items:center;display:flex;flex-direction:column;gap:2px}.user-highlight__stat-value{color:var(--color-gold);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold)}.user-highlight__stat-label{color:hsla(0,0%,100%,.6);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.user-highlight__divider{background:hsla(0,0%,100%,.2);height:40px;width:1px}.user-highlight__name{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.user-highlight__cluster{background:rgba(244,169,0,.15);border:1px solid rgba(244,169,0,.3);border-radius:var(--radius-full);color:var(--color-gold);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:4px 12px}