@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&family=Rock+Salt&display=swap");body,html{margin:0;padding:0;overflow:hidden;background:transparent;font-family:Inter,sans-serif}#hype-train-container{position:relative;width:100vw;height:100vh;background:rgba(0,0,0,var(--bg-opacity,0));z-index:100;opacity:1}.train-wrapper{top:15%;height:550px;display:flex;flex-direction:column;justify-content:center}.borough-backdrop{position:absolute;top:140px;left:7.5%;width:85%;display:flex;z-index:1;overflow:visible}.borough{flex:1;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-bottom:30px;transition:transform .8s cubic-bezier(.4,0,.2,1)}.b-0,.b-1,.b-2,.b-3,.b-4{transform:translateY(15px)}.borough:after{content:attr(data-label);position:absolute;bottom:0;font-size:28px;font-weight:900;letter-spacing:12px;opacity:.25;transition:opacity .5s,text-shadow .5s,color .5s;white-space:nowrap;color:#fff}.borough.active:after{opacity:.9;text-shadow:0 0 15px currentColor,0 0 30px currentColor}.main-track-line{width:calc(85% - 18px);background:rgba(255,255,255,.12);z-index:2;box-shadow:inset 0 2px 4px rgba(0,0,0,.8)}.main-track-line,.track-filler{position:absolute;top:220px;left:calc(7.5% + 9px);height:12px;border-radius:6px}.track-filler{background:linear-gradient(90deg,var(--c1,#ff003c),var(--c1,#ff003c) 20%,var(--c2,#00f0ff),var(--c2,#00f0ff) 40%,var(--c3,#fff),var(--c3,#fff) 60%,var(--c4,#a100ff),var(--c4,#a100ff) 80%,var(--c5,#ffaa00),var(--c5,#ffaa00) 100%);z-index:3;width:0;max-width:calc(85% - 18px);transition:width .3s ease-out;box-shadow:0 0 20px rgba(255,255,255,.4)}.nodes-container{position:absolute;top:220px;left:7.5%;width:85%;height:12px;display:flex;justify-content:space-between;align-items:center;z-index:4;overflow:visible}.train-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.map-mask-layer{position:absolute;inset:0;clip-path:polygon(0 0,0 0,0 100%,0 100%);overflow:visible}.map-mask-layer.reveal-active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.node{position:relative;width:18px;height:18px;background:rgba(255,255,255,.3);border-radius:50%;border:2px solid rgba(255,255,255,.1);transition:all .2s ease;box-sizing:border-box}.node.active{background:#fff;box-shadow:0 0 20px #fff,0 0 40px #fff;transform:scale(1.4);opacity:1}@keyframes node-pulse{0%{transform:scale(1.1);box-shadow:0 0 5px currentColor;opacity:.4}50%{transform:scale(1.4);box-shadow:0 0 20px currentColor;opacity:1}to{transform:scale(1.1);box-shadow:0 0 5px currentColor;opacity:.4}}.node.current-node{z-index:10;background:currentColor;animation:node-pulse 1.5s ease-in-out infinite}.node-stem{position:absolute;top:9px;left:8px;width:2px;height:0;background:#fff;transition:height .4s cubic-bezier(.175,.885,.32,1.275);z-index:-1}.node:nth-child(6n+1).has-label .node-stem{height:50px}.node:nth-child(6n+2).has-label .node-stem{height:100px}.node:nth-child(6n+3).has-label .node-stem{height:150px}.node:nth-child(6n+4).has-label .node-stem{height:200px}.node:nth-child(6n+5).has-label .node-stem{height:250px}.node:nth-child(6n+6).has-label .node-stem{height:300px}.node-label-container{position:absolute;left:10px;transform-origin:top left;transform:rotate(30deg);white-space:nowrap;opacity:0;transition:opacity .5s ease;pointer-events:none;display:flex;align-items:center}.node:nth-child(6n+1).has-label .node-label-container{top:60px;opacity:1}.node:nth-child(6n+2).has-label .node-label-container{top:110px;opacity:1}.node:nth-child(6n+3).has-label .node-label-container{top:160px;opacity:1}.node:nth-child(6n+4).has-label .node-label-container{top:210px;opacity:1}.node:nth-child(6n+5).has-label .node-label-container{top:260px;opacity:1}.node:nth-child(6n+6).has-label .node-label-container{top:310px;opacity:1}.hacker-text{font-family:VT323,monospace;font-size:24px;text-transform:uppercase;letter-spacing:1px}.amt{font-family:Inter,sans-serif;font-weight:900;font-size:11px;margin-left:8px;padding:2px 5px;background:#fff;color:#000;border-radius:3px}.b-0.active:after{color:var(--c1);text-shadow:0 0 15px var(--c1);border-bottom:2px solid var(--c1)}.b-1.active:after{color:var(--c2);text-shadow:0 0 15px var(--c2);border-bottom:2px solid var(--c2)}.b-2.active:after{color:var(--c3);text-shadow:0 0 15px var(--c3);border-bottom:2px solid var(--c3)}.b-3.active:after{color:var(--c4);text-shadow:0 0 15px var(--c4);border-bottom:2px solid var(--c4)}.b-4.active:after{color:var(--c5);text-shadow:0 0 15px var(--c5);border-bottom:2px solid var(--c5)}.node.active.b-index-0{background:var(--c1);box-shadow:0 0 20px var(--c1),inset 0 0 5px #fff;border-color:#fff}.node.active.b-index-1{background:var(--c2);box-shadow:0 0 20px var(--c2),inset 0 0 5px #fff;border-color:#fff}.node.active.b-index-2{background:var(--c3);box-shadow:0 0 20px var(--c3),inset 0 0 5px #aaa;border-color:#fff}.node.active.b-index-3{background:var(--c4);box-shadow:0 0 20px var(--c4),inset 0 0 5px #fff;border-color:#fff}.node.active.b-index-4{background:var(--c5);box-shadow:0 0 20px var(--c5),inset 0 0 5px #fff;border-color:#fff}.node.active.b-index-0 .node-stem{background:var(--c1);box-shadow:0 0 12px var(--c1)}.node.active.b-index-1 .node-stem{background:var(--c2);box-shadow:0 0 12px var(--c2)}.node.active.b-index-2 .node-stem{background:var(--c3);box-shadow:0 0 12px var(--c3)}.node.active.b-index-3 .node-stem{background:var(--c4);box-shadow:0 0 12px var(--c4)}.node.active.b-index-4 .node-stem{background:var(--c5);box-shadow:0 0 12px var(--c5)}.node.active.b-index-0 .hacker-text{color:var(--c1);text-shadow:0 0 10px var(--c1)}.node.active.b-index-1 .hacker-text{color:var(--c2);text-shadow:0 0 10px var(--c2)}.node.active.b-index-2 .hacker-text{color:var(--c3);text-shadow:0 0 10px var(--c3)}.node.active.b-index-3 .hacker-text{color:var(--c4);text-shadow:0 0 10px var(--c4)}.node.active.b-index-4 .hacker-text{color:var(--c5);text-shadow:0 0 10px var(--c5)}.climax-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:400;opacity:0;pointer-events:none;transition:opacity .5s ease}.climax-overlay.active{opacity:1}.spraypaint-container{text-align:center;transform:scale(.8);opacity:0;transition:all 1s cubic-bezier(.175,.885,.32,1.275)}.chroma-canvas{position:fixed;inset:0;width:100vw;height:100vh;object-fit:contain;pointer-events:none;z-index:999999!important;filter:drop-shadow(0 0 20px rgba(0,240,255,.4))}#hype-train-container{background:transparent;transition:opacity 1s ease-in-out}.train-wrapper.is-complete .node-dot,.train-wrapper.is-complete .node-label-container{filter:drop-shadow(0 0 10px var(--node-color,#06b6d4)) brightness(1.5);transition:filter .5s ease-in-out}.train-wrapper.is-vortex .borough,.train-wrapper.is-vortex .node,.train-wrapper.is-vortex .node-label-container{animation:vortex-suck 1.5s cubic-bezier(.6,-.28,.735,.045) forwards;pointer-events:none}@keyframes vortex-suck{0%{transform:scale(1) translate(0) rotate(0deg);opacity:1}50%{transform:scale(.5) translateY(-100px) rotate(45deg);opacity:.5}to{transform:scale(0) translateY(-300px) rotate(180deg);opacity:0}}.marquee-container{position:absolute;top:200px;left:7.5%;width:85%;height:140px;background:#0a0a0a;border:4px solid #1a1a1a;border-radius:8px;overflow:hidden;display:none;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(0,0,0,.8),inset 0 0 20px rgba(255,140,0,.1);z-index:5}.marquee-container:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#000 30%,transparent 40%);background-size:6px 6px;z-index:10;pointer-events:none}.marquee-text{white-space:nowrap;font-family:Courier New,Courier,monospace;font-weight:900;font-size:72px;color:#ff8c00;text-transform:uppercase;text-shadow:0 0 10px #ff8c00,0 0 20px #ff4500;transform:translateX(-120%)}.marquee-container.is-scrolling .marquee-text{animation:marquee-scroll-lr 6s linear forwards}@keyframes marquee-scroll-lr{0%{transform:translateX(-120%)}to{transform:translateX(120%)}}.marquee-container.is-centered .marquee-text{transform:translateX(0);text-align:center;animation:none}.marquee-container.is-blinking .marquee-text{transform:translateX(0);animation:mechanical-blink 1.8s ease-in-out infinite}@keyframes mechanical-blink{0%{opacity:1;text-shadow:0 0 10px #ff8c00,0 0 20px #ff4500}45%{opacity:1;text-shadow:0 0 10px #ff8c00,0 0 20px #ff4500}50%{opacity:0;text-shadow:none}95%{opacity:0;text-shadow:none}to{opacity:1;text-shadow:0 0 10px #ff8c00,0 0 20px #ff4500}}.marquee-container.is-fading{animation:marquee-fade 2s ease-out forwards}@keyframes marquee-fade{0%{opacity:1}to{opacity:0}}.map-mask-layer.hiding{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)!important;transition:clip-path .8s ease-in}