.web-app{min-height:100vh}.web-app--overlay{background:transparent}.skip-link{position:absolute;top:.75rem;left:.75rem;padding:.65rem .9rem;border-radius:var(--gg-radius-sm);background:var(--gg-accent);color:var(--gg-bg);transform:translateY(-140%);transition:transform .14s ease-out;z-index:50}.skip-link:focus-visible{transform:translateY(0)}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,2rem);border-bottom:1px solid color-mix(in oklab,var(--gg-border) 60%,transparent);background:color-mix(in oklab,var(--gg-bg) 94%,black);position:sticky;top:0;z-index:20}.site-header__brand,.site-header__nav a,.route-card__link,.control-grid button{font-family:var(--gg-font-display);text-transform:uppercase;letter-spacing:.06em}.site-header__brand{font-size:1.4rem}.site-header__nav a{display:inline-grid;place-items:center;min-height:2.35rem;padding:.45rem .75rem;border:1px solid transparent;border-radius:var(--gg-radius-sm);text-align:center;transition:color .16s ease-out,border-color .16s ease-out,background-color .16s ease-out;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.site-header__brand:hover,.site-header__nav a:hover,.route-card__link:hover,.control-grid button:hover{color:var(--gg-accent-2)}.site-header__nav a:hover{border-color:color-mix(in oklab,var(--gg-accent) 35%,var(--gg-border));background:color-mix(in oklab,var(--gg-accent) 10%,transparent)}.site-header__brand:focus-visible,.site-header__nav a:focus-visible,.route-card__link:focus-visible,.control-grid button:focus-visible{outline:2px solid var(--gg-accent-2);outline-offset:3px}.site-header__nav{display:flex;flex-wrap:wrap;gap:1rem;color:var(--gg-text-dim)}.site-main{width:min(100%,1480px);margin:0 auto;padding:clamp(1rem,3vw,2rem)}.site-main--overlay{width:100%;margin:0;padding:0}.route-loading{min-height:14rem;display:grid;place-items:center;border:1px solid var(--gg-border);border-radius:var(--gg-radius-md);background:color-mix(in oklab,var(--gg-surface) 88%,black);color:var(--gg-text-dim);font-family:var(--gg-font-display);letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.hero-grid,.stats-grid,.route-grid,.two-column,.match-support-grid,.control-grid,.overlay-frame{display:grid;gap:1rem}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(20rem,.95fr);align-items:start}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr))}.route-grid{grid-template-columns:1fr}.two-column{grid-template-columns:minmax(0,1.35fr) minmax(19rem,.9fr);align-items:start}.route-card,.stat-card,.match-card,.control-button{display:grid;gap:.65rem;min-width:0;min-height:100%;padding:1.15rem;border:1px solid var(--gg-border);border-radius:var(--gg-radius-md);background:color-mix(in oklab,var(--gg-surface) 82%,black);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.route-card__link{display:inline-grid;place-items:center;width:fit-content;max-width:100%;min-height:2.85rem;margin-top:.35rem;padding:.75rem 1rem;border:1px solid color-mix(in oklab,var(--gg-accent) 38%,var(--gg-border));border-radius:var(--gg-radius-md);background:color-mix(in oklab,var(--gg-surface-2) 90%,black);color:var(--gg-accent-2);line-height:1;text-align:center;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.stat-card p,.match-card p,.route-card p,.control-button p{margin:0;color:var(--gg-text-dim)}.stat-card strong,.match-card strong,.route-card strong,.control-button strong{display:block;margin-bottom:.35rem;font-family:var(--gg-font-display);text-transform:uppercase;letter-spacing:.04em}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.control-grid--spaced{margin-top:1rem}.control-grid button{display:inline-grid;place-items:center;min-height:3.5rem;padding:.85rem 1rem;border:1px solid color-mix(in oklab,var(--gg-accent) 35%,var(--gg-border));border-radius:var(--gg-radius-md);background:color-mix(in oklab,var(--gg-surface-2) 92%,black);color:inherit;cursor:pointer;line-height:1;text-align:center;text-wrap:balance;touch-action:manipulation;transition:transform .16s ease-out,border-color .16s ease-out,background-color .16s ease-out;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.control-grid button.control-button--utility{border-color:color-mix(in oklab,var(--gg-accent) 35%,var(--gg-border));background:color-mix(in oklab,var(--gg-surface-2) 92%,black)}.control-grid button.control-button--team-alpha{border-color:color-mix(in oklab,var(--gg-team-alpha) 45%,var(--gg-border));background:color-mix(in oklab,var(--gg-team-alpha) 10%,var(--gg-surface-2))}.control-grid button.control-button--team-bravo{border-color:color-mix(in oklab,var(--gg-team-bravo) 45%,var(--gg-border));background:color-mix(in oklab,var(--gg-team-bravo) 10%,var(--gg-surface-2))}.overlay-page{min-height:100vh;display:grid;align-content:start;justify-items:start;padding:1rem;background:transparent}.match-page{display:grid;gap:1rem}.match-page__chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.overlay-frame{grid-template-columns:1fr;width:min(100%,640px)}.dashboard-stage,.invite-stage{display:grid;gap:1.25rem}.dashboard-stage .gg-shell--compact .gg-shell__header{margin-bottom:-.35rem}.dashboard-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.dashboard-toolbar,.dashboard-toolbar__left,.dashboard-toolbar__right{display:flex;align-items:center;gap:.75rem}.dashboard-toolbar{justify-content:space-between;flex-wrap:wrap;margin-bottom:1rem}.dashboard-toolbar__right{justify-content:flex-end;flex-wrap:wrap}.dashboard-button,.dashboard-link{display:inline-grid;place-items:center;gap:.45rem;width:fit-content;max-width:100%;min-height:3.05rem;padding:.88rem 1.15rem;border-radius:var(--gg-radius-md);border:1px solid color-mix(in oklab,var(--gg-accent) 35%,var(--gg-border));font-family:var(--gg-font-display);letter-spacing:.08em;line-height:1;text-align:center;text-wrap:balance;text-transform:uppercase;transition:color .16s ease-out,transform .16s ease-out,border-color .16s ease-out,background-color .16s ease-out;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.dashboard-button{color:inherit;cursor:pointer;background:color-mix(in oklab,var(--gg-surface-2) 90%,black);box-shadow:none}.dashboard-button:disabled{cursor:not-allowed;opacity:.55}.dashboard-button--primary{background:color-mix(in oklab,var(--gg-accent) 18%,var(--gg-surface-2))}.dashboard-button--ghost,.dashboard-link{background:transparent}.dashboard-button:hover:not(:disabled),.dashboard-link:hover{color:var(--gg-accent-2);transform:translateY(-1px)}.dashboard-button:focus-visible,.dashboard-link:focus-visible,.dashboard-field input:focus-visible,.dashboard-field select:focus-visible{outline:2px solid var(--gg-accent-2);outline-offset:3px}.dashboard-hero,.dashboard-lanes,.dashboard-skeleton__grid{display:grid;gap:1rem}.dashboard-hero{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.dashboard-banner,.dashboard-panel,.invite-card,.dashboard-auth-gate,.dashboard-link-card,.dashboard-match-card,.dashboard-empty{border:1px solid var(--gg-border);border-radius:var(--gg-radius-md);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.dashboard-banner,.dashboard-auth-gate,.dashboard-link-card,.dashboard-match-card,.dashboard-empty,.invite-card{background:color-mix(in oklab,var(--gg-surface) 84%,black)}.dashboard-banner{padding:1rem 1.1rem;display:grid;gap:.3rem}.dashboard-banner strong,.dashboard-auth-gate__title,.dashboard-panel__title,.dashboard-link-card__title,.dashboard-match-card__title,.dashboard-empty__title,.invite-card__title,.invite-stage__title{margin:0;font-family:var(--gg-font-display);text-transform:uppercase;letter-spacing:.04em}.dashboard-banner strong,.invite-stage__title{font-size:clamp(1.5rem,3vw,2.6rem)}.dashboard-banner__label,.dashboard-panel__eyebrow,.dashboard-link-card__eyebrow,.dashboard-match-card__eyebrow,.dashboard-auth-gate__label,.invite-card__eyebrow,.invite-stage__eyebrow{margin:0;color:var(--gg-accent-2);font-family:var(--gg-font-display);letter-spacing:.18em;text-transform:uppercase}.dashboard-banner span,.dashboard-auth-gate__body,.dashboard-link-card__meta,.dashboard-match-card__meta,.dashboard-empty__body,.invite-card__body,.invite-stage__body{color:var(--gg-text-dim)}.dashboard-auth-gate{padding:clamp(1.25rem,3vw,2rem);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;background:color-mix(in oklab,var(--gg-surface) 88%,black)}.dashboard-auth-gate__copy{max-width:58ch}.dashboard-auth-gate .dashboard-button{justify-self:end;width:min(100%,20rem)}.dashboard-message{margin:0;padding:.95rem 1rem .95rem 1.2rem;border-radius:var(--gg-radius-md);border:1px solid var(--gg-border);border-left-width:5px;line-height:1.2;overflow-wrap:anywhere;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.dashboard-message--success{background:color-mix(in oklab,var(--gg-accent-2) 12%,transparent);border-left-color:color-mix(in oklab,var(--gg-accent-2) 82%,black)}.dashboard-message--warning{background:color-mix(in oklab,var(--gg-accent) 16%,transparent);border-left-color:color-mix(in oklab,var(--gg-accent) 82%,black)}.dashboard-message+.dashboard-message,.dashboard-auth-gate+.dashboard-message{margin-top:.85rem}.dashboard-lanes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.dashboard-lane-stack{display:grid;gap:1rem}.dashboard-panel{display:grid;gap:1rem;padding:1.15rem;background:color-mix(in oklab,var(--gg-surface) 92%,black)}.dashboard-panel--accent{background:color-mix(in oklab,var(--gg-surface) 92%,black);border-color:color-mix(in oklab,var(--gg-accent) 30%,var(--gg-border))}.dashboard-panel--operator-summary{border-color:color-mix(in oklab,var(--gg-accent-2) 26%,var(--gg-border))}.dashboard-panel__header,.dashboard-link-card__header,.dashboard-match-card,.invite-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem}.dashboard-membership,.dashboard-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem}.dashboard-form,.dashboard-link-stack,.dashboard-memberships,.dashboard-match-list{display:grid;gap:1rem}.dashboard-form{margin-top:1rem}.dashboard-form__split{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-field{display:grid;gap:.45rem;min-width:0}.dashboard-field span{font-family:var(--gg-font-display);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.dashboard-field input,.dashboard-field select{min-width:0;min-height:3.1rem;padding:.85rem .95rem;border:1px solid var(--gg-border);border-radius:var(--gg-radius-md);background:color-mix(in oklab,var(--gg-bg) 80%,black);color:inherit;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.dashboard-field input[aria-invalid=true],.dashboard-field select[aria-invalid=true]{border-color:color-mix(in oklab,var(--gg-accent) 72%,white 10%)}.dashboard-field__error{margin:0;color:var(--gg-accent);font-size:.92rem;line-height:1.35;overflow-wrap:anywhere}.dashboard-link-card{display:grid;gap:1rem;padding:1rem;content-visibility:auto;contain-intrinsic-size:18rem}.dashboard-link-card__title span,.invite-stage__title span{color:var(--gg-accent)}.dashboard-membership{align-items:center;padding:.75rem 0;border-top:1px solid color-mix(in oklab,var(--gg-border) 55%,transparent)}.dashboard-membership:first-child{border-top:0}.dashboard-membership strong,.dashboard-membership span,.dashboard-link-card__meta,.dashboard-match-card__meta{display:block;margin:0;overflow-wrap:anywhere}.dashboard-membership__actions,.dashboard-match-card__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-start}.dashboard-inline-form{align-items:end}.dashboard-inline-form .dashboard-field__error{grid-column:1 / -1}.dashboard-match-card,.invite-card{padding:1rem;align-items:center}.dashboard-match-card{grid-template-columns:minmax(0,1fr);content-visibility:auto;contain-intrinsic-size:7rem}.dashboard-operator-summary{display:grid;gap:1rem}.dashboard-operator-summary__copy{display:grid;gap:.3rem}.dashboard-operator-summary__copy strong,.control-room__list-copy strong,.control-room__value{font-family:var(--gg-font-display);letter-spacing:.04em;text-transform:uppercase}.dashboard-operator-summary__copy p,.control-room__list-copy p,.control-room__label{margin:0;color:var(--gg-text-dim)}.control-room{display:grid;gap:1rem}.control-room__summary,.control-room__panel,.control-room__list-item,.control-room__score-line{border:1px solid var(--gg-border);border-radius:var(--gg-radius-md);background:color-mix(in oklab,var(--gg-surface) 88%,black);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.control-room__summary{display:grid;gap:.9rem;grid-template-columns:minmax(16rem,1.35fr) repeat(3,minmax(0,1fr))}.control-room__score,.control-room__meta-block,.control-room__panel{padding:1rem}.control-room__score{display:grid;gap:.7rem}.control-room__score-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.8rem .9rem}.control-room__score-name{font-family:var(--gg-font-display);font-size:clamp(1rem,1.7vw,1.35rem);letter-spacing:.04em;line-height:1;text-transform:uppercase}.control-room__score-value{font-family:var(--gg-font-display);font-size:clamp(1.8rem,3vw,2.5rem);line-height:.9}.control-room__meta-block{display:grid;gap:.4rem;align-content:start}.control-room__status-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.control-room__title{margin:0;font-family:var(--gg-font-display);font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:.04em;line-height:.94;text-transform:uppercase}.control-room__value{font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1}.control-room__status-copy{margin:0;color:var(--gg-text-dim);max-width:38rem}.control-room__status-chip{white-space:nowrap}.control-room__status-chip--paused{border-color:color-mix(in oklab,#f1b94c 55%,var(--gg-border));background:color-mix(in oklab,#f1b94c 14%,var(--gg-surface-2))}.control-room__status-chip--complete{border-color:color-mix(in oklab,#ff7d6e 52%,var(--gg-border));background:color-mix(in oklab,#ff7d6e 14%,var(--gg-surface-2))}.control-room__panel{display:grid;gap:1rem}.control-room__panel-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start}.control-room__button-row,.control-room__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.control-room__composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.control-room__list{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.control-room__list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.9rem 1rem}.control-room__list-copy{min-width:0}.dashboard-empty{display:grid;align-content:center;gap:.45rem;min-height:10rem;padding:1.15rem}.dashboard-empty__title,.dashboard-empty__body{margin:0}.dashboard-activity-list{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.dashboard-activity-item{display:grid;gap:.45rem;padding:.95rem 1rem;border:1px solid color-mix(in oklab,var(--gg-border) 72%,transparent);background:color-mix(in oklab,var(--gg-surface) 84%,black);min-width:0}.dashboard-activity-item__summary,.dashboard-activity-item__meta{margin:0}.dashboard-activity-item__summary{overflow-wrap:anywhere}.dashboard-activity-item__meta{display:flex;flex-wrap:wrap;gap:.65rem 1rem;color:var(--gg-text-dim);font-size:.9rem}.dashboard-skeleton{display:grid;gap:1rem}.dashboard-skeleton__bar,.dashboard-skeleton__panel{border-radius:var(--gg-radius-md);background:color-mix(in oklab,var(--gg-surface-2) 78%,black);animation:dashboard-pulse 1.25s ease-in-out infinite alternate}.dashboard-skeleton__bar{height:3rem}.dashboard-skeleton__panel{min-height:12rem}.invite-stage{gap:1rem}.invite-stage__hero{padding:1.2rem;border:1px solid var(--gg-border);border-radius:var(--gg-radius-md);background:color-mix(in oklab,var(--gg-surface) 88%,black)}.match-support-grid{align-content:start}@keyframes dashboard-pulse{0%{opacity:.58}to{opacity:1}}@media(prefers-reduced-motion:reduce){.dashboard-skeleton__bar,.dashboard-skeleton__panel{animation:none}}@media(max-width:980px){.hero-grid,.two-column,.control-room__summary,.dashboard-hero,.dashboard-lanes,.dashboard-auth-gate{grid-template-columns:1fr}.dashboard-auth-gate .dashboard-button{justify-self:stretch;width:100%}}@media(max-width:900px){.stats-grid,.route-grid,.control-grid,.dashboard-hero,.dashboard-lanes,.dashboard-form__split,.dashboard-skeleton__grid{grid-template-columns:1fr}.dashboard-panel__header,.dashboard-link-card__header,.dashboard-membership,.dashboard-inline-form,.control-room__panel-header,.control-room__composer,.control-room__list-item,.dashboard-match-card,.invite-card{grid-template-columns:1fr;align-items:start}.dashboard-membership__actions,.dashboard-match-card__actions,.control-room__actions,.control-room__button-row{justify-content:flex-start}}@media(max-width:720px){.site-header{flex-direction:column;align-items:stretch}.site-header__brand{font-size:1.2rem;white-space:nowrap}.site-header__nav{width:100%;gap:.65rem}.site-header__nav a{flex:1 1 calc(50% - .65rem);justify-content:center}.overlay-frame{width:100%}}
