:root{--font-brand: "Oxygen", sans-serif;--colour-background: #080e2b;--colour-panel: #0c1440;--colour-text-primary: #f6f8fd;--colour-text-secondary: #d4daf7;--colour-action-primary: #2944d6;--colour-footer: #f6f8fd;--surface-glass: rgba(255, 255, 255, .08);--surface-highlight: rgba(110, 195, 245, .14);--border-quiet: rgba(117, 115, 178, .25);--glow-magenta: rgba(213, 41, 155, .7);--glow-blue: rgba(41, 68, 214, .55);--surface-navy-glass: rgba(12, 20, 64, .42);--surface-vision: rgba(18, 30, 78, .3);--surface-vision-card: rgba(8, 14, 43, .22);--border-vision: rgba(246, 248, 253, .12);--chart-accent: #6ec3f5;--chart-accent-soft: rgba(110, 195, 245, .28);--chart-grid: rgba(246, 248, 253, .1);--content-max: 1200px;--radius-card: 12px;--radius-media: 8px;--radius-pill: 999px;--radius-vision: 36px;--radius-vision-card: 22px;--blur-vision: 64px;--space-compact: 12px;--space-content: 24px;--space-large: 40px;--hotspot-fade: .52s}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:var(--colour-background);color:var(--colour-text-primary);font-family:var(--font-brand);font-weight:400;letter-spacing:.02em;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.experience{position:relative;width:100%;height:100%;overflow:hidden;background:var(--colour-background)}.stage-fit{position:absolute;overflow:hidden;will-change:transform,opacity}.stage-fit.is-pan-out{animation:pan-out var(--pan-duration, 25s) cubic-bezier(.22,1,.36,1) forwards}.stage-fit.is-ken-burns{transition:transform .9s cubic-bezier(.22,1,.36,1)}.stage-fit.is-fading{opacity:0;transition:opacity .24s ease}.stage-still,.stage-video,.stage-bridge{position:absolute;inset:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.stage-still,.stage-video{object-fit:fill}.stage-still{z-index:0}.stage-still.is-pending{z-index:1}.stage-bridge{z-index:2;background:var(--colour-background);opacity:0;transition:opacity var(--clip-ease, .65s) cubic-bezier(.33,0,.2,1)}.stage-bridge.is-on{opacity:1}.stage-video{z-index:3;opacity:0;transform:scale(1);transform-origin:50% 50%;transition:opacity var(--clip-ease, .65s) cubic-bezier(.33,0,.2,1),transform var(--clip-ease, .65s) cubic-bezier(.22,1,.36,1)}.stage-video.is-front{z-index:4}.stage-video.is-front.is-visible{opacity:1}.media-preload{position:absolute;width:180px;height:102px;left:-9999px;top:0;overflow:hidden;opacity:0;pointer-events:none}.stage-video:not(.is-visible){opacity:0;transform:scale(1);transition:none}.stage-video.is-visible{opacity:1}.stage-video.is-visible.is-easing-out{opacity:0;transform:scale(1.016)}@keyframes pan-out{0%{transform:scale(1.18)}to{transform:scale(1)}}.vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 12% 18%,var(--glow-blue) 0%,transparent 42%),radial-gradient(ellipse at 88% 8%,rgba(213,41,155,.22) 0%,transparent 36%),radial-gradient(ellipse 92% 68% at -6% 112%,rgba(8,14,43,.94) 0%,rgba(12,20,64,.72) 32%,rgba(12,20,64,.28) 54%,transparent 72%),linear-gradient(to top,rgba(8,14,43,.46) 0%,rgba(8,14,43,.14) 14%,transparent 32%)}.hotspot-layer{position:absolute;z-index:3;overflow:visible;outline:none;-webkit-tap-highlight-color:transparent}.hotspot-dim{fill:#080e2b7a;pointer-events:none;opacity:0;transition:opacity var(--hotspot-fade) ease}.hotspot-dim.is-visible{opacity:1}.hotspot{fill:#6ec3f500;stroke:#f6f8fd00;stroke-width:.18;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 0 0 rgba(41,68,214,0));transition:fill var(--hotspot-fade) ease,stroke var(--hotspot-fade) ease,filter var(--hotspot-fade) ease}.hotspot:focus,.hotspot:focus-visible{outline:none}.hotspot:hover,.hotspot.is-active,.hotspot.is-debug{fill:var(--surface-highlight);stroke:#f6f8fde0;filter:drop-shadow(0 0 8px rgba(41,68,214,.45))}.hotspot.is-debug{fill:var(--surface-highlight)}.hud{position:absolute;inset:0;z-index:8;pointer-events:none}.brand{position:absolute;top:28px;left:var(--space-large);display:flex;align-items:center;gap:16px;opacity:0;transform:translateY(-6px);transition:opacity 1.1s ease,transform 1.1s ease}.brand.is-visible{opacity:1;transform:none}.brand-pixeltree{height:22px;width:auto;display:block}.brand-uefa{height:34px;width:34px;display:block}.brand-rule{width:1px;height:22px;background:var(--border-quiet)}.rail{position:absolute;left:56px;bottom:56px;width:min(720px,calc(100% - 416px));padding:0;display:flex;flex-direction:column;justify-content:flex-end}.rail-copy{display:flex;flex-direction:column}.rail-copy.is-leaving{position:absolute;inset:0;padding:inherit;justify-content:flex-end;pointer-events:none;animation:rail-copy-out var(--hotspot-fade) ease forwards}.rail-copy.is-arriving{animation:rail-copy-in var(--hotspot-fade) ease both}@keyframes rail-copy-out{0%{opacity:1}to{opacity:0}}@keyframes rail-copy-in{0%{opacity:0}to{opacity:1}}.rail-kicker{margin:0 0 8px;font-size:13px;line-height:1.3;letter-spacing:.04em;font-weight:400;color:#f6f8fdad}.rail-title{margin:0 0 12px;max-width:12em;font-size:48px;font-weight:700;letter-spacing:.01em;line-height:1.08;color:var(--colour-text-primary)}.rail-body{margin:0;max-width:68ch;font-size:15px;line-height:1.45;letter-spacing:.01em;color:#f6f8fd;font-weight:400}.rail-body+.rail-body{margin-top:10px}@keyframes hud-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rail.is-entering .rail-kicker,.rail.is-entering .rail-title,.rail.is-entering .rail-body{opacity:0;animation:hud-in .95s cubic-bezier(.22,1,.36,1) forwards}.rail.is-entering .rail-kicker{animation-delay:0s}.rail.is-entering .rail-title{animation-delay:.55s}.rail.is-entering .rail-body{animation-delay:1.15s}.rail.is-entering .rail-body+.rail-body{animation-delay:1.75s}.rail.is-entering .rail-body+.rail-body+.rail-body{animation-delay:2.35s}.hud-tools{position:absolute;top:28px;right:var(--space-large);display:flex;gap:var(--space-compact);pointer-events:auto}.video-bar{position:absolute;left:50%;bottom:28px;z-index:5;display:flex;gap:var(--space-compact);transform:translate(-50%);pointer-events:auto}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);padding:12px 24px;font-size:15px;font-weight:700;line-height:1.4;letter-spacing:.02em;color:var(--colour-text-primary);transition:background .2s ease,border-color .2s ease,transform .2s ease}.btn-primary{border:0;background:var(--colour-action-primary)}.btn-primary:hover{background:#3654e3}.btn-secondary{border:1px solid var(--border-quiet);background:var(--surface-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.btn-secondary:hover{background:var(--surface-highlight);border-color:#f6f8fd47}.step-back{position:absolute;right:var(--space-large);bottom:28px;pointer-events:auto}.brand-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(0deg,rgba(255,255,255,.03) 1.37px,transparent 1.37px),linear-gradient(90deg,rgba(255,255,255,.03) 1.37px,transparent 1.37px);background-size:110.02px 110.02px}.brand-blooms{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 48% 42% at 14% 8%,var(--glow-blue) 0%,transparent 62%),radial-gradient(ellipse 38% 34% at 90% 10%,var(--glow-magenta) 0%,transparent 58%),radial-gradient(ellipse 42% 32% at 72% 96%,rgba(41,68,214,.28) 0%,transparent 64%)}.gate{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#080e2b6b}.gate-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:0 var(--space-large);max-width:var(--content-max)}.gate-mark{display:flex;align-items:center;gap:18px;margin-bottom:var(--space-content)}.gate-uefa{width:48px;height:48px}.gate-pixeltree{height:26px;width:auto}.gate-kicker{margin:0 0 var(--space-compact);font-size:13px;font-weight:400;line-height:1.3;letter-spacing:.04em;color:var(--colour-text-primary);text-shadow:0 1px 14px rgba(8,14,43,.72)}.gate-title{margin:0 0 var(--space-compact);font-size:48px;font-weight:700;letter-spacing:.01em;line-height:1.08;color:var(--colour-text-primary);text-shadow:0 1px 18px rgba(8,14,43,.65)}.gate-body{margin:0 0 var(--space-large);max-width:46ch;font-size:15px;font-weight:400;line-height:1.45;letter-spacing:.01em;color:var(--colour-text-primary);text-shadow:0 1px 14px rgba(8,14,43,.72)}.gate-actions{display:flex;flex-wrap:wrap;gap:var(--space-compact);justify-content:center}.gate .btn{color:var(--colour-text-primary);font-weight:700;letter-spacing:.02em}.gate .btn-primary{box-shadow:inset 0 1px #ffffff38}.gate .btn-secondary{background:#0c14408c;border:1px solid rgba(246,248,253,.28);box-shadow:inset 0 1px #ffffff29;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}.gate .btn-secondary:hover{background:#0c1440b3;border-color:#f6f8fd6b}.glass-layer{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:6vh 6vw}.glass-dismiss{position:absolute;inset:0;border:0;background:#080e2b38;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);cursor:pointer}.glass-blooms{z-index:0;opacity:.55}.glass-stack{position:relative;width:min(560px,92vw);max-height:88vh;overflow:auto;display:flex;flex-direction:column;gap:var(--space-compact);z-index:1}.glass-card{background:var(--surface-navy-glass);border:1px solid var(--border-vision);border-radius:var(--radius-vision-card);backdrop-filter:blur(48px) saturate(1.5);-webkit-backdrop-filter:blur(48px) saturate(1.5);box-shadow:0 16px 40px #080e2b38,inset 0 1px #ffffff24}.glass-hero,.glass-chart{padding:20px var(--space-content)}.glass-hero h2{margin:0 0 10px;font-size:30px;font-weight:700;letter-spacing:.02em;line-height:1.3}.glass-kicker{margin:0 0 8px;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.02em;color:var(--colour-text-secondary)}.glass-sub,.glass-hint,.glass-note{margin:0;color:var(--colour-text-secondary);font-weight:400;font-size:15px;line-height:1.4;letter-spacing:.03em}.glass-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-compact)}.glass-metric{padding:18px}.glass-metric:nth-child(2),.glass-metric:nth-child(3){background:var(--surface-highlight);border-color:#6ec3f547}.glass-value{margin:0 0 4px;font-size:20px;font-weight:700;letter-spacing:.02em;line-height:1.3}.bars{display:flex;flex-direction:column;gap:var(--space-compact);margin:14px 0 16px}.bar-row{display:grid;grid-template-columns:1.4fr 1.8fr 36px;gap:10px;align-items:center}.bar-label,.bar-num{font-size:13px;line-height:1.4;letter-spacing:.02em;color:var(--colour-text-secondary)}.bar-num{text-align:right;color:var(--colour-text-primary);font-weight:700}.bar-track{height:6px;border-radius:var(--radius-pill);background:#ffffff1f;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--colour-action-primary),var(--chart-accent))}.glass-close{align-self:flex-end;pointer-events:auto;position:sticky;bottom:0}.vision-layer{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:72px 32px 28px;pointer-events:none}.vision-layer .glass-dismiss,.vision-layer .vision-shell{pointer-events:auto}.vision-shell{position:relative;z-index:1;display:flex;align-items:center;gap:18px;width:min(1240px,96vw);max-height:calc(100vh - 100px);animation:vision-in .45s cubic-bezier(.22,1,.36,1)}@keyframes vision-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.vision-rail{position:relative;isolation:isolate;overflow:hidden;flex-shrink:0;align-self:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;min-height:220px;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--border-vision);box-shadow:0 18px 48px #080e2b47}.vision-rail:before{content:"";position:absolute;z-index:-1;inset:-24%;pointer-events:none;background:var(--surface-vision);backdrop-filter:blur(var(--blur-vision)) saturate(1.55);-webkit-backdrop-filter:blur(var(--blur-vision)) saturate(1.55)}.vision-rail-btn{appearance:none;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:16px;background:transparent;color:var(--colour-text-secondary)}.vision-rail-btn svg{width:20px;height:20px}.vision-rail-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.vision-rail-btn:hover,.vision-rail-btn.is-active{color:var(--colour-text-primary);background:var(--surface-highlight)}.vision-rail-spacer{flex:1;min-height:12px}.vision-rail-mark{width:28px;height:28px;display:block;opacity:.9}.vision-window{position:relative;isolation:isolate;overflow:hidden;flex:1;align-self:stretch;display:flex;flex-direction:column;min-width:0;min-height:0;padding:22px 24px 20px;border-radius:var(--radius-vision);background:transparent;border:0;box-shadow:0 40px 90px #080e2b6b}.vision-window:before{content:"";position:absolute;z-index:-1;inset:-24%;pointer-events:none;background:var(--surface-vision);backdrop-filter:blur(var(--blur-vision)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur-vision)) saturate(1.6)}.vision-scroll{position:relative;flex:1;min-height:0;overflow:auto}.vision-grid-bg{border-radius:inherit;opacity:.35}.vision-hero{position:relative;z-index:1;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(246,248,253,.08)}.vision-hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.vision-brand{display:flex;align-items:center;gap:16px}.vision-close{appearance:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-vision);border-radius:var(--radius-pill);background:#080e2b47;color:var(--colour-text-primary);padding:0;line-height:0}.vision-close svg{display:block;width:14px;height:14px;flex:none}.vision-close:hover{background:var(--colour-action-primary);border-color:transparent}.vision-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 18px;margin-bottom:8px}.vision-heading h2{margin:0;font-size:28px;font-weight:700;letter-spacing:.02em;line-height:1.3}.vision-meta{margin:0;font-size:15px;color:var(--colour-text-secondary)}.vision-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.vision-stat{padding:14px 16px;border-radius:18px;background:var(--surface-vision-card);border:1px solid rgba(246,248,253,.08);box-shadow:inset 0 1px #ffffff14}.vision-stat .glass-kicker{margin-bottom:4px}.vision-stat-value{margin:0;font-size:22px;font-weight:700;letter-spacing:.02em;line-height:1.2}.vision-stat .glass-hint{margin-top:2px;font-size:12px}.vision-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.vision-card{padding:18px 18px 12px;min-height:0;background:var(--surface-vision-card);border-color:#f6f8fd14;box-shadow:0 10px 28px #080e2b29,inset 0 1px #ffffff1a}.insight-chart{position:relative;margin-top:8px}.insight-svg{display:block;width:100%;height:auto;max-height:210px;margin-inline:auto;overflow:visible}.radial-track{fill:none;stroke:var(--chart-grid);stroke-width:12}.radial-value{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-width .2s ease}.insight-chart.is-hot .radial-value{stroke-width:14}.radial-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.radial-center strong{font-size:24px;font-weight:700}.radial-center span{font-size:12px;color:var(--colour-text-secondary)}.radar-ring{fill:none;stroke:var(--chart-grid);stroke-width:1}.radar-axis{stroke:#f6f8fd29;stroke-width:1}.radar-axis.is-hot{stroke:var(--chart-accent)}.radar-fill{fill:var(--chart-accent-soft);stroke:var(--chart-accent);stroke-width:1.6}.radar-hit{fill:transparent;cursor:pointer}.radar-dot{fill:var(--colour-text-primary);stroke:var(--chart-accent);stroke-width:2;pointer-events:none}.radar-dot.is-hot{fill:var(--chart-accent);stroke:var(--colour-text-primary)}.radar-label{fill:var(--colour-text-secondary);font-size:11px;letter-spacing:.04em}.scatter-grid,.scatter-axis{stroke:var(--chart-grid);stroke-width:1}.scatter-line{stroke:var(--chart-accent);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;opacity:.85}.scatter-dot{fill:var(--colour-action-primary);stroke:var(--chart-accent);stroke-width:2;cursor:pointer;transition:opacity .2s ease,r .2s ease}.scatter-dot.is-hot{fill:var(--chart-accent);stroke:var(--colour-text-primary)}.scatter-dot.is-dim{opacity:.28}.scatter-caption{fill:var(--colour-text-secondary);font-size:9px;letter-spacing:.04em}.chart-tooltip{min-height:18px;margin:6px 0 0;font-size:12px;color:var(--colour-text-primary)}.chart-tooltip.is-quiet{color:var(--colour-text-secondary)}.vision-ornament{position:relative;isolation:isolate;overflow:hidden;flex-shrink:0;align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);border:1px solid var(--border-vision);border-radius:var(--radius-pill);background:transparent;box-shadow:0 16px 40px #080e2b47;color:var(--colour-text-primary);padding:24px 12px;font-size:13px;font-weight:700;letter-spacing:.14em}.vision-ornament:before{content:"";position:absolute;z-index:-1;inset:-24%;pointer-events:none;background:var(--surface-vision);backdrop-filter:blur(var(--blur-vision)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur-vision)) saturate(1.5)}.vision-ornament.is-open,.vision-ornament:hover{border-color:transparent;color:var(--colour-text-primary)}.vision-ornament.is-open:before,.vision-ornament:hover:before{background:var(--colour-action-primary);backdrop-filter:none;-webkit-backdrop-filter:none}.vision-squad{position:relative;isolation:isolate;align-self:stretch;flex:0 0 0;width:0;min-width:0;min-height:0;overflow:hidden;opacity:0;border:0;padding:0;border-radius:var(--radius-vision);background:transparent;box-shadow:0 32px 80px #080e2b5c;transition:flex-basis .35s ease,width .35s ease,min-width .35s ease,opacity .25s ease,padding .35s ease}.vision-squad:before{content:"";position:absolute;z-index:-1;inset:-24%;pointer-events:none;background:var(--surface-vision);backdrop-filter:blur(var(--blur-vision)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur-vision)) saturate(1.6)}.vision-squad.is-open{display:flex;flex-direction:column;flex:0 0 min(292px,36vw);width:min(292px,36vw);min-width:min(292px,36vw);opacity:1;padding:20px 16px;overflow:hidden}.vision-squad-head h3{margin:0 0 14px;font-size:22px}.squad-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.squad-row{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:16px;background:transparent;color:inherit;text-align:left}.squad-row:hover{background:#f6f8fd0f}.squad-row.is-active{background:var(--surface-highlight);border-color:#6ec3f538}.squad-shirt{width:28px;font-weight:700;color:var(--colour-text-secondary)}.squad-copy{display:flex;flex-direction:column;min-width:0}.squad-copy strong{font-size:14px;font-weight:700}.squad-copy em{font-style:normal;font-size:12px;color:var(--colour-text-secondary)}@media(max-width:1199px){.rail-title,.gate-title{font-size:40px}.glass-hero h2{font-size:26px}}@media(max-width:809px){.brand,.hud-tools{left:20px;right:20px}.hud-tools{left:auto}.video-bar{bottom:20px}.rail{left:28px;bottom:28px;width:min(720px,calc(100% - 268px));padding:0;background:none}.rail-title,.gate-title{font-size:30px}.rail-kicker,.gate-kicker,.glass-kicker{font-size:12px}.rail-body,.gate-body{font-size:15px}.glass-layer{padding:12vh 20px 20px}.glass-metrics,.vision-grid,.vision-stats{grid-template-columns:1fr 1fr}.vision-layer{padding:12vh 16px 16px;align-items:flex-start}.vision-shell{flex-direction:column;max-height:none}.vision-rail{flex-direction:row;width:100%;padding:8px 12px}.vision-rail-spacer{min-height:0}.vision-ornament{writing-mode:horizontal-tb;transform:none;align-self:flex-end}.vision-squad.is-open{width:100%}}@media(max-width:560px){.vision-stats,.vision-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.stage-fit.is-pan-out,.stage-fit.is-ken-burns,.stage-fit.is-fading,.stage-video,.stage-bridge,.brand,.hotspot,.hotspot-dim,.rail-copy.is-leaving,.rail-copy.is-arriving,.rail.is-entering .rail-kicker,.rail.is-entering .rail-title,.rail.is-entering .rail-body{animation:none;transition:none}.rail-copy.is-leaving{opacity:0}.rail-copy.is-arriving{opacity:1}.rail.is-entering .rail-kicker,.rail.is-entering .rail-title,.rail.is-entering .rail-body{opacity:1;transform:none}.stage-fit.is-pan-out{transform:none}.vision-squad,.vision-ornament,.vision-layer,.vision-shell{transition:none;animation:none}}@media(max-width:809px){.step-back{right:20px;bottom:20px}}