:root{--crewnel-primary:#534ab7;--crewnel-accent:#7f77dd;--crewnel-light:#cecbf6;--crewnel-dark-bg:#1a1a2e;--primary-50:#f1f0fb;--primary-100:#e7e5f6;--primary-200:#cecbf6;--primary-300:#aaa4e8;--primary-400:#7f77dd;--primary-500:#534ab7;--primary-600:#433b94;--primary-700:#332c71;--primary-800:#251f52;--primary-900:#1a1a2e;--neutral-0:#fff;--neutral-50:#f6f5fb;--neutral-100:#ecebf4;--neutral-200:#e5e3ef;--neutral-300:#c9c6d8;--neutral-400:#a8a5bc;--neutral-500:#6e6b85;--neutral-600:#54506e;--neutral-700:#33304a;--neutral-900:#1b1830;--color-success:#2e9e6b;--color-warning:#b5801f;--color-error:#ce4141;--color-info:#534ab7;--swatch-success-tint:#e7f4ee;--swatch-success-fg:#1f7a50;--swatch-success-line:#b7e0cb;--swatch-warning-tint:#f7efdd;--swatch-warning-fg:#8a6015;--swatch-warning-line:#e7d3a0;--swatch-error-tint:#f7e6e6;--swatch-error-fg:#a83232;--swatch-error-line:#ebb9b9;--swatch-info-tint:#f1f0fb;--swatch-info-fg:#534ab7;--swatch-info-line:#cecbf6;--font-sans:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--text-display:40px;--lh-display:1.1;--text-h1:30px;--lh-h1:1.15;--text-h2:22px;--lh-h2:1.25;--text-h3:18px;--lh-h3:1.35;--text-body-lg:17px;--lh-body-lg:1.6;--text-base:15px;--lh-base:1.6;--text-sm:13px;--lh-sm:1.5;--text-caption:12px;--lh-caption:1.4;--tracking-tight:-.01em;--tracking-caps:.06em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--line-width:1px;--btn-pad-sm:7px 14px;--btn-pad-md:10px 18px;--btn-pad-lg:13px 24px;--field-pad:10px 14px;--field-pad-select:10px 36px 10px 14px;--field-chevron-right:14px;--alert-pad:12px 16px;--badge-pad:4px 12px;--delta-pad:4px 10px;--stat-label-gap:6px;--stat-foot-gap:10px;--meter-height:6px;--disabled-opacity:.5;--icon-nav:19px;--icon-inline:18px;--icon-sample:24px;--icon-stroke:2;--focus-halo-width:2px;--focus-ring-width:2px;--focus-offset:1px;--shell-max:1120px;--seat-max:320px;--nav-icon-gap:8px;--overlay-scrim:#1b18308f;--overlay-max:480px;--overlay-rise:12px;--overlay-dwell:7s;--qr-quiet:var(--neutral-0);--qr-ink:var(--neutral-900);--shadow-sm:0 1px 2px #1b183014;--shadow-md:0 4px 12px #1b18301a;--shadow-lg:0 12px 28px #332c7129;--transition-base:.14s cubic-bezier(.4, 0, .2, 1);--motion-scale:1;--viewport-min:320px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--measure-max:72ch;--brand:var(--crewnel-primary);--brand-accent:var(--crewnel-accent);--surface-page:var(--neutral-50);--surface-card:var(--neutral-0);--surface-sunken:var(--neutral-100);--surface-dark:var(--crewnel-dark-bg);--border-default:var(--neutral-200);--border-strong:var(--neutral-300);--control-line:var(--neutral-500);--text-heading:var(--neutral-900);--text-body:var(--neutral-700);--text-muted:var(--neutral-500);--text-on-brand:var(--neutral-0);--text-on-dark:var(--neutral-0);--hover-tint:var(--primary-50);--focus-ring:var(--neutral-900);--focus-halo:var(--neutral-0);--success-tint:var(--swatch-success-tint);--success-fg:var(--swatch-success-fg);--success-line:var(--swatch-success-line);--warning-tint:var(--swatch-warning-tint);--warning-fg:var(--swatch-warning-fg);--warning-line:var(--swatch-warning-line);--error-tint:var(--swatch-error-tint);--error-fg:var(--swatch-error-fg);--error-line:var(--swatch-error-line);--info-tint:var(--swatch-info-tint);--info-fg:var(--swatch-info-fg);--info-line:var(--swatch-info-line);--logo-horizontal:url(/brand/crewnel_horizontal.svg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand:var(--primary-300);--brand-accent:var(--crewnel-light);--surface-page:var(--primary-900);--surface-card:var(--primary-800);--surface-sunken:var(--neutral-900);--surface-dark:var(--crewnel-dark-bg);--border-default:var(--primary-700);--border-strong:var(--primary-600);--control-line:var(--neutral-400);--text-heading:var(--neutral-0);--text-body:var(--neutral-200);--text-muted:var(--neutral-400);--text-on-brand:var(--primary-900);--text-on-dark:var(--neutral-0);--hover-tint:var(--primary-700);--focus-ring:var(--neutral-0);--focus-halo:var(--primary-900);--success-tint:var(--neutral-900);--success-fg:var(--swatch-success-tint);--success-line:var(--color-success);--warning-tint:var(--neutral-900);--warning-fg:var(--swatch-warning-tint);--warning-line:var(--color-warning);--error-tint:var(--neutral-900);--error-fg:var(--swatch-error-tint);--error-line:var(--color-error);--info-tint:var(--neutral-900);--info-fg:var(--crewnel-light);--info-line:var(--crewnel-accent);--logo-horizontal:url(/brand/crewnel_horizontal_dark.svg)}}:root[data-theme=dark]{--brand:var(--primary-300);--brand-accent:var(--crewnel-light);--surface-page:var(--primary-900);--surface-card:var(--primary-800);--surface-sunken:var(--neutral-900);--surface-dark:var(--crewnel-dark-bg);--border-default:var(--primary-700);--border-strong:var(--primary-600);--control-line:var(--neutral-400);--text-heading:var(--neutral-0);--text-body:var(--neutral-200);--text-muted:var(--neutral-400);--text-on-brand:var(--primary-900);--text-on-dark:var(--neutral-0);--hover-tint:var(--primary-700);--focus-ring:var(--neutral-0);--focus-halo:var(--primary-900);--success-tint:var(--neutral-900);--success-fg:var(--swatch-success-tint);--success-line:var(--color-success);--warning-tint:var(--neutral-900);--warning-fg:var(--swatch-warning-tint);--warning-line:var(--color-warning);--error-tint:var(--neutral-900);--error-fg:var(--swatch-error-tint);--error-line:var(--color-error);--info-tint:var(--neutral-900);--info-fg:var(--crewnel-light);--info-line:var(--crewnel-accent);--logo-horizontal:url(/brand/crewnel_horizontal_dark.svg)}@media (prefers-reduced-motion:reduce){:root{--transition-base:0s;--motion-scale:0}}
*,:before,:after{box-sizing:border-box}html{min-width:var(--viewport-min);-webkit-text-size-adjust:100%}body{background:var(--surface-page);min-height:100vh;color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base);font-weight:var(--weight-regular);margin:0;overflow-x:hidden}h1,h2,h3{color:var(--text-heading);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}h1{font-size:var(--text-h1);line-height:var(--lh-h1)}h2{font-size:var(--text-h2);line-height:var(--lh-h2)}h3{font-size:var(--text-h3);line-height:var(--lh-h3)}p{max-width:var(--measure-max);margin:0}small{font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--text-muted)}ul,ol{margin:0;padding-inline-start:var(--space-5)}a{color:var(--brand);text-underline-offset:var(--space-1);text-decoration:underline}a:hover{background:var(--hover-tint)}button,input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%}table,pre{max-width:100%;display:block;overflow-x:auto}body{overflow-wrap:anywhere}:focus{outline:none}:focus-visible{box-shadow:0 0 0 var(--focus-offset) var(--focus-halo), 0 0 0 calc(var(--focus-offset) + var(--focus-halo-width)) var(--focus-halo), 0 0 0 calc(var(--focus-offset) + var(--focus-halo-width) + var(--focus-ring-width)) var(--focus-ring);outline:none}.visually-hidden{width:var(--line-width);height:var(--line-width);clip-path:inset(50%);white-space:nowrap;border:0;margin:0;padding:0;position:absolute;overflow:hidden}
.btn{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--weight-semibold);padding:var(--btn-pad-md);font-size:var(--text-base);border-radius:var(--radius-md);border:var(--line-width) solid transparent;cursor:pointer;transition:background var(--transition-base), color var(--transition-base);display:inline-flex}.btn--sm{padding:var(--btn-pad-sm);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--md{padding:var(--btn-pad-md);font-size:var(--text-base);border-radius:var(--radius-md)}.btn--lg{padding:var(--btn-pad-lg);font-size:var(--text-body-lg);border-radius:var(--radius-md)}.btn--primary{background:var(--brand);color:var(--text-on-brand);border-color:#0000}.btn--secondary{background:var(--surface-sunken);color:var(--brand);border-color:var(--control-line)}.btn--ghost{color:var(--text-body);border-color:var(--control-line);background:0 0}.btn--danger{background:var(--color-error);color:var(--neutral-0);border-color:#0000}.btn:hover:not(:disabled){background:var(--hover-tint);color:var(--text-heading)}.btn:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.field{font-family:var(--font-sans);display:block}.field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-body);margin-bottom:var(--space-2);display:block}.field__input,.field__select{width:100%;padding:var(--field-pad);font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-heading);background:var(--surface-card);border:var(--line-width) solid var(--control-line);border-radius:var(--radius-md);transition:border-color var(--transition-base)}.field__select{appearance:none;padding:var(--field-pad-select);cursor:pointer}.field__wrap{position:relative}.field__chevron{right:var(--field-chevron-right);color:var(--brand-accent);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.field__note{font-size:var(--text-sm);margin-top:var(--space-1);color:var(--text-muted);display:block}.field--error .field__input,.field--error .field__select{border-color:var(--error-line);border-width:var(--focus-ring-width)}.field--error .field__note{color:var(--error-fg);font-weight:var(--weight-semibold)}.alert{gap:var(--space-3);padding:var(--alert-pad);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base);border:var(--line-width) solid transparent;align-items:flex-start;display:flex}.alert__mark{font-weight:var(--weight-semibold);line-height:var(--lh-base);flex:none}.alert__title{font-weight:var(--weight-semibold)}.alert--info{background:var(--info-tint);border-color:var(--info-line);color:var(--text-body)}.alert--info .alert__mark,.alert--info .alert__title{color:var(--info-fg)}.alert--success{background:var(--success-tint);border-color:var(--success-line);color:var(--text-body)}.alert--success .alert__mark,.alert--success .alert__title{color:var(--success-fg)}.alert--warning{background:var(--warning-tint);border-color:var(--warning-line);color:var(--text-body)}.alert--warning .alert__mark,.alert--warning .alert__title{color:var(--warning-fg)}.alert--error{background:var(--error-tint);border-color:var(--error-line);color:var(--text-body)}.alert--error .alert__mark,.alert--error .alert__title{color:var(--error-fg)}.badge{padding:var(--badge-pad);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--lh-caption);border:var(--line-width) solid transparent;align-items:center;display:inline-flex}.badge--neutral{background:var(--surface-sunken);color:var(--text-body);border-color:var(--border-strong)}.badge--brand{background:var(--info-tint);color:var(--info-fg);border-color:var(--info-line)}.badge--success{background:var(--success-tint);color:var(--success-fg);border-color:var(--success-line)}.badge--warning{background:var(--warning-tint);color:var(--warning-fg);border-color:var(--warning-line)}.badge--error{background:var(--error-tint);color:var(--error-fg);border-color:var(--error-line)}.card{background:var(--surface-card);border:var(--line-width) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);font-family:var(--font-sans)}.card--elevated{box-shadow:var(--shadow-md)}.stat{background:var(--surface-card);border:var(--line-width) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);font-family:var(--font-sans)}.stat__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.stat__label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-muted);margin-bottom:var(--stat-label-gap)}.stat__value{font-size:var(--text-display);font-weight:var(--weight-semibold);color:var(--text-heading);line-height:var(--lh-display)}.stat__delta{padding:var(--delta-pad);border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--weight-semibold);border:var(--line-width) solid transparent;flex:none}.stat__delta--success{background:var(--success-tint);color:var(--success-fg);border-color:var(--success-line)}.stat__delta--error{background:var(--error-tint);color:var(--error-fg);border-color:var(--error-line)}.stat__delta--neutral{background:var(--surface-sunken);color:var(--text-body);border-color:var(--border-strong)}.stat__meter{margin-top:var(--space-4);height:var(--meter-height);border-radius:var(--radius-full);background:var(--surface-sunken);border:var(--line-width) solid var(--border-strong);overflow:hidden}.stat__meter-fill{height:100%;width:var(--meter-value,0%);background:var(--brand)}.stat__foot{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--stat-foot-gap)}.icon{width:var(--icon-inline);height:var(--icon-inline);vertical-align:text-bottom;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block}.icon--nav{width:var(--icon-nav);height:var(--icon-nav)}.icon--sample{width:var(--icon-sample);height:var(--icon-sample)}.qr__quiet{fill:var(--qr-quiet)}.qr__ink{fill:var(--qr-ink)}
.shell{flex-direction:column;min-height:100vh;display:flex}.shell__bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-card);border-bottom:var(--line-width) solid var(--border-default);flex-wrap:wrap;display:flex}.shell__mark{width:var(--seat-max);max-width:100%;height:var(--icon-sample);background-image:var(--logo-horizontal);background-position:0;background-repeat:no-repeat;background-size:contain;display:block}.shell__ways{gap:var(--space-2);flex-wrap:wrap;margin-inline-start:auto;padding:0;list-style:none;display:flex}.shell__way{align-items:center;gap:var(--nav-icon-gap);padding:var(--btn-pad-sm);border:var(--line-width) solid var(--control-line);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-body);background:var(--surface-card);text-decoration:none;display:inline-flex}.shell__way[aria-current=page]{background:var(--brand);color:var(--text-on-brand);border-color:#0000}.shell__body{gap:var(--space-5);width:100%;max-width:var(--shell-max);padding:var(--space-5) var(--space-4);flex-direction:column;margin:0 auto;display:flex}.shell__main,.shell__aside{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.shell__foot{padding:var(--space-4);border-top:var(--line-width) solid var(--border-default);color:var(--text-muted);font-size:var(--text-sm);margin-top:auto}.stack{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.seat__summary{align-items:center;gap:var(--space-3);cursor:pointer;font-weight:var(--weight-semibold);color:var(--text-heading);list-style:none;display:flex}.seat__summary::-webkit-details-marker{display:none}.seat__face{width:var(--icon-sample);height:var(--icon-sample);border-radius:var(--radius-full);background:var(--info-tint);color:var(--info-fg);border:var(--line-width) solid var(--info-line);flex:none;justify-content:center;align-items:center;display:inline-flex}.seat__here{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-regular);margin-inline-start:auto}.seat__body{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.overview__axis{gap:var(--space-3);flex-direction:column;display:flex}.overview__devices{gap:var(--space-3);grid-template-columns:1fr;padding:0;list-style:none;display:grid}.overview__items{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.overview__item--empty{opacity:var(--disabled-opacity)}.overview__cond{color:var(--text-muted);font-size:var(--text-caption)}.league__top{gap:var(--space-2);flex-direction:column;padding-inline-start:var(--space-5);display:flex}.celebrate{z-index:100;padding:var(--space-4);background:var(--overlay-scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebrate__outside{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.celebrate__panel{width:100%;max-width:var(--overlay-max);background:var(--surface-card);border:var(--line-width) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5);gap:var(--space-4);animation:celebrate-in var(--transition-base) both;flex-direction:column;display:flex;position:relative}@keyframes celebrate-in{0%{transform:translateY(calc(var(--overlay-rise) * var(--motion-scale)));opacity:0}to{opacity:1;transform:translateY(0)}}.celebrate__mark{align-items:center;gap:var(--space-2);color:var(--brand);font-weight:var(--weight-semibold);display:inline-flex}.celebrate__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.celebrate--subtle{align-items:center;gap:var(--space-3);padding:var(--alert-pad);border:var(--line-width) solid var(--info-line);border-radius:var(--radius-md);background:var(--info-tint);color:var(--text-body);display:flex}@media (min-width:480px){.overview__devices,.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.shell__body{align-items:flex-start;gap:var(--space-6);flex-direction:row}.shell__main{flex:1 1 0}.shell__aside{flex:0 0 var(--seat-max);max-width:var(--seat-max)}}@media (min-width:1024px){.shell__bar{padding:var(--space-4) var(--space-6)}.shell__body{padding:var(--space-6)}.grid{grid-template-columns:repeat(3,1fr)}}