.placeholder-screen{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;font-family:system-ui,sans-serif}.placeholder-screen h1{margin:0 0 1rem}.placeholder-screen p{margin:.25rem 0}.auth-field{display:flex;flex-direction:column;gap:.25rem;text-align:left;font-size:.9rem}.auth-field input{padding:.5rem;border:1px solid #999;border-radius:.25rem;font-size:1rem}.auth-submit{padding:.5rem .75rem;border:1px solid #333;border-radius:.25rem;background:#333;color:#fff;font-size:1rem;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{margin:0;color:#b00020;font-size:.9rem}.auth-info{margin:0;color:#0a6b2e;font-size:.9rem}.group-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:2rem;font-family:system-ui,sans-serif}.group-card{display:flex;width:100%;max-width:24rem;flex-direction:column;gap:.75rem;text-align:left}.group-card h1{margin:0 0 .5rem;font-size:1.25rem}.group-card p{margin:0;font-size:.95rem}.group-secondary{padding:.5rem .75rem;border:1px solid #999;border-radius:.25rem;background:#fff;color:#333;font-size:1rem;cursor:pointer}.group-secondary:disabled{opacity:.6;cursor:not-allowed}.groups-overview-screen{display:flex;min-height:100vh;justify-content:center;padding:1.5rem 1rem;font-family:system-ui,sans-serif}.groups-overview-card,.groups-overview-list,.groups-overview-actions,.groups-overview-empty,.groups-overview-message{display:flex;width:100%;flex-direction:column;gap:.75rem}.groups-overview-card{max-width:34rem}.groups-overview-card h1,.groups-overview-card p,.groups-overview-item h2{margin:0}.groups-overview-intro,.groups-overview-notice{color:#555;font-size:.9rem}.groups-overview-list{margin:0;padding:0;list-style:none}.groups-overview-item,.groups-overview-message,.groups-overview-empty{padding:.75rem;border:1px solid #ddd;border-radius:.5rem}.groups-overview-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.groups-overview-item h2{overflow-wrap:anywhere;font-size:1rem}.groups-overview-active{margin-top:.25rem!important;color:#0a6b2e;font-size:.85rem;font-weight:600}.groups-overview-link{box-sizing:border-box;display:block;min-height:2.75rem;text-align:center;text-decoration:none}.groups-overview-actions{flex-wrap:wrap}.groups-overview-card button:focus-visible,.groups-overview-link:focus-visible{outline:3px solid #1a4b8c;outline-offset:2px}@media (max-width: 30rem){.groups-overview-item{align-items:stretch;flex-direction:column}}.group-secondary:focus-visible,.auth-submit:focus-visible{outline:3px solid #1a4b8c;outline-offset:2px}.tip-screen{display:flex;min-height:100vh;justify-content:center;padding:1.5rem 1rem;font-family:system-ui,sans-serif}.tip-card{display:flex;width:100%;max-width:34rem;flex-direction:column;gap:.75rem}.tip-card h1{margin:0;font-size:1.25rem}.tip-subline{margin:0;color:#555;font-size:.9rem}.tip-match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.tip-match{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid #ddd;border-radius:.5rem}.tip-match-teams{display:flex;align-items:center;gap:.5rem;font-weight:600}.tip-match-vs{color:#888;font-weight:400;font-size:.85rem}.tip-match-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem;font-size:.8rem;color:#555}.tip-open{color:#1a4b8c}.tip-locked{color:#8a6d00;font-weight:600}.tip-inputs{display:flex;align-items:center;gap:.75rem}.tip-input{width:3.5rem;min-height:2.75rem;padding:.4rem;font-size:1.25rem;text-align:center;border:1px solid #999;border-radius:.35rem}.tip-input:disabled{background:#f2f2f2;color:#777}.tip-colon{font-size:1.25rem;font-weight:600}.tip-potential{font-size:.9rem;min-height:1.1rem}.tip-muted{color:#777}.tip-summary{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0;border-top:1px solid #eee}.tip-summary p{margin:0}.score-breakdown-action{align-self:flex-start;margin-top:.75rem}.score-breakdown-card{max-width:30rem}.score-breakdown-summary{display:flex;align-items:baseline;justify-content:space-between;padding:.75rem;border:1px solid #ddd;border-radius:.5rem}.score-breakdown-summary p,.score-breakdown-values p,.score-breakdown-explanation{margin:0}.score-breakdown-summary strong{font-size:1.5rem}.score-breakdown-values{display:flex;flex-direction:column;gap:.35rem}.score-breakdown-explanation{padding-top:.75rem;border-top:1px solid #eee;color:#555;font-size:.9rem}@media (max-width: 30rem){.score-breakdown-summary{align-items:flex-start;flex-direction:column;gap:.25rem}}.qt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--qt-space-sm);min-height:var(--qt-touch-target-min);height:var(--qt-control-height);padding:0 var(--qt-space-lg);border-radius:var(--qt-radius-control);border:1px solid transparent;font-family:var(--qt-font-body);font-size:var(--qt-font-size-label);font-weight:var(--qt-font-weight-label);line-height:var(--qt-line-height-label);text-decoration:none;cursor:pointer;transition:transform .12s ease,background-color .12s ease,opacity .12s ease}.qt-btn:focus-visible{outline:none;box-shadow:var(--qt-focus-ring)}.qt-btn:active:not(:disabled){transform:scale(.97)}.qt-btn--primary{background:var(--qt-action);color:var(--qt-action-on)}.qt-btn--primary:hover:not(:disabled){background:var(--qt-action-hover)}.qt-btn--primary:active:not(:disabled){background:var(--qt-action-pressed)}.qt-btn--secondary{background:transparent;color:var(--qt-text-primary);border-color:var(--qt-border)}.qt-btn--secondary:hover:not(:disabled){background:var(--qt-surface-2)}.qt-btn--secondary:active:not(:disabled){background:var(--qt-surface-3)}.qt-btn--danger{background:color-mix(in srgb,var(--qt-live-error) 8%,transparent);color:var(--qt-live-error)}.qt-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--qt-live-error) 12%,transparent)}.qt-btn--danger:active:not(:disabled){background:color-mix(in srgb,var(--qt-live-error) 16%,transparent)}.qt-btn--warning{background:color-mix(in srgb,var(--qt-warning) 8%,transparent);color:var(--qt-warning)}.qt-btn--warning:hover:not(:disabled){background:color-mix(in srgb,var(--qt-warning) 12%,transparent)}.qt-btn--warning:active:not(:disabled){background:color-mix(in srgb,var(--qt-warning) 16%,transparent)}.qt-btn:disabled{background:var(--qt-surface-2);color:var(--qt-text-secondary);border-color:var(--qt-border);cursor:not-allowed}.qt-btn__spinner{animation:qt-spin .8s linear infinite}@keyframes qt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.qt-btn,.qt-btn__spinner{transition:none;animation:none}}.legal-consent{margin:var(--qt-space-lg) 0}.legal-consent__label{display:flex;gap:var(--qt-space-md);align-items:flex-start}.legal-consent__input{flex:0 0 auto;width:var(--qt-space-xl);height:var(--qt-space-xl);margin-top:2px}.legal-consent__links{margin:var(--qt-space-sm) 0 0 calc(var(--qt-space-xl) + var(--qt-space-md))}.auth-hero{min-width:0}.auth-hero--compact{margin-bottom:var(--qt-space-lg)}.auth-hero__brand{display:flex;align-items:center;gap:var(--qt-space-sm);margin:0;color:var(--qt-text-primary);font-family:var(--qt-font-display);font-size:var(--qt-font-size-card-title);font-weight:var(--qt-font-weight-card-title);letter-spacing:.01em}.auth-hero__brand svg{flex:0 0 auto}.auth-hero--full{position:relative;isolation:isolate;margin:calc(-1 * var(--qt-space-xl)) calc(-1 * var(--qt-space-lg)) var(--qt-space-lg);padding:var(--qt-space-lg) var(--qt-space-lg) 0}.auth-hero__backdrop{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;display:none;background-position:left 76%;background-repeat:no-repeat;background-size:100% auto;filter:brightness(.72) contrast(1.1) saturate(1.15)}.auth-hero--full:before,.auth-hero--full:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";display:none}.auth-hero--full:before{z-index:-1;background:var(--qt-data);mix-blend-mode:color;opacity:.08}.auth-hero--full:after{z-index:0;pointer-events:none}.auth-hero__content{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:var(--qt-space-sm)}.auth-hero__claim{margin:0;color:var(--qt-text-primary);font-family:var(--qt-font-display);font-size:var(--qt-font-size-headline);font-weight:var(--qt-font-weight-headline);line-height:var(--qt-line-height-headline)}.auth-hero__copy{margin:0;max-width:26rem;color:var(--qt-text-secondary);font-size:var(--qt-font-size-label);line-height:var(--qt-line-height-body)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .auth-hero--full{min-height:clamp(13.5rem,27vh,16rem);padding-bottom:var(--qt-space-3xl);margin-bottom:calc(-1 * (var(--qt-space-3xl) + var(--qt-space-lg)))}:root:not([data-theme=light]) .auth-hero__backdrop{inset:0 0 calc(-1 * var(--qt-space-3xl));display:block;background-image:url(/assets/home-stadium-corner-BvJ-d50u.webp)}:root:not([data-theme=light]) .auth-hero--full:before,:root:not([data-theme=light]) .auth-hero--full:after{inset:0 0 calc(-1 * var(--qt-space-3xl));display:block}:root:not([data-theme=light]) .auth-hero__content{margin-top:auto}:root:not([data-theme=light]) .auth-hero--full+form{position:relative;z-index:1}:root:not([data-theme=light]) .auth-hero--full:after{background:linear-gradient(to right,color-mix(in srgb,var(--qt-canvas) 70%,transparent) 0%,color-mix(in srgb,var(--qt-canvas) 26%,transparent) 58%,transparent 78%),linear-gradient(to bottom,var(--qt-canvas) 0%,color-mix(in srgb,var(--qt-canvas) 38%,transparent) 14%,color-mix(in srgb,var(--qt-canvas) 18%,transparent) 46%,color-mix(in srgb,var(--qt-canvas) 46%,transparent) 72%,color-mix(in srgb,var(--qt-canvas) 82%,transparent) 90%,var(--qt-canvas) 100%);background-size:auto,auto}}:root[data-theme=dark] .auth-hero--full{min-height:clamp(13.5rem,27vh,16rem);padding-bottom:var(--qt-space-3xl);margin-bottom:calc(-1 * (var(--qt-space-3xl) + var(--qt-space-lg)))}:root[data-theme=dark] .auth-hero__backdrop{inset:0 0 calc(-1 * var(--qt-space-3xl));display:block;background-image:url(/assets/home-stadium-corner-BvJ-d50u.webp)}:root[data-theme=dark] .auth-hero--full:before,:root[data-theme=dark] .auth-hero--full:after{inset:0 0 calc(-1 * var(--qt-space-3xl));display:block}:root[data-theme=dark] .auth-hero__content{margin-top:auto}:root[data-theme=dark] .auth-hero--full+form{position:relative;z-index:1}:root[data-theme=dark] .auth-hero--full:after{background:linear-gradient(to right,color-mix(in srgb,var(--qt-canvas) 70%,transparent) 0%,color-mix(in srgb,var(--qt-canvas) 26%,transparent) 58%,transparent 78%),linear-gradient(to bottom,var(--qt-canvas) 0%,color-mix(in srgb,var(--qt-canvas) 38%,transparent) 14%,color-mix(in srgb,var(--qt-canvas) 18%,transparent) 46%,color-mix(in srgb,var(--qt-canvas) 46%,transparent) 72%,color-mix(in srgb,var(--qt-canvas) 82%,transparent) 90%,var(--qt-canvas) 100%);background-size:auto,auto}.age-rating{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--qt-space-xs) var(--qt-space-sm);margin:0;color:var(--qt-text-secondary);font-size:var(--qt-font-size-caption);text-align:center}.age-rating__label{color:var(--qt-text-primary);font-weight:var(--qt-font-weight-label)}.funnel__age-rating{flex:0 0 auto;padding:var(--qt-space-md) var(--qt-space-lg) 0}.legal-page__age-rating{justify-content:flex-start;margin-top:var(--qt-space-lg);text-align:left}.home-experience__age-rating{margin-top:var(--qt-space-md)}.profile-age-rating{justify-content:flex-start;margin-bottom:var(--qt-space-md);text-align:left}.funnel{display:flex;min-height:100dvh;min-width:0;flex-direction:column;background:var(--qt-canvas);color:var(--qt-text-primary);font-family:var(--qt-font-body)}.funnel__head{display:grid;height:4rem;flex:0 0 auto;grid-template-columns:var(--qt-touch-target-min) minmax(0,1fr) var( --qt-touch-target-min );align-items:center;padding:0 var(--qt-space-md);border-bottom:1px solid var(--qt-border);background:var(--qt-canvas)}.funnel__title{overflow:hidden;margin:0;color:var(--qt-text-primary);font-size:var(--qt-font-size-card-title);font-weight:var(--qt-font-weight-card-title);line-height:var(--qt-line-height-card-title);text-align:center;text-overflow:ellipsis;white-space:nowrap}.funnel__icon{display:inline-flex;width:var(--qt-touch-target-min);height:var(--qt-touch-target-min);align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--qt-radius-control);background:transparent;color:var(--qt-text-primary);cursor:pointer}.funnel__icon:focus-visible{outline:none;box-shadow:var(--qt-focus-ring)}.funnel__body{flex:1 1 auto;padding:var(--qt-space-xl) var(--qt-space-lg) var(--qt-space-2xl)}.funnel__legal{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:center;gap:var(--qt-space-lg);padding:var(--qt-space-md) var(--qt-space-lg) calc(var(--qt-space-md) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--qt-border);color:var(--qt-text-secondary);font-size:var(--qt-font-size-caption)}.funnel__legal a{color:inherit;text-underline-offset:.18em}.funnel__legal a:focus-visible{border-radius:var(--qt-radius-control);outline:none;box-shadow:var(--qt-focus-ring)}.funnel__eyebrow{margin:0 0 var(--qt-space-sm);color:var(--qt-text-secondary);font-size:var(--qt-font-size-overline);font-weight:var(--qt-font-weight-label);letter-spacing:.07em}.funnel__heading{margin:0 0 var(--qt-space-sm);color:var(--qt-text-primary);font-size:var(--qt-font-size-title);font-weight:var(--qt-font-weight-title);line-height:var(--qt-line-height-title)}.funnel__copy{margin:0;color:var(--qt-text-secondary);font-size:var(--qt-font-size-label);line-height:var(--qt-line-height-body)}.funnel__help{margin:var(--qt-space-sm) 0 0;color:var(--qt-text-secondary);font-size:var(--qt-font-size-caption);line-height:var(--qt-line-height-caption)}.funnel__actions{display:grid;gap:var(--qt-space-sm);margin-top:var(--qt-space-xl)}.funnel__actions .qt-btn{width:100%}.qt-btn.funnel__text-action{width:auto;height:auto;min-height:var(--qt-touch-target-min);align-self:flex-start;padding:0 var(--qt-space-xs);border-color:transparent;background:transparent;color:var(--qt-text-secondary)}.qt-btn.funnel__text-action:hover:not(:disabled){background:transparent;color:var(--qt-text-primary);text-decoration:underline}.qt-btn.funnel__text-action:disabled{border-color:transparent;background:transparent;color:var(--qt-text-secondary)}.funnel__inline-action{display:flex;justify-content:flex-end;margin-top:var(--qt-space-xs)}.funnel__switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--qt-space-xs);margin-top:var(--qt-space-lg);padding-top:var(--qt-space-lg);border-top:1px solid var(--qt-border);color:var(--qt-text-secondary);font-size:var(--qt-font-size-label)}.funnel__context{margin:0 0 var(--qt-space-lg);padding:var(--qt-space-sm) var(--qt-space-md);border-left:2px solid var(--qt-warning);border-radius:var(--qt-radius-control);background:var(--qt-surface-2);color:var(--qt-text-secondary);font-size:var(--qt-font-size-caption);line-height:var(--qt-line-height-body)}.funnel__note{display:flex;align-items:flex-start;gap:var(--qt-space-sm);margin:var(--qt-space-lg) 0 0;padding:var(--qt-space-md);border-left:2px solid var(--qt-border);border-radius:var(--qt-radius-control);background:var(--qt-surface-2);color:var(--qt-text-primary);font-size:var(--qt-font-size-label);line-height:var(--qt-line-height-body)}.funnel__note--success{border-left-color:var(--qt-success)}.funnel__note--error{border-left-color:var(--qt-live-error)}.funnel__note--warning{border-left-color:var(--qt-warning)}.funnel__note--info{border-left-color:var(--qt-data)}.funnel__spinner{flex:0 0 auto;margin-top:.15em;animation:funnel-spin .8s linear infinite}@keyframes funnel-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.funnel__spinner{animation:none}}.funnel__field{display:grid;gap:var(--qt-space-xs);margin-top:var(--qt-space-lg)}.funnel__field label{color:var(--qt-text-primary);font-size:var(--qt-font-size-label);font-weight:600}.funnel__input{width:100%;min-width:0;height:var(--qt-control-height);padding:0 var(--qt-space-md);border:1px solid var(--qt-border);border-radius:var(--qt-radius-control);background:var(--qt-surface-1);color:var(--qt-text-primary);font-family:var(--qt-font-body);font-size:var(--qt-font-size-label);text-overflow:ellipsis}.funnel__input:focus-visible{outline:none;box-shadow:var(--qt-focus-ring)}.funnel__input:focus{text-overflow:clip}.funnel__input[aria-invalid=true]{border-color:var(--qt-live-error)}.funnel__input:disabled{border-color:var(--qt-border);background:var(--qt-surface-2);color:var(--qt-text-secondary);cursor:not-allowed}.funnel__input--code{font-family:var(--qt-font-display);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase}.funnel__field-error{margin:0;color:var(--qt-live-error);font-size:var(--qt-font-size-caption);line-height:var(--qt-line-height-caption)}.funnel__skeleton{display:grid;gap:var(--qt-space-md);margin-top:var(--qt-space-lg)}.funnel__bone{height:.75rem;border-radius:var(--qt-radius-control);background:var(--qt-surface-2)}.funnel__bone--title{height:1.625rem;width:70%}.funnel__bone--short{width:42%}.funnel__code{display:block;color:var(--qt-text-primary);font-family:var(--qt-font-display);font-size:var(--qt-font-size-headline);font-variant-numeric:tabular-nums;font-weight:var(--qt-font-weight-display);letter-spacing:.08em;overflow-wrap:anywhere}.funnel__code-link{margin:var(--qt-space-md) 0 0;color:var(--qt-text-secondary);font-size:var(--qt-font-size-caption);line-height:var(--qt-line-height-caption);overflow-wrap:anywhere}@media (min-width: 48rem){.funnel__head,.funnel__body,.funnel__legal{width:min(100%,32rem);margin-right:auto;margin-left:auto}}.route-loading{display:flex;min-height:40vh;align-items:center;justify-content:center;padding:var(--qt-space-xl) var(--qt-space-md)}.route-loading--full{min-height:100vh}.route-loading__text{margin:0;color:var(--qt-text-secondary);font-size:var(--qt-font-size-label);opacity:0;animation:route-loading-in .2s ease-out .6s forwards}@keyframes route-loading-in{to{opacity:1}}@media (prefers-reduced-motion: reduce){.route-loading__text{animation-duration:0s}}.qt-profile-identity{--qt-profile-identity-bounds: 92px;--qt-profile-identity-core: 70px;--qt-profile-identity-companion: 72px;--qt-profile-identity-rank: 82px;--qt-profile-identity-rank-width: 4px;display:grid;width:var(--qt-profile-identity-bounds);height:118px;flex:0 0 auto;grid-template-rows:var(--qt-profile-identity-bounds) 20px;row-gap:6px;justify-items:center}.qt-profile-medallion{position:relative;display:grid;width:var(--qt-profile-identity-bounds);height:var(--qt-profile-identity-bounds);place-items:center;padding:0;border:0;border-radius:var(--qt-radius-pill);background:transparent;color:var(--qt-text-primary);cursor:pointer}.qt-profile-medallion__core,.qt-profile-medallion__companion,.qt-profile-medallion__rank{position:absolute;box-sizing:border-box;border-radius:var(--qt-radius-pill);pointer-events:none}.qt-profile-medallion__core{width:var(--qt-profile-identity-core);height:var(--qt-profile-identity-core);background:var(--qt-surface-1)}.qt-profile-medallion__companion{width:var(--qt-profile-identity-companion);height:var(--qt-profile-identity-companion);border:1px solid color-mix(in srgb,var(--qt-text-primary) 46%,var(--qt-border))}.qt-profile-medallion__rank{width:var(--qt-profile-identity-rank);height:var(--qt-profile-identity-rank);border:var(--qt-profile-identity-rank-width) solid color-mix(in srgb,var(--qt-text-primary) 78%,var(--qt-border))}.qt-profile-medallion__code{position:relative;z-index:1;font-family:var(--qt-font-display);font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1}.qt-profile-identity[data-code-length="1"] .qt-profile-medallion__code{font-size:40px}.qt-profile-identity[data-code-length="3"] .qt-profile-medallion__code{font-size:28px;letter-spacing:-.025em}.qt-profile-identity__badges{display:block;width:100%;height:20px;visibility:hidden}.qt-profile-medallion:focus-visible{outline:3px solid color-mix(in srgb,var(--qt-action) 52%,transparent);outline-offset:2px}.qt-profile-identity--compact{--qt-profile-identity-bounds: 52px;--qt-profile-identity-core: 42px;--qt-profile-identity-companion: 44px;--qt-profile-identity-rank: 50px;--qt-profile-identity-rank-width: 2px;height:52px;grid-template-rows:52px;row-gap:0}.qt-profile-identity--compact .qt-profile-medallion__code{font-size:19px}.qt-profile-identity--compact[data-code-length="1"] .qt-profile-medallion__code{font-size:23px}.qt-profile-identity--compact[data-code-length="3"] .qt-profile-medallion__code{font-size:16px}.qt-profile-identity--compact .qt-profile-identity__badges{display:none}@media (max-width: 359px),(max-height: 640px){.qt-profile-identity:not(.qt-profile-identity--compact){--qt-profile-identity-bounds: 64px;--qt-profile-identity-core: 48px;--qt-profile-identity-companion: 49px;--qt-profile-identity-rank: 57px;--qt-profile-identity-rank-width: 3px;height:64px;grid-template-rows:64px;row-gap:0}.qt-profile-identity:not(.qt-profile-identity--compact) .qt-profile-medallion{width:64px;height:64px}.qt-profile-identity:not(.qt-profile-identity--compact) .qt-profile-medallion__code{font-size:24px}.qt-profile-identity:not(.qt-profile-identity--compact)[data-code-length="1"] .qt-profile-medallion__code{font-size:28px}.qt-profile-identity:not(.qt-profile-identity--compact)[data-code-length="3"] .qt-profile-medallion__code{font-size:20px}.qt-profile-identity:not(.qt-profile-identity--compact) .qt-profile-identity__badges{display:none}}.app-shell{min-height:100vh;padding-bottom:calc(4.75rem + env(safe-area-inset-bottom,0px));background:var(--qt-canvas);color:var(--qt-text-primary);font-family:var(--qt-font-body)}.app-shell__header{display:flex;min-height:4rem;align-items:center;justify-content:space-between;padding:0 var(--qt-space-md);border-bottom:1px solid var(--qt-border);background:var(--qt-surface-1)}.app-shell__brand{display:inline-flex;min-height:var(--qt-touch-target-min);align-items:center;gap:var(--qt-space-sm);border:0;background:transparent;color:var(--qt-text-primary);cursor:pointer;font:inherit}.app-shell__brand{font-family:var(--qt-font-display);font-size:var(--qt-font-size-title);font-weight:var(--qt-font-weight-title);letter-spacing:.01em}.app-shell__content{width:min(100%,44rem);margin:0 auto}.app-shell--root-echo{position:relative;isolation:isolate;--root-echo-canvas: #0a0c0d;--root-echo-upper: url(/assets/jersey-upper-dark-v6-Ci-pVXUX.webp);background:var(--root-echo-canvas)}.app-shell--root-echo:before{position:absolute;z-index:-1;top:0;right:0;left:0;height:min(25rem,100vw);background-image:linear-gradient(to right,var(--root-echo-canvas) 0%,var(--root-echo-canvas) 35%,transparent 100%),var(--root-echo-upper);background-position:center top;background-repeat:no-repeat;background-size:100% 100%,min(100%,44rem) auto;-webkit-mask-image:linear-gradient(to bottom,#000 0 25%,transparent 75%);mask-image:linear-gradient(to bottom,#000 0 25%,transparent 75%);content:"";pointer-events:none}.app-shell--root-echo .app-shell__header{position:relative;left:calc(50vw - 50%);box-sizing:border-box;width:min(100%,44rem);min-height:5.5rem;margin:0 auto;padding:0 var(--qt-space-lg);border:0;background:transparent}.app-shell--root-echo .app-shell__brand{margin-inline-start:6px;padding:0;font-size:1.5rem;font-weight:800}.app-shell--root-echo .qt-profile-medallion__core{background:var(--root-echo-canvas)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .app-shell--root-echo{--root-echo-canvas: #ffffff;--root-echo-upper: url(/assets/jersey-upper-light-v6-B9rRgFmV.webp)}}:root[data-theme=light] .app-shell--root-echo{--root-echo-canvas: #ffffff;--root-echo-upper: url(/assets/jersey-upper-light-v6-B9rRgFmV.webp)}@media (max-height: 30rem) and (min-width: 40rem){.app-shell--root-echo:before{height:16rem}.app-shell--root-echo .app-shell__header{min-height:4rem}}.app-shell--home-stage{--home-stage-canvas: #0a0c0d;height:100dvh;min-height:0;overflow:hidden;padding-bottom:0;background:var(--home-stage-canvas)}.app-shell--home-stage .app-shell__content{width:100%;height:calc(100dvh - 4.75rem - env(safe-area-inset-bottom,0px));min-height:0;margin:0}.app-shell--home-stage .app-shell__bottom-nav{border-color:transparent;background:var(--home-stage-canvas)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .app-shell--home-stage{--home-stage-canvas: #ffffff}}:root[data-theme=light] .app-shell--home-stage{--home-stage-canvas: #ffffff}.app-shell__bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom,0px);border:0;background:var(--qt-dark-canvas)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .app-shell__bottom-nav{background:var(--qt-light-surface-1)}}:root[data-theme=light] .app-shell__bottom-nav{background:var(--qt-light-surface-1)}.app-shell__nav-item{position:relative;display:flex;min-height:4.75rem;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--qt-text-secondary);font-size:var(--qt-font-size-caption);font-weight:var(--qt-font-weight-label);text-align:center;text-decoration:none}.app-shell__nav-item--active{color:var(--qt-action)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .app-shell__nav-item--active{color:var(--qt-lime-text-light)}}:root[data-theme=light] .app-shell__nav-item--active{color:var(--qt-lime-text-light)}.app-shell__nav-item--active:before{position:absolute;top:0;width:var(--qt-space-xl);height:2px;border-radius:var(--qt-radius-pill);background:currentColor;content:""}.app-shell__brand:focus-visible,.app-shell__nav-item:focus-visible{box-shadow:var(--qt-focus-ring)}@media (min-width: 48rem){.app-shell__header{padding-right:var(--qt-space-xl);padding-left:var(--qt-space-xl)}.app-shell__bottom-nav{right:auto;left:50%;width:min(100%,44rem);transform:translate(-50%)}.app-shell--home-stage .app-shell__bottom-nav{border-color:transparent;border-radius:0}}.qt-gallery{min-height:100vh;background:var(--qt-canvas);color:var(--qt-text-primary);font-family:var(--qt-font-body);padding:32px;display:flex;flex-direction:column;gap:32px}.qt-gallery__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--qt-border);padding-bottom:16px}.qt-gallery__header h1{font-family:var(--qt-font-display);font-size:28px;margin:0 0 4px}.qt-gallery__header p{margin:0;color:var(--qt-text-secondary);font-size:13px}.qt-gallery__section h2{font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--qt-text-secondary);margin:0 0 12px}.qt-gallery__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.qt-gallery__swatch-row{display:flex;flex-wrap:wrap;gap:16px}.qt-gallery__swatch{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--qt-text-secondary);width:120px}.qt-gallery__swatch-color{width:100%;height:48px;border-radius:8px}.qt-gallery__swatch-color--bordered{border:1px solid var(--qt-border)}.qt-gallery__text-swatch{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--qt-text-secondary)}.qt-gallery__font-sample{margin:0 0 8px;font-size:18px}.qt-gallery__font-sample--display{font-size:32px;font-weight:800}.qt-gallery__font-note{font-size:12px;color:var(--qt-text-tertiary)}.qt-gallery__labeled{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--qt-text-secondary)}.qt-btn.qt-demo-pressed{transform:scale(.97)}.qt-btn--primary.qt-demo-pressed{background:var(--qt-action-pressed)}.qt-btn--secondary.qt-demo-pressed{background:var(--qt-surface-3)}.qt-btn.qt-demo-focus{box-shadow:var(--qt-focus-ring)}.qt-card{--qt-card-surface: var(--qt-surface-1);background:linear-gradient(135deg,transparent 9px,var(--qt-border) 10px 11px,var(--qt-card-surface) 12px);border:1px solid var(--qt-border);border-radius:0 var(--qt-radius-card) var(--qt-radius-card) var(--qt-radius-card);clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);padding:var(--qt-space-lg);color:var(--qt-text-primary);font-family:var(--qt-font-body)}.qt-card--raised{--qt-card-surface: var(--qt-surface-2)}.qt-score-input-group{display:inline-flex;flex-direction:column;gap:4px}.qt-score-input{display:inline-flex;align-items:center;gap:var(--qt-space-sm);padding:var(--qt-space-xs);border-radius:var(--qt-radius-control);border:1px solid var(--qt-border);background:var(--qt-surface-1)}.qt-score-input__stepper{position:relative;display:inline-flex;align-items:center;gap:2px;border-radius:var(--qt-radius-control)}.qt-score-input__stepper:focus-within{box-shadow:var(--qt-focus-ring);background:color-mix(in srgb,var(--qt-action) 8%,transparent)}.qt-score-input__btn{display:inline-flex;align-items:center;justify-content:center;width:var(--qt-touch-target-min);height:var(--qt-touch-target-min);flex-shrink:0;border-radius:var(--qt-radius-pill);border:none;background:transparent;color:var(--qt-text-secondary);cursor:pointer;transition:transform .12s ease,background-color .12s ease,color .12s ease,opacity .12s ease}.qt-score-input__btn:hover:not(:disabled){background:var(--qt-surface-2);color:var(--qt-text-primary)}.qt-score-input__btn:active:not(:disabled){transform:scale(.92);background:var(--qt-surface-3)}.qt-score-input__btn:focus{outline:none}.qt-score-input__btn:focus-visible{outline:2px solid var(--qt-action);outline-offset:1px}.qt-score-input__btn:disabled{color:var(--qt-text-tertiary);cursor:not-allowed}.qt-score-input__value{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:var(--qt-digit-width);font-family:var(--qt-font-display);font-size:var(--qt-digit-font-size);line-height:var(--qt-digit-line-height);font-variant-numeric:tabular-nums;font-weight:var(--qt-digit-font-weight);text-align:center;color:var(--qt-text-primary)}.qt-score-input__field{width:2.5ch;min-width:2.5ch;height:var(--qt-touch-target-min);box-sizing:border-box;padding:0;border:0;border-radius:2px;background:transparent;color:inherit;font:inherit;line-height:inherit;font-variant-numeric:tabular-nums;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.qt-score-input__value--rolling .qt-score-input__field{color:transparent;caret-color:transparent}.qt-score-input__roll{position:absolute;top:0;right:calc(var(--qt-touch-target-min) + 2px);bottom:0;left:calc(var(--qt-touch-target-min) + 2px);overflow:hidden;pointer-events:none;color:var(--qt-text-primary);font-variant-numeric:tabular-nums}.qt-score-input__roll-digit{position:absolute;right:0;left:0;line-height:var(--qt-touch-target-min);text-align:center;transform:translateY(-50%);white-space:nowrap}.qt-score-input__field::placeholder{color:var(--qt-text-tertiary);opacity:1}.qt-score-input__field:focus{outline:2px solid var(--qt-action);outline-offset:2px}.qt-score-input__mirror{display:none}.qt-score-input__static{min-width:var(--qt-digit-width);padding:0 var(--qt-space-xs);font-family:var(--qt-font-display);font-size:var(--qt-digit-font-size);line-height:var(--qt-digit-line-height);font-variant-numeric:tabular-nums;font-weight:var(--qt-digit-font-weight);text-align:center;color:var(--qt-text-secondary)}.qt-score-input__static--empty{color:var(--qt-text-tertiary)}.qt-score-input__colon{font-family:var(--qt-font-display);font-size:var(--qt-digit-font-size);color:var(--qt-text-tertiary)}.qt-score-input__icon{flex-shrink:0}.qt-score-input--saved{border-color:var(--qt-border)}.qt-score-input--saved .qt-score-input__icon{color:var(--qt-success)}.qt-score-input--error{border-color:var(--qt-live-error)}.qt-score-input--open{border-color:var(--qt-warning)}.qt-score-input--locked{border-color:transparent;border-radius:var(--qt-radius-pill);background:var(--qt-surface-2)}.qt-score-input--locked .qt-score-input__icon{color:var(--qt-text-tertiary)}.qt-score-input__message{margin:0;font-family:var(--qt-font-body);font-size:var(--qt-font-size-caption);color:var(--qt-live-error)}.qt-score-input__message--open{color:var(--qt-warning)}@media (prefers-reduced-motion: reduce){.qt-score-input__btn{transition:none}.qt-score-input__roll{display:none}.qt-score-input__value--rolling .qt-score-input__field{color:inherit}}.qt-segmented{display:inline-flex;padding:3px;gap:2px;background:var(--qt-surface-2);border-radius:var(--qt-radius-control)}.qt-segmented__item{min-height:36px;padding:0 var(--qt-space-md);border:none;border-radius:calc(var(--qt-radius-control) - 3px);background:transparent;color:var(--qt-text-secondary);font-family:var(--qt-font-body);font-size:var(--qt-font-size-label);font-weight:600;cursor:pointer;transition:background-color .12s ease,color .12s ease}.qt-segmented__item:focus-visible{outline:2px solid var(--qt-text-primary);outline-offset:2px;box-shadow:var(--qt-focus-ring)}.qt-segmented__item--active{background:var(--qt-action);color:var(--qt-action-on)}.qt-segmented--underline{display:flex;padding:0;gap:0;border-bottom:1px solid var(--qt-border);border-radius:0;background:transparent}.qt-segmented--underline .qt-segmented__item{position:relative;overflow:hidden;min-width:0;min-height:3.5rem;flex:1 1 0;padding:0;border-radius:0;font-size:var(--qt-font-size-overline);font-weight:var(--qt-font-weight-label);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.qt-segmented--underline .qt-segmented__item:focus-visible{outline-offset:-4px}.qt-segmented--underline .qt-segmented__item--active{background:transparent;color:var(--qt-text-primary);font-weight:var(--qt-font-weight-title)}.qt-segmented--underline .qt-segmented__item--active:after{position:absolute;right:var(--qt-space-md);bottom:0;left:var(--qt-space-md);height:2px;border-radius:var(--qt-radius-control) var(--qt-radius-control) 0 0;background:var(--qt-action);content:""}@media (prefers-reduced-motion: reduce){.qt-segmented__item{transition:none}}.qt-chip{display:inline-flex;align-items:center;gap:5px;padding:3px var(--qt-space-sm);border-radius:var(--qt-radius-pill);font-family:var(--qt-font-body);font-size:var(--qt-font-size-caption);font-weight:600;line-height:1.2;white-space:nowrap}.qt-chip--neutral{background:var(--qt-surface-2);color:var(--qt-text-secondary)}.qt-chip--primary{background:var(--qt-surface-2);color:var(--qt-text-primary)}.qt-chip--orange{background:color-mix(in srgb,var(--qt-warning) 8%,transparent);color:var(--qt-warning)}.qt-chip--green{background:color-mix(in srgb,var(--qt-success) 8%,transparent);color:var(--qt-success)}.qt-chip--red{background:color-mix(in srgb,var(--qt-live-error) 8%,transparent);color:var(--qt-live-error)}.qt-chip--lime{background:color-mix(in srgb,var(--qt-action) 8%,transparent);color:var(--qt-action)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .qt-chip--lime{color:var(--qt-lime-text-light)}}:root[data-theme=light] .qt-chip--lime{color:var(--qt-lime-text-light)}.qt-stat{display:inline-flex;flex-direction:column;gap:2px}.qt-stat__value{font-family:var(--qt-font-display);font-size:var(--qt-digit-font-size);line-height:var(--qt-digit-line-height);font-variant-numeric:tabular-nums;font-weight:var(--qt-digit-font-weight);color:var(--qt-data)}.qt-stat__label{font-family:var(--qt-font-body);font-size:var(--qt-font-size-caption);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--qt-text-secondary)}:root{--qt-lime-100: #edffd7;--qt-lime-300: #d0ff70;--qt-lime-500: #b8f23d;--qt-lime-600: #8fc41f;--qt-lime-700: #668f00;--qt-lime-text-light: #4e6b00;--qt-lime-900: #2e4400;--qt-dark-canvas: #0a0c0d;--qt-dark-surface-1: #121517;--qt-dark-surface-2: #191d20;--qt-dark-surface-3: #22282c;--qt-dark-border: #2d353a;--qt-dark-text-primary: #f7f8f5;--qt-dark-text-secondary: #aeb7b3;--qt-dark-text-tertiary: #7e8984;--qt-light-canvas: #f4f6f2;--qt-light-surface-1: #ffffff;--qt-light-surface-2: #ebefeb;--qt-light-surface-3: #e1e6e2;--qt-light-border: #d7ded9;--qt-light-text-primary: #0a0d0b;--qt-light-text-secondary: #5f6862;--qt-light-text-tertiary: #7a847e;--qt-data-dark: #5bc8ff;--qt-success-dark: #34c759;--qt-achievement-dark: #ffc857;--qt-warning-dark: #ff9f0a;--qt-live-error-dark: #ff453a;--qt-data-light: #006d96;--qt-success-light: #007a3d;--qt-achievement-light: #8a5600;--qt-warning-light: #9a5700;--qt-live-error-light: #c81d2a;--qt-canvas: var(--qt-dark-canvas);--qt-surface-1: var(--qt-dark-surface-1);--qt-surface-2: var(--qt-dark-surface-2);--qt-surface-3: var(--qt-dark-surface-3);--qt-border: var(--qt-dark-border);--qt-text-primary: var(--qt-dark-text-primary);--qt-text-secondary: var(--qt-dark-text-secondary);--qt-text-tertiary: var(--qt-dark-text-tertiary);--qt-data: var(--qt-data-dark);--qt-success: var(--qt-success-dark);--qt-achievement: var(--qt-achievement-dark);--qt-warning: var(--qt-warning-dark);--qt-live-error: var(--qt-live-error-dark);--qt-action: var(--qt-lime-500);--qt-action-hover: var(--qt-lime-300);--qt-action-pressed: var(--qt-lime-600);--qt-action-on: var(--qt-light-text-primary);--qt-digit-font-size: 32px;--qt-digit-line-height: 1;--qt-digit-width: 36px;--qt-digit-font-weight: 800;--qt-touch-target-min: 44px;--qt-control-height: 48px;--qt-focus-ring: 0 0 0 3px rgba(184, 242, 61, .15);--qt-space-xs: 4px;--qt-space-sm: 8px;--qt-space-md: 12px;--qt-space-lg: 16px;--qt-space-xl: 24px;--qt-space-2xl: 32px;--qt-space-3xl: 48px;--qt-radius-control: 12px;--qt-radius-card: 16px;--qt-radius-hero: 20px;--qt-radius-pill: 999px;--qt-font-size-display: 44px;--qt-line-height-display: 1;--qt-font-weight-display: 800;--qt-font-size-headline: 28px;--qt-line-height-headline: 1.1;--qt-font-weight-headline: 700;--qt-font-size-title: 20px;--qt-line-height-title: 1.25;--qt-font-weight-title: 600;--qt-font-size-card-title: 17px;--qt-line-height-card-title: 1.3;--qt-font-weight-card-title: 600;--qt-font-size-body: 16px;--qt-line-height-body: 1.5;--qt-font-weight-body: 400;--qt-font-size-label: 14px;--qt-line-height-label: 1.4;--qt-font-weight-label: 500;--qt-font-size-caption: 13px;--qt-line-height-caption: 1.35;--qt-font-weight-caption: 400;--qt-font-size-overline: 11px}@media (prefers-color-scheme: light){:root{--qt-canvas: var(--qt-light-canvas);--qt-surface-1: var(--qt-light-surface-1);--qt-surface-2: var(--qt-light-surface-2);--qt-surface-3: var(--qt-light-surface-3);--qt-border: var(--qt-light-border);--qt-text-primary: var(--qt-light-text-primary);--qt-text-secondary: var(--qt-light-text-secondary);--qt-text-tertiary: var(--qt-light-text-tertiary);--qt-data: var(--qt-data-light);--qt-success: var(--qt-success-light);--qt-achievement: var(--qt-achievement-light);--qt-warning: var(--qt-warning-light);--qt-live-error: var(--qt-live-error-light)}}:root[data-theme=dark]{--qt-canvas: var(--qt-dark-canvas);--qt-surface-1: var(--qt-dark-surface-1);--qt-surface-2: var(--qt-dark-surface-2);--qt-surface-3: var(--qt-dark-surface-3);--qt-border: var(--qt-dark-border);--qt-text-primary: var(--qt-dark-text-primary);--qt-text-secondary: var(--qt-dark-text-secondary);--qt-text-tertiary: var(--qt-dark-text-tertiary);--qt-data: var(--qt-data-dark);--qt-success: var(--qt-success-dark);--qt-achievement: var(--qt-achievement-dark);--qt-warning: var(--qt-warning-dark);--qt-live-error: var(--qt-live-error-dark)}:root[data-theme=light]{--qt-canvas: var(--qt-light-canvas);--qt-surface-1: var(--qt-light-surface-1);--qt-surface-2: var(--qt-light-surface-2);--qt-surface-3: var(--qt-light-surface-3);--qt-border: var(--qt-light-border);--qt-text-primary: var(--qt-light-text-primary);--qt-text-secondary: var(--qt-light-text-secondary);--qt-text-tertiary: var(--qt-light-text-tertiary);--qt-data: var(--qt-data-light);--qt-success: var(--qt-success-light);--qt-achievement: var(--qt-achievement-light);--qt-warning: var(--qt-warning-light);--qt-live-error: var(--qt-live-error-light)}@font-face{font-family:Geist;src:url(/fonts/geist/geist-v5-latin_latin-ext-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist/geist-v5-latin_latin-ext-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist/geist-v5-latin_latin-ext-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist/geist-v5-latin_latin-ext-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Saira Semi Condensed;src:url(/fonts/saira-semi-condensed/saira-semi-condensed-v15-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Saira Semi Condensed;src:url(/fonts/saira-semi-condensed/saira-semi-condensed-v15-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Saira Semi Condensed;src:url(/fonts/saira-semi-condensed/saira-semi-condensed-v15-latin-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--qt-font-body: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--qt-font-display: "Saira Semi Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box}html{background:var(--qt-canvas);color-scheme:dark}@media (prefers-color-scheme: light){html{color-scheme:light}}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}body{margin:0;background:var(--qt-canvas);color:var(--qt-text-primary);font-family:var(--qt-font-body)}.field-diagnostics{position:fixed;z-index:1000;right:.25rem;bottom:calc(4.5rem + env(safe-area-inset-bottom,0px));left:.25rem;max-height:45vh;margin:0;overflow:hidden;padding:.375rem .5rem;border-radius:.375rem;background:#000000d1;color:#fff;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;line-height:1.35;white-space:pre-wrap;pointer-events:none}
