.countdown{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.35em .8em;border-radius:var(--r-pill);background:var(--tint-gold-soft);border:1px solid var(--ring-gold);font-size:var(--fs-xs);white-space:nowrap}.countdown__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text);font-weight:700}.countdown__clock{display:inline-flex;align-items:baseline;gap:.5rem;font-family:var(--font-mono);color:var(--text)}.countdown__seg{color:var(--text);font-size:var(--fs-xs)}.countdown__seg b{color:var(--text);font-size:var(--fs-sm);font-weight:700;margin-right:2px}.countdown__seg--sec b{color:var(--gold-text)}.countdown--locked{background:var(--tint-danger);border-color:var(--danger)}.countdown--locked .countdown__label{color:var(--danger)}.countdown__dot{width:7px;height:7px;border-radius:50%;background:var(--danger);animation:pulse-ring 2s infinite}.app-header{position:sticky;top:0;z-index:50;background:#ffffffd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.app-header__inner{display:flex;align-items:center;gap:var(--sp-5);min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.brand__mark{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:var(--on-gold);font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.04em;box-shadow:var(--shadow-gold)}.brand__text{display:flex;flex-direction:column;line-height:1}.brand__top{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em}.brand__sub{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text);margin-top:3px}.app-nav{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto}.app-nav__link{padding:.5em .9em;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:700;color:var(--text-dim);transition:color var(--t-base) var(--ease),background var(--t-base) var(--ease);position:relative}.app-nav__link:hover{color:var(--text);background:var(--surface)}.app-nav__link.is-active{color:var(--gold-text)}.app-nav__link.is-active:after{content:"";position:absolute;left:.9em;right:.9em;bottom:.1em;height:2px;border-radius:2px;background:var(--gold-deep)}.app-header__right{display:flex;align-items:center;gap:var(--sp-4);margin-left:auto}.app-nav+.app-header__right{margin-left:var(--sp-5)}.app-user{display:flex;align-items:center;gap:var(--sp-3)}.app-user__avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-3);border:1px solid var(--line);font-weight:800;font-size:var(--fs-sm);color:var(--gold-text)}.app-user__name{font-weight:700;font-size:var(--fs-sm)}.app-user__logout{background:transparent;border:1px solid var(--line);border-radius:var(--r-md);color:var(--text-dim);padding:.4em .8em;font-size:var(--fs-xs);font-weight:700;transition:color var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}.app-user__logout:hover{color:var(--text);border-color:var(--surface-3)}@media(max-width:760px){.app-header__inner{flex-wrap:wrap;padding-block:var(--sp-3);gap:var(--sp-3)}.app-nav{order:3;width:100%;margin-left:0;overflow-x:auto}.app-header__right{margin-left:auto}.app-user__name{display:none}}.join{min-height:100vh;display:grid;place-items:center;padding:var(--sp-6) var(--sp-5);position:relative;overflow:hidden}.join__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(700px 400px at 80% 20%,rgba(244,193,75,.16),transparent 60%),radial-gradient(600px 400px at 15% 80%,rgba(47,111,224,.1),transparent 60%)}.join__bg:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-linear-gradient(115deg,transparent 0 60px,rgba(19,26,43,.018) 60px 120px)}.join__panel{position:relative;width:100%;max-width:460px;padding:var(--sp-7) var(--sp-6);background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.join__panel:before{content:"";position:absolute;top:0;left:var(--sp-6);right:var(--sp-6);height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--host-usa),var(--gold),var(--host-can),var(--host-mex))}.join__title{font-family:var(--font-display);font-size:var(--fs-4xl);line-height:.92;margin-top:var(--sp-3)}.join__title-accent{color:var(--gold-text)}.join__lead{margin-top:var(--sp-4);color:var(--text-dim);font-size:var(--fs-sm);max-width:38ch}.join__toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:var(--sp-6);padding:4px;background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--r-md)}.join__tab{padding:.65em;border:none;border-radius:calc(var(--r-md) - 4px);background:transparent;color:var(--text-dim);font-weight:700;font-size:var(--fs-sm);transition:background var(--t-base) var(--ease),color var(--t-base) var(--ease)}.join__tab.is-active{background:var(--gold);color:var(--text);box-shadow:var(--shadow-sm)}.join__form{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-5)}.join__error{font-size:var(--fs-sm);color:var(--danger-deep);font-weight:600;background:var(--tint-danger);border:1px solid var(--danger);border-radius:var(--r-md);padding:.7em .9em}.join__switch{margin-top:var(--sp-5);text-align:center;font-size:var(--fs-sm);color:var(--text-faint)}.join__link{background:none;border:none;color:var(--gold-text);font-weight:700;font-size:inherit;padding:0;text-decoration:underline;text-underline-offset:3px}.group-card{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);position:relative;overflow:hidden}.group-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(244,193,75,.05),transparent 40%);pointer-events:none}.group-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.group-card__title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-lg);font-weight:800}.group-card__title>span:last-child{color:var(--text-dim);font-weight:700;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em}.group-card__badge{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);background:var(--surface-3);border:1px solid var(--line);font-family:var(--font-display);color:var(--gold-text);font-size:1rem}.group-card__list{display:flex;flex-direction:column;gap:var(--sp-2);padding-left:0!important}.team-flag{flex-shrink:0;width:22px;height:15px;object-fit:cover;border-radius:3px;border:1px solid var(--line);background:var(--surface-2)}.team-row{display:flex;align-items:center;gap:var(--sp-3);padding:.55em .7em;border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--line-soft);transition:border-color var(--t-base) var(--ease),background var(--t-base) var(--ease)}.team-row.is-qualifying{border-color:var(--ok);background:linear-gradient(90deg,var(--tint-ok),var(--surface) 60%);box-shadow:inset 3px 0 0 var(--ok)}.team-row.is-third-adv{border-color:var(--ring-gold);background:linear-gradient(90deg,var(--tint-gold),var(--surface) 60%);box-shadow:inset 3px 0 0 var(--gold-deep)}.team-row.is-dragging{opacity:.85;box-shadow:var(--shadow-lg);border-color:var(--gold);z-index:2}.team-row__pos{flex-shrink:0;width:22px;text-align:center;font-family:var(--font-display);font-size:1rem;color:var(--text-faint)}.team-row.is-qualifying .team-row__pos{color:var(--ok)}.team-row.is-third-adv .team-row__pos{color:var(--gold-text)}.team-row__grip{flex-shrink:0;display:grid;place-items:center;width:22px;height:26px;border:none;background:transparent;color:var(--text-faint);cursor:grab;border-radius:var(--r-sm);touch-action:none;transition:color var(--t-base) var(--ease)}.team-row__grip:hover:not(:disabled){color:var(--text-dim)}.team-row__grip:active{cursor:grabbing}.team-row__grip:disabled{visibility:hidden}.team-row__code{flex-shrink:0;font-family:var(--font-mono);font-weight:700;font-size:var(--fs-xs);letter-spacing:.05em;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:.25em .45em;min-width:3.5ch;text-align:center}.team-row__name{flex:1;min-width:0;font-weight:600;font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-row__tag{flex-shrink:0;font-family:var(--font-sans);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ok);font-weight:700}.team-row.is-third-adv .team-row__tag{color:var(--gold-text)}.team-row__moves{flex-shrink:0;display:inline-flex;flex-direction:column;gap:2px}.team-row__move{display:grid;place-items:center;width:22px;height:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-dim);border-radius:4px;padding:0;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.team-row__move:hover:not(:disabled){color:var(--gold-text);border-color:var(--gold-deep)}.team-row__move:disabled{opacity:.3;cursor:not-allowed}.third-toggle{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.4em .7em;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);font-size:var(--fs-xs);font-weight:700;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--t-base) var(--ease),color var(--t-base) var(--ease),background var(--t-base) var(--ease);white-space:nowrap}.third-toggle:hover:not(.is-disabled){border-color:var(--surface-3)}.third-toggle.is-on{border-color:var(--gold-deep);color:var(--gold-text);background:var(--tint-gold)}.third-toggle.is-disabled{opacity:.4;cursor:not-allowed}.third-toggle__input{position:absolute;opacity:0;width:1px;height:1px}.third-toggle__box{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line);color:transparent;transition:all var(--t-base) var(--ease)}.third-toggle.is-on .third-toggle__box{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.third-toggle__input:focus-visible+.third-toggle__box{outline:2px solid var(--gold);outline-offset:2px}.ko-carousel{display:flex;flex-direction:column;gap:var(--sp-4)}.ko-tabs{display:flex;gap:var(--sp-2);padding:4px;background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--r-pill);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ko-tabs::-webkit-scrollbar{display:none}.ko-tab{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-width:64px;padding:.5em .7em;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;color:var(--text-faint);background:transparent;border:1px solid transparent;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ko-tab:hover:not(:disabled):not(.is-active){background:var(--surface-3);color:var(--text-dim)}.ko-tab.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);border-color:var(--line-soft)}.ko-tab.is-done:not(.is-active){color:var(--gold-text)}.ko-tab.is-locked{cursor:not-allowed;opacity:.6}.ko-tab__tick{color:var(--ok-deep);font-weight:900}.ko-tab.is-active .ko-tab__tick{color:var(--gold-deep)}.ko-tab__lock{font-size:.7em;filter:grayscale(.3)}.ko-progress{display:flex;flex-direction:column;gap:var(--sp-2)}.ko-progress__text{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.ko-progress__text strong{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:-.01em;color:var(--text)}.ko-progress__count{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--text-faint);text-transform:uppercase}.ko-progress__bar{height:6px;border-radius:var(--r-pill);background:var(--bg-2);overflow:hidden}.ko-progress__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-deep));transition:width var(--t-base) var(--ease)}.ko-progress__fill.is-complete{background:linear-gradient(90deg,var(--ok),var(--ok-deep))}.ko-viewport{overflow:hidden;border-radius:var(--r-lg)}.ko-track{display:flex;transition:transform var(--t-base) var(--ease);will-change:transform}.ko-slide{flex:0 0 100%;min-width:100%}.ko-panel{padding:var(--sp-2) 2px var(--sp-2)}.ko-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6);margin:20px auto 0;max-width:400px}.ko-grid--sf,.ko-grid--final{max-width:460px;margin-inline:auto}.ko-match{position:relative;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);margin-top:9px}.ko-match__no{position:absolute;top:-27px;left:8px;width:calc(100% - 16px);z-index:2;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--text);background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:3px 20px}.ko-match__divider{display:block;height:1px;background:var(--line-soft);margin-inline:.9em}.ko-match.is-decided{border-color:var(--gold)}.ko-match.is-decided .ko-match__divider{background:transparent}.ko-match[data-round=FINAL]{border-color:var(--gold-deep)}.ko-match[data-round=FINAL].is-decided{box-shadow:var(--shadow-gold)}.ko-side{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:.85em .9em;font-size:var(--fs-sm);font-weight:600;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}button.ko-side{cursor:pointer}button.ko-side:hover:not(:disabled){background:var(--bg-2)}.ko-side__flag{width:26px;height:18px;flex:none;transition:opacity var(--t-fast) var(--ease)}.ko-side__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ko-side__radio{position:relative;flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:var(--surface);transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.ko-side__radio.is-on{border-color:var(--gold-deep);background:var(--gold)}.ko-side__radio.is-on:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#fff}.ko-side.is-winner{background:var(--tint-gold);color:var(--text);font-weight:700}.ko-side.is-loser{color:var(--text-faint)}.ko-side.is-loser .ko-side__flag{opacity:.4}.ko-side.is-champion .ko-side__radio.is-on{box-shadow:0 0 0 2px var(--gold-bright)}.ko-side.is-tbd{color:var(--text-faint);font-style:italic;font-weight:500}.ko-side.is-static{cursor:default}.ko-finalize{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);max-width:460px;margin-inline:auto}.ko-champion-input{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--tint-gold-soft);border:1px solid var(--gold-deep);border-radius:var(--r-md)}.ko-champion-input label{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm);font-weight:600;color:var(--text-dim)}.ko-nav{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.ko-nav__next{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2);text-align:right}.ko-nav__hint{margin:0;font-size:var(--fs-xs);color:var(--text-faint);max-width:22ch}.ko-nav__spacer{flex:1}@media(prefers-reduced-motion:reduce){.ko-track,.ko-progress__fill{transition:none}}.bsum{display:flex;flex-direction:column;gap:var(--sp-5)}.bsum__champ{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);border-color:var(--gold-deep)}.bsum__champ-name{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--gold-text);display:inline-flex;align-items:center;gap:var(--sp-2)}.bsum__champ-flag{width:30px;height:20px}.bsum__champ-goals{color:var(--text-dim);font-size:var(--fs-sm)}.bsum__champ-goals b{color:var(--text);font-family:var(--font-mono)}.bsum__groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4)}.bsum__group{padding:var(--sp-4)}.bsum__group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.bsum__group-letter{font-family:var(--font-display);font-size:var(--fs-base);letter-spacing:.02em}.bsum__adv{background:var(--tint-gold);border-color:var(--gold-deep);color:var(--gold-text)}.bsum__list{display:flex;flex-direction:column;gap:2px}.bsum__list li{display:flex;align-items:center;gap:var(--sp-3);padding:.35em .5em;border-radius:var(--r-sm);font-size:var(--fs-sm)}.bsum__list li.is-advancing{background:var(--tint-gold-soft)}.bsum__pos{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);width:1.4em}.bsum__flag{width:20px;height:14px}.bsum__team{font-weight:600}.bracket-page{padding-block:var(--sp-6) var(--sp-8)}.bracket-loading{color:var(--text-dim);padding-block:var(--sp-8);text-align:center}.bracket-hero{margin-bottom:var(--sp-5)}.bracket-hero__title{font-family:var(--font-display);font-size:var(--fs-3xl);margin-top:var(--sp-2)}.bracket-hero__lead{margin-top:var(--sp-3);max-width:60ch;color:var(--text-dim)}.bracket-hero__lead strong{color:var(--gold-text)}.banner{border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);font-size:var(--fs-sm)}.banner--locked{background:var(--tint-danger);border:1px solid var(--danger);color:var(--danger-deep);font-weight:600}.banner--error{background:#b5800f1f;border:1px solid var(--warn);color:var(--warn);font-weight:600}.bracket-bar{position:sticky;top:calc(var(--header-h) + 8px);z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4);margin-bottom:var(--sp-5)}.bracket-bar__thirds{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.bracket-bar__label{font-size:var(--fs-sm);font-weight:700;color:var(--text-dim)}.thirds-counter{display:inline-flex;align-items:baseline;gap:.3ch;font-family:var(--font-display)}.thirds-counter b{font-size:var(--fs-2xl);color:var(--gold-text);line-height:1}.thirds-counter span{font-size:var(--fs-sm);color:var(--text-faint)}.thirds-counter.is-complete b{color:var(--ok)}.bracket-bar__progress{display:inline-flex;gap:4px}.pip{width:14px;height:6px;border-radius:3px;background:var(--surface-3);transition:background var(--t-base) var(--ease)}.pip.is-on{background:var(--gold)}.bracket-bar__right{display:flex;align-items:center;gap:var(--sp-4)}.save-badge{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:700;color:var(--text-faint)}.save-badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.save-badge.is-saving{color:var(--info)}.save-badge.is-saved{color:var(--ok)}.save-badge.is-error{color:var(--danger)}.completion-chip{font-size:var(--fs-xs);font-weight:700;padding:.4em .8em;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--text-dim);white-space:nowrap}.completion-chip.is-ready{color:var(--ok-deep);border-color:var(--ok);background:var(--tint-ok)}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--sp-4)}.bracket-foot{margin-top:var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.bracket-foot__hint{font-size:var(--fs-sm);color:var(--text-faint)}@media(max-width:560px){.bracket-bar{position:static}.group-grid{grid-template-columns:1fr}}.step-nav{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap}.step-nav__tab{background:var(--surface-2);border:1px solid var(--line);color:var(--text-dim);border-radius:var(--r-pill);padding:.5em 1.1em;font-weight:700;font-size:var(--fs-sm);font-family:var(--font-mono);letter-spacing:.04em;transition:all var(--t-fast) var(--ease)}.step-nav__tab:hover:not(:disabled){border-color:var(--surface-3);color:var(--text)}.step-nav__tab.is-active{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:var(--on-gold);border-color:transparent}.step-nav__tab:disabled{opacity:.4;cursor:not-allowed}.step-nav__status{margin-left:auto}.ko-gate{padding:var(--sp-7) var(--sp-5);text-align:center}.ko-gate h2{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:var(--sp-3)}.ko-gate p{color:var(--text-dim);max-width:46ch;margin-inline:auto}.ko-step__hint{color:var(--text-dim);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.ko-champion-input{margin-top:var(--sp-5);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);max-width:540px}.ko-champion-input label{display:flex;flex-direction:column;gap:var(--sp-2);font-weight:700;color:var(--text-dim);font-size:var(--fs-sm)}.ko-champion-input .input{max-width:160px}.review-step{display:flex;flex-direction:column;gap:var(--sp-5)}.review-lock{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);flex-wrap:wrap}.group-legend{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-4)}.group-legend .kicker{margin:0}.group-legend__item{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:600;color:var(--text-dim)}.group-legend__swatch{width:16px;height:16px;border-radius:var(--r-sm);flex-shrink:0}.group-legend__swatch--adv{background:var(--tint-ok);border:1px solid var(--ok);box-shadow:inset 3px 0 0 var(--ok)}.group-legend__swatch--third{background:var(--tint-gold);border:1px solid var(--ring-gold);box-shadow:inset 3px 0 0 var(--gold-deep)}.lb-page{padding-block:var(--sp-6)}.lb-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}.lb-title{font-family:var(--font-display);font-size:var(--fs-3xl)}.lb-note{color:var(--text-dim);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}.lb-empty{color:var(--text-dim);padding:var(--sp-7) var(--sp-5);text-align:center}.lb-empty h2{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:var(--sp-2)}.lb-table-wrap{overflow-x:auto;padding:var(--sp-2)}.lb-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.lb-table th{text-align:left;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-weight:700;padding:var(--sp-3) var(--sp-3);border-bottom:1px solid var(--line)}.lb-table td{padding:var(--sp-3) var(--sp-3);border-bottom:1px solid var(--line-soft)}.lb-table tbody tr:last-child td{border-bottom:none}.lb-num{text-align:right;font-family:var(--font-mono)}.lb-col-rank{width:3em}.lb-rank{display:inline-flex;align-items:center;justify-content:center;min-width:1.8em;height:1.8em;border-radius:var(--r-pill);font-family:var(--font-mono);font-weight:700;background:var(--surface-2);color:var(--text-dim)}.lb-rank.is-podium{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:var(--on-gold)}.lb-name{font-weight:700}.lb-you{margin-left:var(--sp-2);font-size:var(--fs-xs);font-family:var(--font-mono);color:var(--gold-text);border:1px solid var(--gold-deep);border-radius:var(--r-pill);padding:0 .5em}.lb-total{font-weight:700;color:var(--text)}.lb-table tbody tr.is-me{background:var(--tint-gold-soft)}.lb-table tbody tr.is-me td:first-child{box-shadow:inset 3px 0 0 var(--gold-deep)}@media(max-width:640px){.lb-hide-sm{display:none}}.players-page{padding-block:var(--sp-6)}.players-hero{margin-bottom:var(--sp-5)}.players-title{font-family:var(--font-display);font-size:var(--fs-3xl)}.players-lead{color:var(--text-dim);max-width:60ch;margin-top:var(--sp-2)}.players-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--sp-5);align-items:start}.players-list{padding:var(--sp-3);position:sticky;top:calc(var(--header-h) + var(--sp-3))}.players-muted{color:var(--text-faint);font-size:var(--fs-sm);padding:var(--sp-3)}.players-item{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:1px solid transparent;border-radius:var(--r-md);color:var(--text);padding:.7em .8em;font-weight:700;font-size:var(--fs-sm);transition:all var(--t-fast) var(--ease)}.players-item:hover{background:var(--surface-2)}.players-item.is-active{background:var(--surface-3);border-color:var(--gold-deep)}.players-item__name{display:flex;align-items:center;gap:var(--sp-2)}.players-item__you{font-size:var(--fs-xs);font-family:var(--font-mono);color:var(--gold-text);border:1px solid var(--gold-deep);border-radius:var(--r-pill);padding:0 .5em}.players-item__arrow{color:var(--text-faint)}.players-detail{min-height:200px}.players-placeholder{padding:var(--sp-7) var(--sp-5);text-align:center;color:var(--text-dim)}.players-placeholder h2{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:var(--sp-2)}.players-bracket{display:flex;flex-direction:column;gap:var(--sp-6)}.players-ko__head{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:var(--sp-4)}@media(max-width:760px){.players-layout{grid-template-columns:1fr}.players-list{position:static}}.admin-login{max-width:420px;padding-block:var(--sp-8)}.admin-login__card{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.admin-login__title{font-family:var(--font-display);font-size:var(--fs-2xl)}.admin-page{padding-block:var(--sp-6)}.admin-hero{margin-bottom:var(--sp-5)}.admin-title{font-family:var(--font-display);font-size:var(--fs-3xl)}.admin-section{font-family:var(--font-display);font-size:var(--fs-xl);margin:var(--sp-6) 0 var(--sp-3)}.admin-muted{color:var(--text-faint)}.admin-settings{padding:var(--sp-5)}.admin-settings .admin-section{margin-top:0}.admin-settings__row{display:flex;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap}.admin-settings__row .input{max-width:260px}.admin-matches{display:flex;flex-direction:column;gap:var(--sp-2)}.admin-row{display:grid;grid-template-columns:90px 1fr auto auto auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4)}.admin-row.is-final{border-color:var(--gold-deep)}.admin-row__head{display:flex;flex-direction:column}.admin-row__no{font-family:var(--font-mono);font-weight:700}.admin-row__stage{font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.admin-row__teams{display:flex;flex-direction:column;gap:4px}.admin-team{font-weight:600;font-size:var(--fs-sm)}.admin-row__scores{display:flex;align-items:center;gap:var(--sp-2)}.admin-score{width:56px;text-align:center;padding:.5em}.admin-vs{color:var(--text-faint)}.admin-row__controls{display:flex;align-items:center;gap:var(--sp-2)}.admin-status{width:auto;padding:.5em}.admin-code{width:96px;padding:.5em;text-transform:uppercase}.admin-save{padding:.55em 1.1em}.admin-row__feedback{grid-column:1 / -1;min-height:0}.admin-flag{font-size:var(--fs-xs);font-family:var(--font-mono)}.admin-flag.is-ok{color:var(--ok)}.admin-flag.is-err{color:var(--danger)}@media(max-width:760px){.admin-row{grid-template-columns:1fr;gap:var(--sp-2)}.admin-row__controls{flex-wrap:wrap}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-boot{min-height:100vh;display:grid;place-items:center}.app-boot__ball{width:38px;height:38px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--gold: #f4c14b;--gold-bright: #ffd96a;--gold-deep: #c9962a;--gold-text: #8a6310;--host-usa: #2f6fe0;--host-can: #d8333a;--host-mex: #0f9d6b;--bg: #f4f6fb;--bg-2: #eef1f8;--surface: #ffffff;--surface-2: #f7f9fd;--surface-3: #eaeef7;--line: #d6dcea;--line-soft: #e6eaf3;--text: #131a2b;--text-dim: #525c74;--text-faint: #79839c;--on-gold: #1a1405;--ok: #0f9d6b;--warn: #b5800f;--danger: #d8333a;--info: #2f6fe0;--ok-deep: #0c7d55;--danger-deep: #b3262c;--font-display: "Archivo Black", "Archivo", system-ui, sans-serif;--font-sans: "Archivo", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.875rem;--fs-3xl: 2.75rem;--fs-4xl: clamp(2.5rem, 6vw, 4.5rem);--lh-tight: 1.05;--lh-snug: 1.25;--lh-normal: 1.55;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(19, 26, 43, .06);--shadow-md: 0 6px 18px rgba(19, 26, 43, .08);--shadow-lg: 0 18px 44px rgba(19, 26, 43, .14);--shadow-gold: 0 6px 18px rgba(201, 150, 42, .28);--tint-gold: rgba(244, 193, 75, .16);--tint-gold-soft: rgba(244, 193, 75, .1);--tint-ok: rgba(15, 157, 107, .12);--tint-danger: rgba(216, 51, 58, .1);--ring-gold: rgba(201, 150, 42, .45);--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .12s;--t-base: .22s;--maxw: 1600px;--header-h: 68px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text);background-color:var(--bg);background-image:radial-gradient(900px 520px at 12% -8%,rgba(47,111,224,.05),transparent 60%),radial-gradient(820px 500px at 92% 0%,rgba(15,157,107,.05),transparent 60%),radial-gradient(1000px 620px at 50% 120%,rgba(244,193,75,.06),transparent 55%),linear-gradient(180deg,#ffffff,var(--bg));background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{line-height:var(--lh-tight);letter-spacing:-.01em;font-weight:800}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;border-radius:var(--r-sm)}ul{list-style:none;padding:0}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--sp-5)}.kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-text);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid transparent;border-radius:var(--r-md);padding:.7em 1.3em;font-weight:700;font-size:var(--fs-sm);letter-spacing:.01em;transition:transform var(--t-fast) var(--ease),background-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);background:var(--surface-2);color:var(--text);border-color:var(--line)}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--surface-3)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:var(--on-gold);border-color:transparent;box-shadow:var(--shadow-gold)}.btn--primary:hover:not(:disabled){box-shadow:0 12px 38px #f4c14b66}.btn--ghost{background:transparent;border-color:var(--line)}.btn--block{width:100%}.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.3em .75em;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;background:var(--surface-2);border:1px solid var(--line);color:var(--text-dim)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field>label{font-size:var(--fs-sm);font-weight:700;color:var(--text-dim)}.input{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text);padding:.8em 1em;font-size:var(--fs-base);font-family:inherit;transition:border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:var(--gold-deep);box-shadow:0 0 0 3px var(--tint-gold)}.input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px var(--tint-danger)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 #f4c14b80}70%{box-shadow:0 0 0 8px #f4c14b00}to{box-shadow:0 0 #f4c14b00}}.rise{animation:rise var(--t-base) var(--ease) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}