.match-journey { position:relative;width:88%;max-width:1180px;margin:30px auto 0;padding:42px 0 52px;border-top:1px solid #afc4b626; }
.journey-anchor { position:absolute;top:0;scroll-margin-top:110px; }
.journey-overview { margin:0 0 28px;color:#a7bbb5;font:.75rem/1.9 'Sora',sans-serif;max-width:900px; }
.journey-heading { display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:32px; }
.journey-heading .eyebrow { margin-bottom:16px;color:#f4a573; }
.journey-heading h2 { margin:0;font:400 clamp(3.2rem,5.8vw,5.8rem)/.94 'Bebas Neue',sans-serif; }
.journey-heading h2 span { color:#f68649; }
.journey-heading>p { max-width:300px;color:#a7bbb5;font:.8rem/1.9 'Sora',sans-serif;margin:0 0 4px; }
.journey-arena { position:relative;isolation:isolate;overflow:hidden;border:1px solid #86b6a336;border-radius:16px;background:radial-gradient(ellipse at 50% 15%,#25443865,transparent 65%),#06100e;box-shadow:0 25px 65px #0005; }
.journey-field { position:relative;width:100%;display:block;margin:38px auto 5px;overflow:visible;filter:drop-shadow(0 20px 25px #0004); }
.journey-pitch-lines { stroke:#c4decb;stroke-opacity:.38;stroke-width:1.65;fill:none; }
.journey-route-shadow { fill:none;stroke:#f4a36b;stroke-width:12;opacity:.09; }
.journey-route { fill:none;stroke:#f4ad75;stroke-width:3;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;filter:drop-shadow(0 0 5px #e58446); }
.journey-pitch-brand { fill:#859c8c;font:9px 'Sora',sans-serif;letter-spacing:3px; }
.journey-shirt { filter:url(#journey-shadow); }
.journey-shirt text { fill:#fff4e8;font:600 10px 'Sora',sans-serif;text-anchor:middle; }
.journey-hud { position:absolute;top:24px;left:28px;right:28px;z-index:2;display:flex;gap:16px;justify-content:space-between;align-items:center;font:.55rem/1.4 'Sora',sans-serif;letter-spacing:.12em; }
.journey-hud strong { font:400 1.35rem 'Bebas Neue',sans-serif;letter-spacing:.06em;color:#f2eee2; }
.journey-live { color:#b3c7ba;display:flex;gap:8px;align-items:center; }
.journey-live i { width:5px;height:5px;border-radius:50%;background:#8ae1b5;box-shadow:0 0 10px #79d7b2; }
#journey-clock { color:#f4a573; }
.journey-beam { position:absolute;width:70%;height:110%;top:-40%;background:linear-gradient(180deg,#d0ead518,transparent 85%);filter:blur(16px);pointer-events:none;z-index:1; }
.beam-left { left:-35%;transform:rotate(-38deg); }.beam-right { right:-35%;transform:rotate(38deg); }
.journey-floodlights { position:absolute;left:4%;right:4%;top:4px;display:flex;justify-content:space-between; }
.journey-floodlights i { width:52px;height:3px;background:#dbeedf80;box-shadow:0 5px 25px 8px #bcdfce20; }
.journey-bottom-hud { display:flex;justify-content:space-between;gap:12px;margin:0 28px 22px;color:#b1c7b8;font:.52rem/1.5 'Sora',sans-serif;letter-spacing:.14em; }
.journey-example { color:#8da194; }
.journey-moments { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:20px;border-bottom:1px solid #afc4b626; }
.journey-moments button { min-width:0;min-height:98px;border:0;border-bottom:2px solid transparent;padding:15px 12px;background:transparent;color:#9aafa4;text-align:left;cursor:pointer; }
.journey-moments button:hover { background:#11241b; }
.journey-moments button[aria-pressed=true] { color:#f4f1e5;border-bottom-color:#f68649;background:linear-gradient(180deg,#f686490c,#f6864915); }
.journey-moments span { display:block;color:#f68649;font:400 1.45rem 'Bebas Neue',sans-serif; }
.journey-moments strong { display:block;font:600 .73rem/1.5 'Sora',sans-serif;margin-top:5px; }
.journey-moments small { display:block;font:.58rem/1.6 'Sora',sans-serif;margin-top:4px;color:#a3b7ac; }
.journey-detail { display:grid;grid-template-columns:1fr 260px;gap:50px;align-items:center;margin-top:25px; }
.journey-detail h3 { margin:0;font:400 1.65rem/1.15 'Bebas Neue',sans-serif;letter-spacing:.025em;color:#efece2; }
.journey-detail p { color:#a7bbb5;font:.78rem/1.8 'Sora',sans-serif;margin:8px 0 0;max-width:620px;min-height:3.6em; }
.journey-detail label { color:#b8cabe;font:600 .5rem/1.5 'Sora',sans-serif;letter-spacing:.12em; }
.journey-detail input { display:block;width:100%;accent-color:#f68649;margin:10px 0 0;min-height:30px;cursor:ew-resize; }
@media(max-width:760px) { .match-journey { width:calc(100% - 44px);padding:30px 0;margin-top:10px; }.journey-heading { display:block;margin-bottom:22px; }.journey-heading h2 { font-size:clamp(3rem,12vw,4.8rem); }.journey-heading>p { margin-top:18px;max-width:100%;font-size:.75rem; }.journey-field { width:130%;max-width:none;margin-left:-15%;margin-top:68px; }.journey-hud { top:20px;left:16px;right:16px;flex-wrap:wrap;gap:9px; }.journey-live { font-size:.45rem; }.journey-hud strong { order:3;flex-basis:100%;font-size:1.35rem; }.journey-bottom-hud { margin:5px 16px 18px;font-size:.43rem; }.journey-example { display:none; }.journey-moments { grid-template-columns:repeat(5,minmax(0,1fr));margin-top:12px; }.journey-moments button { padding:12px 3px;min-height:90px;text-align:center; }.journey-moments strong { font-size:.58rem;line-height:1.5; }.journey-moments small { display:none; }.journey-detail { grid-template-columns:1fr;gap:14px;margin-top:20px; }.journey-detail h3 { font-size:1.5rem; }.journey-detail p { min-height:5.4em; }.journey-detail label { font-size:.55rem; }.journey-beam { filter:none;opacity:.4; } }
@media(prefers-reduced-motion:reduce) { .journey-route { filter:none; } }
@media(max-width:760px) { .journey-field { width:110%;margin-left:-5%; } }
.journey-explore-prompt { display:flex;gap:14px;align-items:center;margin:25px 0 14px; }
.journey-prompt-arrow { display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #f6864965;border-radius:50%;color:#f68649;font:400 1.3rem 'Sora',sans-serif; }
.journey-explore-prompt p { margin:0; }
.journey-explore-prompt strong { display:block;color:#f2eee2;font:600 .83rem/1.6 'Sora',sans-serif; }
.journey-explore-prompt p>span { display:block;color:#a7bbb5;font:.7rem/1.7 'Sora',sans-serif;margin-top:2px; }
.journey-moments { gap:8px;margin-top:0;border-bottom:0; }
.journey-moments button { border:1px solid #afc4b62e;border-bottom-width:2px;border-radius:4px;background:#10201975;transition:background .18s,border-color .18s; }
.journey-moments button>span { display:flex;justify-content:space-between;align-items:center; }
.journey-moments button>span::after { content:'↗';font:400 .9rem 'Sora',sans-serif;color:#8fa99b; }
.journey-moments button[aria-pressed=true] { border-color:#f6864970;border-bottom-color:#f68649;background:linear-gradient(180deg,#f6864910,#f6864924); }
.journey-moments button[aria-pressed=true]>span::after { content:'●';font-size:.48rem;color:#f68649; }
@media(max-width:760px) { .journey-explore-prompt { gap:10px;margin-top:20px;align-items:flex-start; }.journey-explore-prompt strong { font-size:.76rem; }.journey-explore-prompt p>span { font-size:.67rem; }.journey-prompt-arrow { width:30px;height:30px;font-size:1.1rem; }.journey-moments { gap:5px; }.journey-moments button { padding:10px 4px;text-align:left; }.journey-moments button>span { font-size:1.2rem; }.journey-moments button>span::after { font-size:.68rem; } }
@media(prefers-reduced-motion:reduce) { .journey-moments button { transition:none; } }