:root{color:#f4fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#030407;--panel:#070d12c7;--panel-strong:#081219f0;--line:#62f1ff47;--line-hot:#ff507673;--cyan:#62f1ff;--green:#82ff8f;--pink:#ff5076;--amber:#ffd35c;--ink:#071017;--muted:#9fb3c7;--shadow:0 34px 110px #0000009e;background:#030407;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(#62f1ff09 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#62f1ff09 1px,#0000 1px) 0 0/48px 48px,linear-gradient(#030407 0%,#071017 46%,#030407 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 0 42%,#62f1ff14 42.2% 42.6%,#0000 42.8%),linear-gradient(245deg,#0000 0 56%,#ff507612 56.2% 56.6%,#0000 56.8%),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 5px);position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{z-index:1;width:min(1240px,100% - 32px);margin:0 auto;padding:18px 0 58px;position:relative}.hero{min-height:clamp(590px,86vh,840px);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff0a;background:#05080d;border:1px solid #62f1ff57;grid-template-columns:minmax(0,1fr) minmax(330px,430px);align-items:end;gap:28px;display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute}.hero:before{clip-path:polygon(0 0,34% 0,36% 16px,100% 16px,100% 100%,66% 100%,64% calc(100% - 16px),0 calc(100% - 16px));z-index:2;border:1px solid #62f1ff2e;inset:14px}.hero:after{z-index:4;background:linear-gradient(90deg, transparent, var(--cyan), var(--pink), transparent);height:2px;animation:4.6s linear infinite scan-x;top:0;left:0;right:0}.hero-media,.hero-overlay{position:absolute;inset:0}.hero-media{filter:saturate(1.3)contrast(1.16)brightness(.86);background-image:url(https://images.unsplash.com/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=1900&q=90);background-position:50%;background-size:cover;transform:scale(1.05)}.hero-overlay{background:linear-gradient(90deg,#030407f5 0%,#030407bd 46%,#0304075c 100%),linear-gradient(#0000 38%,#030407fa),repeating-linear-gradient(90deg,#62f1ff17 0 1px,#0000 1px 112px),repeating-linear-gradient(0deg,#0000 0 10px,#ffffff06 10px 11px)}.hero-content,.hero-hud{z-index:3;position:relative}.hero-content{width:min(780px,100%);padding:clamp(34px,6vw,76px)}.mission-chip,.ferrari-badge,.event-note,.map-link{align-items:center;gap:9px;display:inline-flex}.mission-chip{min-height:38px;color:var(--green);text-transform:uppercase;background:#82ff8f14;border:1px solid #82ff8f94;padding:8px 13px;font-size:.78rem;font-weight:950;box-shadow:0 0 24px #82ff8f2e}.mission-chip svg,.ferrari-badge svg,.event-note svg,.map-link svg,.info-grid svg,.mode-switcher svg{flex:none;width:18px;height:18px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;text-transform:uppercase;text-shadow:0 0 24px #62f1ff42,4px 0 #ff507629;max-width:760px;margin:22px 0 20px;font-size:clamp(3.2rem,8.5vw,7.4rem);line-height:.86}.hero p{color:#dceeff;max-width:690px;margin-bottom:26px;font-size:clamp(1.02rem,2vw,1.25rem);line-height:1.65}.hero-stats{flex-wrap:wrap;gap:10px;display:flex}.hero-stats span,.hud-readouts span{color:#effcff;text-transform:uppercase;background:#030407a8;border:1px solid #62f1ff3d;padding:10px 12px;font-size:.88rem;font-weight:800}.hero-hud{align-self:center;padding-right:clamp(24px,4vw,54px)}.hud-frame{clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));background:linear-gradient(135deg,#62f1ff1a,#0000 40%),#03080cb8;border:1px solid #62f1ff57;min-height:440px;padding:18px;box-shadow:inset 0 0 40px #62f1ff14,0 0 50px #0000006b}.hud-top{color:var(--cyan);letter-spacing:.08em;justify-content:space-between;gap:16px;font-size:.76rem;font-weight:950;display:flex}.hud-top strong{color:var(--green)}.route-radar{background:linear-gradient(#62f1ff12 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#62f1ff12 1px,#0000 1px) 0 0/28px 28px,radial-gradient(#62f1ff1f,#0000 62%),#00000047;border:1px solid #ffffff1a;height:310px;margin:18px 0;position:relative;overflow:hidden}.route-radar:after{content:"";background:linear-gradient(#0000,#62f1ff24,#0000);animation:3.4s linear infinite scan-y;position:absolute;inset:0}.route-node{z-index:2;border:1px solid var(--cyan);min-width:58px;color:var(--cyan);text-align:center;background:#030407d1;padding:8px 10px;font-size:.76rem;font-weight:950;position:absolute;box-shadow:0 0 28px #62f1ff2e}.node-jvc{top:64%;left:12%}.node-dxb{top:35%;left:38%}.node-d3{top:48%;left:58%}.node-auh{border-color:var(--pink);color:#ffdce4;top:18%;left:20%}.node-yas{border-color:var(--green);color:var(--green);top:18%;left:69%}.route-line{transform-origin:0;background:linear-gradient(90deg, transparent, var(--cyan), var(--green));height:2px;position:absolute;box-shadow:0 0 18px #62f1ff57}.route-line-a{width:47%;top:58%;left:26%;transform:rotate(-26deg)}.route-line-b{background:linear-gradient(90deg, var(--pink), var(--amber), var(--green));width:43%;top:26%;left:31%;transform:rotate(0)}.hud-readouts{flex-wrap:wrap;gap:8px;display:flex}.control-band,.timeline-section,.blocks-section,.day-panel,.fallback-panel{border:1px solid var(--line);background:linear-gradient(135deg, #62f1ff14, transparent 34%), var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff09;position:relative}.control-band:before,.timeline-section:before,.blocks-section:before,.day-panel:before,.fallback-panel:before{content:"";background:linear-gradient(90deg, var(--cyan), transparent);width:90px;height:2px;position:absolute;top:-1px;left:18px}.control-band{grid-template-columns:minmax(180px,.65fr) minmax(180px,1fr) minmax(220px,1.1fr);align-items:center;gap:18px;margin-top:18px;padding:18px;display:grid}.control-band strong{color:#fff;margin-top:5px;font-size:1.35rem;display:block}.control-band p{color:var(--muted);margin:0;line-height:1.5}.progress-track{background:#0000008c;border:1px solid #62f1ff57;height:14px;overflow:hidden}.progress-track span{background:repeating-linear-gradient(90deg, var(--cyan) 0 14px, var(--green) 14px 28px);height:100%;transition:width .22s;display:block}.timeline-section,.blocks-section{margin-top:18px;padding:22px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2,.day-panel h2{letter-spacing:0;text-transform:uppercase;margin-bottom:0;font-size:clamp(1.8rem,3.2vw,2.7rem)}.eyebrow{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:950;display:block}.timeline{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.timeline-item,.mode-switcher button,.complete-button{color:inherit;cursor:pointer;background:#ffffff09;border:1px solid #f4fbff21;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.timeline-item{text-align:left;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:122px;padding:13px;display:flex;position:relative;overflow:hidden}.timeline-item:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:0;height:3px;transition:opacity .16s;position:absolute;inset:auto 0 0}.timeline-item:hover,.mode-switcher button:hover,.complete-button:hover{border-color:#62f1ffb8;transform:translateY(-2px);box-shadow:0 0 28px #62f1ff1f}.timeline-item.active,.mode-switcher button.active{background:linear-gradient(135deg,#62f1ff2e,#82ff8f1a),#ffffff09;border-color:#82ff8fc7}.timeline-item.active:after{opacity:1}.timeline-item span{color:var(--muted);font-size:.82rem}.timeline-item strong{font-size:1.08rem}.timeline-item small{color:var(--green);line-height:1.25}.day-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:18px;margin-top:18px;display:grid}.day-panel,.fallback-panel{padding:clamp(20px,3vw,30px)}.day-panel{overflow:hidden}.day-panel.ferrari{border-color:var(--line-hot);background:linear-gradient(135deg, #ff507629, transparent 40%), linear-gradient(220deg, #ffd35c14, transparent 35%), var(--panel-strong)}.panel-topline{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex;position:relative}.ferrari-badge{color:#ffdce4;background:#ff50761f;border:1px solid #ff50769e;min-height:34px;padding:7px 10px;font-size:.82rem;font-weight:950}.day-panel h2,.day-panel p,.info-grid,.event-note,.map-link{position:relative}.day-panel p,.fallback-panel p{color:#c6d8e8;line-height:1.65}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.info-grid div{background:linear-gradient(135deg,#62f1ff0f,#0000 48%),#0000003d;border:1px solid #f4fbff1c;gap:10px;min-height:104px;padding:14px;display:flex}.info-grid span{color:#e4f5ff;overflow-wrap:anywhere;line-height:1.45}.event-note{color:#ffe7a8;background:#ffd35c14;border:1px solid #ffd35c6b;width:100%;margin-top:14px;padding:13px;line-height:1.45}.map-link{width:fit-content;color:var(--cyan);text-transform:uppercase;border:1px solid #62f1ff85;margin-top:18px;padding:12px 14px;font-weight:950;text-decoration:none}.fallback-panel h3{text-transform:uppercase;margin:8px 0 18px;font-size:1.5rem}.mode-switcher{gap:9px;margin-bottom:18px;display:grid}.mode-switcher button{text-align:left;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex}.mission-list{gap:14px;display:grid}.mission-card{background:linear-gradient(90deg,#62f1ff14,#0000 36%),#ffffff09;border:1px solid #f4fbff21;grid-template-columns:54px minmax(0,1fr);gap:16px;padding:18px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative;overflow:hidden}.mission-card:before{content:"";background:linear-gradient(180deg, var(--cyan), var(--green));width:3px;position:absolute;top:0;bottom:0;left:0}.mission-card:hover{border-color:#62f1ff70;transform:translate(3px)}.mission-card.complete{background:linear-gradient(90deg,#82ff8f1a,#0000 38%),#82ff8f0e;border-color:#82ff8f85}.complete-button{width:46px;height:46px;color:var(--muted);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);place-items:center;display:grid}.complete-button svg{width:24px;height:24px}.mission-card.complete .complete-button{color:var(--green);border-color:#82ff8fb3;box-shadow:0 0 22px #82ff8f24}.mission-time{color:var(--amber);letter-spacing:.08em;font-weight:950}.mission-card h3{text-transform:uppercase;margin:5px 0 9px;font-size:1.38rem}.mission-card p{color:#ccdaea;line-height:1.6}dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}dl div{background:#00000038;border:1px solid #f4fbff1a;min-height:90px;padding:12px}dt{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:950}dd{color:#eaf6ff;overflow-wrap:anywhere;margin:0;line-height:1.45}@keyframes scan-x{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes scan-y{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1040px){.hero{grid-template-columns:1fr}.hero-hud{align-self:stretch;padding:0 clamp(18px,5vw,46px) clamp(28px,5vw,52px)}.hud-frame{min-height:330px}.route-radar{height:220px}.control-band,.day-grid,.info-grid{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=680px){.app-shell{width:min(100% - 20px,1240px);padding-top:10px}.hero{gap:10px;min-height:760px}.hero:before{inset:8px}.hero-content{padding:26px 18px 8px}h1{font-size:clamp(2.55rem,15vw,4.3rem)}.hero p{font-size:1rem}.hero-hud{padding:0 18px 22px}.hud-frame{min-height:290px;padding:14px}.route-radar{height:180px}.route-node{min-width:48px;padding:7px 8px;font-size:.68rem}.control-band,.timeline-section,.blocks-section,.day-panel,.fallback-panel{padding:16px}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-item{min-height:108px}.section-heading,.panel-topline{flex-direction:column;align-items:flex-start}.mission-card,dl{grid-template-columns:1fr}}