*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden;background-color:#080835;font-family:Fira Code,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#080835}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#00d1ff,#d600ff);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#00d1ff,#0f9)}::selection{background:#00d1ff4d;color:#00d1ff}.hud-branding{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;font-family:Fira Code,monospace}.hud-brand-title{position:absolute;top:30px;left:40px;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em;pointer-events:auto;font-family:Fira Code,monospace;padding:8px 16px;background:#08083599;border-left:2px solid #00D1FF;position:relative}.hud-brand-title:before{content:">";position:absolute;left:-20px;top:50%;transform:translateY(-50%);color:#00d1ff;font-size:1rem;animation:blink 1s step-end infinite;text-shadow:0 0 8px #00D1FF}.hud-brand-title__text{font-size:clamp(1.2rem,2.2vw,1.7rem);font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#00d1ff;text-shadow:0 0 10px rgba(0,209,255,.8),0 0 20px rgba(0,209,255,.4);line-height:1}.hud-brand-title__text--sub{color:#d600ff;font-weight:400;letter-spacing:.35em;text-shadow:0 0 10px rgba(214,0,255,.8),0 0 20px rgba(214,0,255,.4)}.hud-logo{position:absolute;top:20px;right:20px;width:32vmin;height:32vmin;min-width:180px;min-height:180px;pointer-events:auto;display:flex;align-items:center;justify-content:center}.hud-logo__image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px #00D1FF) drop-shadow(0 0 20px #00D1FF) drop-shadow(0 0 40px #00D1FF);transform-origin:43% 50%;will-change:transform}.hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;font-family:Fira Code,monospace;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:35% 65%;padding:120px 40px 100px;box-sizing:border-box;gap:24px}.hud-section{display:flex;align-items:stretch;justify-content:stretch;position:relative;transition:opacity .3s ease,transform .3s ease}.hud-section--1{grid-column:1 / 5;grid-row:1}.hud-section--2{grid-column:5 / 9;grid-row:1}.hud-section--3{grid-column:9 / 13;grid-row:1}.hud-section--4{grid-column:1 / 4;grid-row:2}.hud-section--5{grid-column:4 / 7;grid-row:2}.hud-section--6{grid-column:7 / 10;grid-row:2}.hud-section--7{grid-column:10 / 13;grid-row:2}.hud-section--bottom-3-pos-0{grid-column:1 / 5;grid-row:2}.hud-section--bottom-3-pos-1{grid-column:5 / 9;grid-row:2}.hud-section--bottom-3-pos-2{grid-column:9 / 13;grid-row:2}.hud-hero{--hero-primary: #00D1FF;--hero-secondary: #D600FF;--hero-tertiary: #00FF99;position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,3vw,40px);pointer-events:auto;will-change:transform,opacity}.hud-hero--span-1-2{grid-column:1 / 9;grid-row:1}.hud-hero--span-1-2-3{grid-column:1 / 13;grid-row:1}.hud-hero__top-bar{display:flex;align-items:center;gap:12px;margin-bottom:clamp(16px,2vw,24px)}.hud-hero__bracket-left,.hud-hero__bracket-right{width:24px;height:24px;flex-shrink:0;filter:drop-shadow(0 0 4px var(--hero-primary))}.hud-hero__bracket-left svg,.hud-hero__bracket-right svg{width:100%;height:100%}.hud-hero__top-data{display:flex;align-items:center;gap:12px;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-family:Fira Code,monospace}.hud-hero__data-item{display:flex;align-items:center;gap:6px}.hud-hero__data-dot{width:6px;height:6px;border-radius:50%;animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 0 6px currentColor}.hud-hero__data-separator{opacity:.4}.hud-hero__data-item--timestamp{font-variant-numeric:tabular-nums}.hud-hero__top-line{flex:1;height:1px;opacity:.6}.hud-hero__content{position:relative;z-index:2}.hud-hero__title-wrapper{display:block}.hud-hero__title-prefix{font-family:Fira Code,monospace;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;opacity:1;margin-right:12px}.hud-hero__title{font-family:Fira Code,monospace;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0;line-height:1.2;color:currentColor;text-shadow:0 0 2px currentColor;display:inline}.hud-hero__cursor{display:inline;border-left:.55em solid var(--hero-primary);margin-left:.1em;margin-right:-.65em;animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hud-hero__subtitle-wrapper{display:flex;align-items:center;gap:16px;margin-top:clamp(12px,2vw,20px)}.hud-hero__subtitle-line{width:clamp(40px,5vw,80px);height:2px;box-shadow:0 0 8px currentColor}.hud-hero__subtitle{font-family:Fira Code,monospace;font-size:clamp(.85rem,1.3vw,1rem);font-weight:400;letter-spacing:.25em;text-transform:uppercase;margin:0;color:currentColor;text-shadow:0 0 1px currentColor;opacity:.9}.hud-hero__bottom-bar{display:flex;align-items:center;gap:12px;margin-top:clamp(20px,3vw,32px)}.hud-hero__bottom-line{flex:1;height:1px;opacity:.6}.hud-hero__bottom-blocks{display:flex;gap:4px}.hud-hero__bottom-block{width:10px;height:10px;border:1px solid;transition:all .3s}.hud-hero__bottom-block:nth-child(odd){animation:block-pulse 2s ease-in-out infinite}.hud-hero__bottom-block:nth-child(2n){animation:block-pulse 2s ease-in-out infinite .5s}@keyframes block-pulse{0%,to{opacity:1}50%{opacity:.4}}.hud-hero__glow{position:absolute;inset:-50%;pointer-events:none;z-index:0;opacity:.5}.hud-card{--card-primary: #00D1FF;--card-secondary: #D600FF;--card-tertiary: #00FF99;position:relative;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:auto;background:transparent;overflow:visible;will-change:transform,opacity}.hud-card__background{position:absolute;inset:0;background:#080835d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:0;will-change:clip-path}.hud-card__content-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;will-change:opacity,clip-path;z-index:1;min-height:0;overflow:hidden}.hud-card__bracket{position:absolute;width:clamp(28px,3vw,40px);height:clamp(28px,3vw,40px);z-index:10;filter:drop-shadow(0 0 4px var(--card-primary));will-change:transform;transition:none}.hud-card__bracket--tl{top:0;left:0}.hud-card__bracket--tr{top:0;right:0}.hud-card__bracket--bl{bottom:0;left:0}.hud-card__bracket--br{bottom:0;right:0}.hud-card__bracket svg{width:100%;height:100%}.hud-card__header{display:flex;align-items:center;gap:8px;padding:12px 20px 8px;border-bottom:1px solid rgba(255,255,255,.1)}.hud-card__header-tab{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;background:#0000004d}.hud-card__header-indicator{width:6px;height:6px;background:currentColor;border-radius:50%;animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 0 6px currentColor}.hud-card__header-line{flex:1;height:1px;opacity:.5}.hud-card__header-status{display:flex;align-items:center;gap:6px;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.hud-card__status-dot{width:5px;height:5px;border-radius:50%;animation:blink 1s step-end infinite;box-shadow:0 0 4px currentColor}.hud-card__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,2.5vw,28px) clamp(20px,3vw,32px);position:relative;z-index:2;min-height:0;overflow:hidden}.hud-card__content{display:flex;flex-direction:column;max-width:100%;min-height:0;flex:1}.hud-card__title{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin:0 0 clamp(10px,1.5vw,16px) 0;text-shadow:0 0 2px currentColor;line-height:1.3}.hud-card__divider{display:flex;align-items:center;gap:6px;margin:0 0 clamp(12px,2vw,20px) 0}.hud-card__divider-line{width:clamp(40px,6vw,70px);height:2px;box-shadow:0 0 8px currentColor}.hud-card__divider-dot{width:4px;height:4px;border-radius:50%;box-shadow:0 0 4px currentColor;animation:pulse-glow 2s ease-in-out infinite}.hud-card__divider-dot:nth-child(2){animation-delay:.2s}.hud-card__divider-dot:nth-child(3){animation-delay:.4s}.hud-card__divider-dot:nth-child(4){animation-delay:.6s}.hud-card__text{font-size:clamp(.85rem,1.2vw,1rem);line-height:1.7;margin:0;letter-spacing:.04em;text-shadow:0 0 1px currentColor;max-width:40ch;opacity:.9;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.hud-card__data-panel{margin-top:auto;padding-top:clamp(12px,1.5vw,20px);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:0}.hud-card__data-rows{display:flex;flex-direction:column;gap:4px}.hud-card__data-row{display:flex;align-items:center;gap:8px;font-size:.65rem;letter-spacing:.1em}.hud-card__data-label{font-weight:600;text-transform:uppercase;min-width:50px}.hud-card__data-value{font-family:Fira Code,monospace;opacity:.8}.hud-card__footer{display:flex;align-items:center;gap:10px;padding:8px 20px 12px;border-top:1px solid rgba(255,255,255,.1)}.hud-card__footer-blocks{display:flex;gap:3px}.hud-card__footer-block{width:8px;height:8px;border:1px solid;transition:opacity .3s}.hud-card__footer-line{flex:1;height:2px;opacity:.4}.hud-card__button{--button-color: #F41010;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:#f4101014;border:2px solid var(--button-color);color:var(--button-color);font-family:Fira Code,monospace;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .25s ease;position:relative;z-index:2;flex-shrink:0;white-space:nowrap;text-shadow:0 0 8px rgba(244,16,16,.8),0 0 16px rgba(244,16,16,.5),0 0 24px rgba(244,16,16,.3);box-shadow:0 0 8px #f4101080,0 0 16px #f4101040,inset 0 0 8px #f4101026}.hud-card__button:hover{background:#f410102e;border-color:#ff2020;color:#ff2020;transform:translateY(-1px);box-shadow:0 0 12px #f41010b3,0 0 24px #f4101066,0 0 36px #f4101033,inset 0 0 12px #f4101033;text-shadow:0 0 10px rgba(255,32,32,1),0 0 20px rgba(255,32,32,.7),0 0 30px rgba(255,32,32,.4)}.hud-card__button:active{transform:translateY(0) scale(.98);background:#f4101040}.hud-card__scanline{position:absolute;top:0;left:0;width:100%;height:3px;transition:opacity .3s ease-in;background:linear-gradient(90deg,transparent,var(--card-primary),transparent);opacity:.6;animation:scanline 4s linear infinite;pointer-events:none;z-index:5}@keyframes scanline{0%{top:0;opacity:0}10%{opacity:.6}90%{opacity:.6}to{top:100%;opacity:0}}.hud-card__grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:20px 20px;opacity:.04;pointer-events:none;z-index:0}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 6px currentColor}50%{opacity:.5;box-shadow:0 0 2px currentColor}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hud-scene-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 16px;background:#080835cc;border:1px solid rgba(0,209,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-scene-indicator:before,.hud-scene-indicator:after{content:"";position:absolute;width:8px;height:8px;border:1px solid #00D1FF}.hud-scene-indicator:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.hud-scene-indicator:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.hud-scene-indicator__dot{width:8px;height:8px;background:transparent;border:1px solid #00D1FF;box-shadow:0 0 4px #00d1ff80;transition:all .3s ease;position:relative}.hud-scene-indicator__dot--active{background:#00d1ff;box-shadow:0 0 8px #00d1ff,0 0 16px #00d1ff}.hud-scene-indicator__dot--active:before{content:"";position:absolute;inset:-4px;border:1px solid rgba(0,209,255,.3);animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.hud-scroll-indicator{position:absolute;bottom:70px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;pointer-events:none;transition:opacity .4s ease-out}.hud-scroll-indicator--visible{opacity:1}.hud-scroll-indicator__arrow{width:20px;height:20px;color:#00d1ff;animation:scroll-arrow-pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 6px #00D1FF) drop-shadow(0 0 12px #00D1FF)}.hud-scroll-indicator__arrow svg{width:100%;height:100%}@keyframes scroll-arrow-pulse{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}@media(max-width:768px){.hud-scroll-indicator{display:none}}.hud-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.hud-scanlines:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);opacity:.5;animation:scanlines-flicker .1s infinite;transition:opacity .3s ease-in}.hud-scanlines:after{content:"";position:absolute;left:0;width:100%;height:8px;background:linear-gradient(180deg,transparent,rgba(0,209,255,.08),transparent);animation:scanbar 8s linear infinite;pointer-events:none;transition:opacity .3s ease-in}@keyframes scanlines-flicker{0%,to{opacity:.5}50%{opacity:.48}}@keyframes scanbar{0%{top:-8px}to{top:100%}}.hud:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:999}.hud:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 100px #00d1ff08,inset 0 0 200px #00d1ff05;pointer-events:none;z-index:998}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.9}94%{opacity:1}96%{opacity:.95}97%{opacity:1}}@media(max-width:768px){.hud-brand-title{top:15px;left:15px;flex-direction:column;gap:.3em;max-width:55%}.hud-brand-title__text{font-size:clamp(1rem,4vw,1.4rem);letter-spacing:.2em}.hud-logo{width:28vmin;height:28vmin;min-width:110px;min-height:110px;top:15px;right:15px}.hud{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:90px 16px 40px;gap:16px;overflow:visible;grid-template-columns:unset;grid-template-rows:unset}.hud-hero--span-1-2,.hud-hero--span-1-2-3{grid-column:unset;grid-row:unset;width:100%;flex-shrink:0}.hud-section--3{grid-column:unset;grid-row:unset;width:100%;min-height:auto}.hud-section--1,.hud-section--2{display:none}.hud-section--4,.hud-section--5,.hud-section--6,.hud-section--7,.hud-section--bottom-3-pos-0,.hud-section--bottom-3-pos-1,.hud-section--bottom-3-pos-2{grid-column:unset;grid-row:unset;width:100%;min-height:auto}.hud-card{min-height:280px}.hud-card__background{background:#080835bf}.hud-section,.hud-hero{transform:none!important}.hud-card__bracket{width:20px;height:20px}.hud-card__header{padding:8px 12px 6px}.hud-card__header-tab{font-size:.6rem;padding:3px 8px}.hud-card__header-status{font-size:.55rem}.hud-card__body{padding:12px 16px}.hud-card__title{font-size:clamp(.9rem,4vw,1.1rem);margin-bottom:8px}.hud-card__text{font-size:clamp(.75rem,3vw,.85rem);max-width:100%;line-height:1.5}.hud-card__divider{margin-bottom:10px}.hud-card__data-panel{padding-top:10px;flex-direction:column;align-items:flex-start;gap:10px}.hud-card__data-row{font-size:.55rem}.hud-card__button{align-self:flex-start;padding:8px 14px;font-size:.65rem}.hud-card__footer{padding:6px 12px 8px}.hud-card__footer-block{width:6px;height:6px}.hud-hero{padding:12px 16px;min-height:auto}.hud-hero__top-bar{margin-bottom:12px}.hud-hero__bracket-left,.hud-hero__bracket-right{width:16px;height:16px}.hud-hero__top-data{font-size:.55rem;gap:8px}.hud-hero__title-prefix{font-size:clamp(1rem,5vw,1.5rem)}.hud-hero__title{font-size:clamp(1.6rem,6vw,2.2rem)}.hud-hero__cursor{width:.4em;height:.9em;margin-left:4px}.hud-hero__subtitle-wrapper{margin-top:10px;gap:10px}.hud-hero__subtitle{font-size:clamp(.65rem,2.5vw,.8rem)}.hud-hero__bottom-bar{margin-top:16px}.hud-hero__bottom-block{width:8px;height:8px}.hud-scene-indicator{display:none}.hud-scanlines{position:fixed}.hud:before,.hud:after{position:fixed}}@media(min-width:769px)and (max-width:1024px){.hud{padding:110px 30px 60px;gap:20px}.hud-card__border{padding:18px 24px}.hud-hero{padding:24px 30px}.hud-card__data-panel{gap:10px}.hud-card__button{padding:8px 16px;font-size:.7rem}}.hud-branding--idle .hud-brand-title:before{animation-play-state:paused}.hud--idle .hud-hero__data-dot,.hud--idle .hud-hero__cursor,.hud--idle .hud-hero__bottom-block,.hud--idle .hud-card__header-indicator,.hud--idle .hud-card__status-dot,.hud--idle .hud-card__divider-dot,.hud--idle .hud-scene-indicator__dot--active:before{animation-play-state:paused}.hud--hide-scanlines .hud-card__scanline{opacity:0;transition:opacity .5s ease-out}.hud--hide-scanlines .hud-scanlines:before,.hud--hide-scanlines .hud-scanlines:after{opacity:0;transition:opacity .5s ease-out}.mobile-next-hint{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(20px);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px;background:#080835d9;border:1px solid var(--hint-color, #00D1FF);border-radius:8px;opacity:0;pointer-events:none;transition:opacity .3s ease-out,transform .3s ease-out;z-index:1000;box-shadow:0 0 10px color-mix(in srgb,var(--hint-color, #00D1FF) 30%,transparent),0 0 20px color-mix(in srgb,var(--hint-color, #00D1FF) 15%,transparent),inset 0 0 15px color-mix(in srgb,var(--hint-color, #00D1FF) 5%,transparent)}.mobile-next-hint--visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.mobile-next-hint__arrow{width:24px;height:24px;color:var(--hint-color, #00D1FF);animation:bounce-down 1.2s ease-in-out infinite}.mobile-next-hint__arrow svg{width:100%;height:100%;filter:drop-shadow(0 0 4px var(--hint-color, #00D1FF))}.mobile-next-hint__text{font-family:Orbitron,Rajdhani,Share Tech Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--hint-color, #00D1FF);text-shadow:0 0 8px var(--hint-color, #00D1FF);white-space:nowrap}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(min-width:769px){.mobile-next-hint{display:none}}html,body{overflow:hidden;height:100%}@media(max-width:768px){html,body{overflow-x:hidden;overflow-y:auto;height:auto;min-height:100%}}.loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080835;color:#00d1ff;font-family:Courier New,Courier,monospace;gap:24px}.loading p{letter-spacing:.2em;text-transform:uppercase;font-size:.9rem;text-shadow:0 0 10px #00D1FF;animation:pulse 2s ease-in-out infinite}.loading__spinner{width:60px;height:60px;border:2px solid rgba(0,209,255,.2);border-top:2px solid #00D1FF;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #00d1ff80}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#080835;color:#ff004d;font-family:Courier New,Courier,monospace}.error p{padding:24px 32px;border:1px solid #FF004D;background:#ff004d1a;text-shadow:0 0 10px #FF004D}