:root{--wc-control-height-primary:var(--wc-control-height,52px);--wc-control-height-secondary:var(--wc-secondary-control-height,44px);--wc-control-height-compact:30px;--wc-control-radius-pill:var(--wc-control-radius,999px);--wc-control-gap:4px;--wc-control-padding-block:var(--wc-control-padding,5px);--wc-control-padding-inline:12px;--wc-control-font-size:.76rem;--wc-control-font-weight:760;--wc-panel-radius:22px;--wc-control-active-surface:#ffffff29;--wc-control-blur:blur(24px) saturate(150%);--wc-surface-glass:var(--wc-glass-bg,#08080894);--wc-surface-glass-strong:var(--wc-glass-bg-strong,#101010b8);--wc-surface-row:#fff1;--wc-surface-row-hover:#ffffff1a;--wc-surface-today:var(--wc-today-surface,#ffffff17);--wc-line-glass:var(--wc-glass-line,#ffffff3d);--wc-line-row:#ffffff24;--wc-line-row-hover:#ffffff3d;--wc-line-today:var(--wc-today-line,#ffffff4d);--wc-shadow-glass:var(--wc-glass-shadow,0 18px 54px #0000006b);--wc-shadow-row:0 10px 24px #0000002e;--wc-pill-height:var(--wc-control-height-compact);--wc-pill-padding-inline:9px;--wc-pill-gap:4px;--wc-pill-font-size:.68rem;--wc-pill-font-weight:740;--wc-match-loser-opacity:.58;--wc-sticky-z-switch:7;--wc-sticky-z-picker:5;--wc-sticky-z-date-dock:6;--wc-sticky-z-shortcut:12}.wc-glass-control{color:var(--wc-ink);background:var(--wc-surface-glass);border:1px solid var(--wc-line-glass);border-radius:var(--wc-control-radius-pill);box-shadow:var(--wc-shadow-glass);-webkit-backdrop-filter:var(--wc-control-blur);backdrop-filter:var(--wc-control-blur)}.wc-segmented-control{isolation:isolate;min-height:var(--wc-control-height-secondary);align-items:center;gap:var(--wc-control-gap);padding:var(--wc-control-padding-block);color:var(--wc-muted);border-radius:var(--wc-control-radius-pill);background:0 0;border:1px solid #0000;display:inline-flex;position:relative}.wc-segmented-control:before{z-index:0;background:var(--wc-surface-glass);border:1px solid var(--wc-line-glass);border-radius:inherit;box-shadow:var(--wc-shadow-glass);-webkit-backdrop-filter:var(--wc-control-blur);backdrop-filter:var(--wc-control-blur);content:"";pointer-events:none;position:absolute;inset:-1px}.wc-segmented-control__item{z-index:2;min-width:0;min-height:calc(var(--wc-control-height-secondary) - var(--wc-control-padding-block) * 2);color:inherit;border-radius:var(--wc-control-radius-pill);cursor:pointer;font:inherit;font-size:var(--wc-control-font-size);font-weight:var(--wc-control-font-weight);letter-spacing:0;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.wc-segmented-control__item[data-active]{color:var(--wc-ink)}.wc-segmented-control__indicator{z-index:1;top:var(--active-tab-top);left:var(--active-tab-left);width:var(--active-tab-width);height:var(--active-tab-height);background:var(--wc-control-active-surface);border-radius:var(--wc-control-radius-pill);box-shadow:none;pointer-events:none;transition:left var(--wc-motion-control) var(--wc-motion-ease), top var(--wc-motion-control) var(--wc-motion-ease), width var(--wc-motion-control) var(--wc-motion-ease), height var(--wc-motion-control) var(--wc-motion-ease);will-change:left, top, width, height;position:absolute}.wc-pill{min-height:var(--wc-pill-height);justify-content:center;align-items:center;gap:var(--wc-pill-gap);padding:0 var(--wc-pill-padding-inline);color:var(--wc-ink);background:var(--wc-surface-glass-strong);border:1px solid var(--wc-line-glass);border-radius:var(--wc-control-radius-pill);box-shadow:var(--wc-shadow-glass);font:inherit;font-size:var(--wc-pill-font-size);font-weight:var(--wc-pill-font-weight);letter-spacing:0;white-space:nowrap;-webkit-backdrop-filter:var(--wc-control-blur);backdrop-filter:var(--wc-control-blur);display:inline-flex}.wc-pill--today{background:var(--wc-surface-today);border-color:var(--wc-line-today)}.wc-floating-pill{z-index:var(--wc-sticky-z-shortcut);pointer-events:auto;position:fixed}.wc-list-card{color:var(--wc-ink);background:var(--wc-surface-row);border:1px solid var(--wc-line-row);box-shadow:var(--wc-shadow-row);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);border-radius:12px}.wc-list-card--today{background:var(--wc-surface-today);border-color:var(--wc-line-today)}.wc-list-card:not(:disabled):hover,.wc-list-card:not(:disabled):focus-visible{background:var(--wc-surface-row-hover);border-color:var(--wc-line-row-hover)}.wc-list-card:focus-visible{box-shadow:var(--wc-focus-surface-shadow), var(--wc-shadow-row);outline:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wcds-bg:#050505;--wcds-surface:#ffffff0f;--wcds-surface-strong:#ffffff1a;--wcds-ink:#f7f7f2;--wcds-muted:#f7f7f29e;--wcds-line:#ffffff24;--wcds-line-strong:#ffffff38;--wcds-shadow:0 24px 80px #0000006b;--wcds-focus-glow:0 0 18px #ffffff3d, 0 10px 24px #00000038;--wcds-panel-radius:22px;--wcds-control-radius:999px;--wc-bg:var(--wcds-bg);--wc-surface:var(--wcds-surface);--wc-surface-strong:var(--wcds-surface-strong);--wc-ink:var(--wcds-ink);--wc-muted:var(--wcds-muted);--wc-subtle:#f7f7f266;--wc-line:var(--wcds-line);--wc-line-strong:var(--wcds-line-strong);--wc-glass-bg:#08080894;--wc-glass-bg-strong:#101010b8;--wc-glass-line:#ffffff3d;--wc-glass-shadow:0 18px 54px #0000006b;--wc-today-surface:#ffffff17;--wc-today-line:#ffffff4d;--wc-focus-surface-shadow:var(--wcds-focus-glow);--wc-control-height:52px;--wc-secondary-control-height:44px;--wc-control-padding:5px;--wc-control-radius:var(--wcds-control-radius);--wc-panel-radius:var(--wcds-panel-radius);--wc-motion-ease:cubic-bezier(.32, 0, .18, 1);--wc-motion-fast:.15s;--wc-motion-control:.42s;--ds-background:var(--wcds-bg);--ds-surface:var(--wcds-surface);--ds-foreground:var(--wcds-ink);--ds-muted:var(--wcds-muted);--ds-primary:#ffffff29;--ds-primary-foreground:var(--wcds-ink);--ds-border:var(--wcds-line);--ds-ring:#ffffffb8;--ds-overlay:#00000047;--ds-radius:var(--wcds-control-radius);--ds-font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--wcds-bg)}body{background:var(--wcds-bg);min-width:320px;min-height:100vh;color:var(--wcds-ink);margin:0}.worldcup-design-system{width:min(100% - 24px,980px);min-height:100vh;margin:0 auto;padding:10px 0 44px}.worldcup-design-system :where(button:focus-visible,input:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible){box-shadow:var(--wcds-focus-glow);outline:none}.worldcup-design-system__bar{min-width:0;color:var(--wcds-muted);white-space:nowrap;align-items:center;gap:7px;padding:0 2px 10px;font-size:.8rem;line-height:1.3;display:flex}.worldcup-design-system__home{color:var(--wcds-muted);font-weight:560;text-decoration:none}.worldcup-design-system h1{color:var(--wcds-ink);letter-spacing:0;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:620;line-height:1.15;overflow:hidden}.worldcup-design-system__tokens{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.worldcup-design-system__token{min-height:118px;color:var(--wcds-muted);border:1px solid var(--wcds-line);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:#ffffff0e;border-radius:16px;align-content:end;gap:12px;padding:12px;display:grid}.worldcup-design-system__token span{border:1px solid var(--wcds-line);border-radius:12px;height:38px;display:block}.worldcup-design-system__token p{margin:0;font-size:.72rem;font-weight:650}.worldcup-design-system__token.is-background span{background:var(--wcds-bg)}.worldcup-design-system__token.is-surface span{background:var(--wcds-surface)}.worldcup-design-system__token.is-ink span{background:var(--wcds-ink)}.worldcup-design-system__token.is-line span{background:var(--wcds-line)}.worldcup-design-system__controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.worldcup-design-system__route-system{gap:12px;margin-top:14px;display:grid}.worldcup-design-system__route-system h2{color:var(--wcds-ink);letter-spacing:0;margin:0;font-size:.82rem;font-weight:700}.worldcup-design-system__route-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:start;gap:12px;display:grid}.worldcup-design-system__route-stack{gap:10px;min-width:0;display:grid}.worldcup-design-system__sample-segmented{width:100%}.worldcup-design-system__sample-tab{flex:1 1 0;padding-inline:12px}.worldcup-design-system__sample-indicator{--active-tab-top:var(--wc-control-padding);--active-tab-left:calc(50% + 2px);--active-tab-width:calc(50% - var(--wc-control-padding) - 2px);--active-tab-height:calc(var(--wc-secondary-control-height) - var(--wc-control-padding) * 2)}.worldcup-design-system__pill-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.worldcup-design-system__sample-card{min-height:74px;font:inherit;text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.worldcup-design-system__sample-card strong{color:var(--wc-ink);font-size:.94rem}.worldcup-design-system__sample-card span{color:var(--wc-muted);font-size:.72rem;font-weight:650}.worldcup-design-system__controls>*{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);box-shadow:inset 0 1px #ffffff1a,0 12px 36px #0000002e}.worldcup-design-system__controls input{width:min(100%,240px);color:var(--wcds-ink);background:#ffffff13}.worldcup-design-system__card-preview{grid-template-columns:repeat(auto-fit,minmax(min(100%,12.75rem),1fr));align-items:start;gap:16px;margin-top:14px;display:grid}.worldcup-design-system__card-preview .wc-card{justify-self:center}.worldcup-design-system__foil-lab{gap:18px;margin-top:18px;display:grid}.worldcup-design-system__section-header{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.worldcup-design-system__section-header h2{color:var(--wcds-ink);letter-spacing:0;margin:0;font-size:.82rem;font-weight:700;line-height:1.15}.worldcup-design-system__section-header>div{gap:5px;min-width:0;display:grid}.worldcup-design-system__section-header p{color:var(--wcds-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.74rem;font-weight:650;line-height:1.2;overflow:hidden}.worldcup-design-system__section-header .worldcup-design-system__section-note{text-overflow:clip;white-space:normal;max-width:42rem}.worldcup-design-system__foil-lab-controls{border:1px solid var(--wcds-line);border-radius:var(--wcds-panel-radius);min-width:0;box-shadow:var(--wcds-shadow);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:#ffffff0b;gap:12px;padding:12px;display:grid}.worldcup-design-system__foil-control-group{gap:7px;min-width:0;display:grid}.worldcup-design-system__foil-control-group>span{color:var(--wcds-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.66rem;font-weight:720;line-height:1}.worldcup-design-system__pilot-toggle{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-color:#ffffff42 transparent;background:#ffffff0e;border-color:#ffffff24;max-width:100%;padding:3px;display:flex;overflow-x:auto}.worldcup-design-system__pilot-toggle-item{scroll-snap-align:start;flex:none;height:2rem;font-size:.72rem}.worldcup-design-system__foil-control-row{grid-template-columns:repeat(2,minmax(0,max-content));align-items:end;gap:14px;display:grid}.worldcup-design-system__foil-direction{max-width:54rem;color:var(--wcds-muted);margin:-3px 0 0;font-size:.74rem;font-weight:520;line-height:1.45}.worldcup-design-system__foil-tier-toggle{--ds-primary:#ffffff29;--ds-primary-foreground:var(--wcds-ink);background:#ffffff0f;border-color:#ffffff24;min-height:2rem;padding:3px}.worldcup-design-system__foil-tier-toggle-item{min-width:2rem;height:1.55rem;padding-inline:.56rem;font-size:.72rem;line-height:1}.worldcup-design-system__foil-comparison{--wcds-foil-preview-width:14rem;grid-auto-columns:var(--wcds-foil-preview-width);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-color:#ffffff42 transparent;grid-auto-flow:column;gap:14px;max-width:100%;padding:2px 0 12px;display:grid;overflow-x:auto}.worldcup-design-system__foil-comparison.is-feature{--wcds-foil-preview-width:min(74vw, 20rem)}.worldcup-design-system__foil-comparison.is-default{--wcds-foil-preview-width:14rem}.worldcup-design-system__foil-comparison.is-compact{--wcds-foil-preview-width:9rem}.worldcup-design-system__foil-comparison-mode,.worldcup-design-system__foil-pattern-composite,.worldcup-design-system__nonfoil-demo figure{align-content:start;gap:8px;min-width:0;margin:0;display:grid}.worldcup-design-system__foil-comparison-mode{scroll-snap-align:start}.worldcup-design-system__foil-comparison-mode>.wc-card,.worldcup-design-system__foil-pattern-composite>.wc-card,.worldcup-design-system__nonfoil-demo .wc-card{--wc-card-width:100%;width:100%}.worldcup-design-system__foil-comparison-mode figcaption,.worldcup-design-system__foil-pattern-composite figcaption,.worldcup-design-system__nonfoil-demo figcaption{min-width:0;color:var(--wcds-muted);gap:3px;font-size:.68rem;line-height:1.2;display:grid}.worldcup-design-system__foil-comparison-mode figcaption strong{color:var(--wcds-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.worldcup-design-system__foil-media{aspect-ratio:5/7;border-radius:var(--wc-card-radius,8px);background:#10141d;border:1px solid #ffffff29;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000057,0 1px #ffffff47}.worldcup-design-system__foil-media.is-mask{background-color:#0a0a0a;background-image:linear-gradient(45deg,#ffffff0b 25%,#0000 25% 75%,#ffffff0b 75%),linear-gradient(45deg,#ffffff0b 25%,#0000 25% 75%,#ffffff0b 75%);background-position:0 0,8px 8px;background-size:16px 16px}.worldcup-design-system__foil-media img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(var(--wc-card-art-scale,1.01));transform-origin:50%}.worldcup-design-system__mask-fallback{max-width:8rem;color:var(--wcds-muted);text-align:center;padding:12px;font-size:.68rem;font-weight:650;line-height:1.35}.worldcup-design-system__mask-debug{border-radius:var(--wcds-panel-radius);background:#081318db;border:1px solid #40deff6b;grid-template-columns:minmax(0,1fr) minmax(8rem,11rem);align-items:center;gap:16px;padding:14px;display:grid;box-shadow:0 0 28px #40deff1a}.worldcup-design-system__mask-debug-copy{gap:7px;min-width:0;display:grid}.worldcup-design-system__mask-debug-copy strong{color:#baf5ff;font-size:.8rem}.worldcup-design-system__mask-debug-copy code,.worldcup-design-system__mask-debug-copy span{overflow-wrap:anywhere;color:#d5f8ffad;font-size:.68rem;line-height:1.35}.worldcup-design-system__mask-debug-frame{aspect-ratio:5/7;border-radius:var(--wc-card-radius,8px);background:#050505;border:1px solid #40deff85;position:relative;overflow:hidden}.worldcup-design-system__mask-debug-frame img,.worldcup-design-system__mask-debug-frame>span{width:100%;height:100%;position:absolute;inset:0}.worldcup-design-system__mask-debug-frame img{object-fit:cover;object-position:center;transform:scale(var(--wc-card-art-scale,1.01));transform-origin:50%}.worldcup-design-system__mask-debug-frame .worldcup-design-system__mask-debug-overlay{opacity:.62;mix-blend-mode:screen;filter:sepia()saturate(8)hue-rotate(142deg)brightness(1.3)}.worldcup-design-system__mask-debug-frame>span{pointer-events:none;background:linear-gradient(90deg,#0000 49.7%,#ff49bfb8 50%,#0000 50.3%),linear-gradient(#0000 49.7%,#ff49bfb8 50%,#0000 50.3%),linear-gradient(#0000 19.7%,#40deff9e 20%,#0000 20.3% 84.7%,#40deff9e 85%,#0000 85.3%)}.worldcup-design-system__pattern-surface{background:#5e636c;position:relative}.worldcup-design-system__pattern-surface:before{pointer-events:none;content:"";background-color:var(--wc-foil-pattern-base,#ffffff0d);background-image:var(--wc-foil-pattern-image);background-position:var(--wc-foil-pattern-position,0 0);background-repeat:repeat;background-size:var(--wc-foil-pattern-size,42px 42px);border-radius:inherit;opacity:.62;position:absolute;inset:0}.worldcup-design-system__plain-patterns{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-color:#ffffff42 transparent;grid-auto-columns:minmax(8.5rem,9.75rem);grid-auto-flow:column;gap:12px;max-width:100%;padding:2px 0 10px;display:grid;overflow-x:auto}.worldcup-design-system__plain-pattern{color:var(--wcds-muted);cursor:pointer;font:inherit;letter-spacing:0;scroll-snap-align:start;text-align:left;transition:color var(--wc-motion-fast) var(--wc-motion-ease), transform var(--wc-motion-fast) var(--wc-motion-ease);background:0 0;border:0;gap:7px;margin:0;padding:0;display:grid;container-type:inline-size}.worldcup-design-system__plain-pattern:hover{color:var(--wcds-ink);transform:translateY(-2px)}.worldcup-design-system__plain-pattern:focus-visible{outline-offset:5px;outline:2px solid #ffffffc2}.worldcup-design-system__plain-pattern[aria-pressed=true]{color:var(--wcds-ink)}.worldcup-design-system__plain-pattern-card{--wc-foil-primary:#111827d1;--wc-foil-secondary:#11182780;--wc-foil-tertiary:#11182752;aspect-ratio:5/7;border-radius:var(--wc-card-radius,8px);width:100%;transition:border-color var(--wc-motion-fast) var(--wc-motion-ease), box-shadow var(--wc-motion-fast) var(--wc-motion-ease);border:1px solid #fff3;overflow:hidden;box-shadow:inset 0 0 0 1px #11182714,0 16px 38px #0000003d;container-type:inline-size}.worldcup-design-system__plain-pattern:hover .worldcup-design-system__plain-pattern-card,.worldcup-design-system__plain-pattern[aria-pressed=true] .worldcup-design-system__plain-pattern-card{box-shadow:inset 0 0 0 1px #11182714, 0 18px 42px #0000004d, var(--wcds-focus-glow);border-color:#ffffff6b}.worldcup-design-system__plain-pattern-label{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:700;line-height:1.15;overflow:hidden}.worldcup-design-system__foil-stage{border:1px solid var(--wcds-line);border-radius:var(--wcds-panel-radius);min-height:0;box-shadow:var(--wcds-shadow);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:radial-gradient(circle at 50% 18%,#ffffff14,#0000 34%),#ffffff0b;align-items:start;padding:clamp(16px,4vw,34px);display:grid}.worldcup-design-system__foil-pattern-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));align-items:start;gap:clamp(12px,2vw,18px);display:grid}.worldcup-design-system__foil-pattern-composite{justify-self:center;width:100%;max-width:12rem}.worldcup-design-system__nonfoil-demo{border:1px solid var(--wcds-line);border-radius:var(--wcds-panel-radius);background:#ffffff09;grid-template-columns:repeat(2,minmax(0,9rem));gap:14px;padding:14px;display:grid}.worldcup-design-system__foil-size-card{--wc-card-width:100%}.worldcup-design-system__table{color:var(--wcds-ink);border:1px solid var(--wcds-line);border-radius:var(--wcds-panel-radius);box-shadow:var(--wcds-shadow);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:#ffffff0e;margin-top:18px;overflow-x:auto}.worldcup-design-system__table table{border-collapse:collapse;width:100%;min-width:620px;font-size:.92rem}.worldcup-design-system__table th,.worldcup-design-system__table td{text-align:left;border-bottom:1px solid #ffffff14;padding:13px 14px}.worldcup-design-system__table thead th{color:var(--wcds-muted);font-size:.72rem;font-weight:650}.worldcup-design-system__table tbody th{font-weight:620}.worldcup-design-system__table tbody tr:last-child th,.worldcup-design-system__table tbody tr:last-child td{border-bottom:0}@media (width<=680px){.worldcup-design-system{width:min(100% - 20px,980px);padding-top:8px}.worldcup-design-system__tokens{grid-template-columns:repeat(2,minmax(0,1fr))}.worldcup-design-system__route-grid{grid-template-columns:minmax(0,1fr)}.worldcup-design-system__section-header{align-items:start;display:grid}.worldcup-design-system__section-header>p{white-space:normal}.worldcup-design-system__foil-control-row,.worldcup-design-system__mask-debug{grid-template-columns:minmax(0,1fr)}.worldcup-design-system__mask-debug-frame{width:min(100%,11rem)}}@media (prefers-reduced-motion:reduce){.worldcup-design-system{--wc-motion-fast:0s;--wc-motion-control:0s}.worldcup-design-system__plain-pattern:hover{transform:none}}@media (forced-colors:active){.worldcup-design-system :where(button:focus-visible,input:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible){outline-offset:2px;box-shadow:none;outline:2px solid canvastext}}