/* Ignition Labs — corridor page. Layout/visual styles live inline in index.html (design handoff
   is pixel-exact); this file holds only what inline styles cannot express. */
html,body{margin:0;padding:0;background:#e8eef5;}
a{color:#d8430f;}a:hover{color:#a83208;}
@keyframes ilFlick{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}
@keyframes ilFloat{from{transform:translateY(-16px);opacity:.1}to{transform:translateY(16px);opacity:.6}}
@keyframes ilScan{0%{transform:translateY(-18%)}100%{transform:translateY(112%)}}
@keyframes ilArc{0%,100%{opacity:1;filter:brightness(1)}42%{opacity:.45}50%{opacity:1;filter:brightness(1.5)}58%{opacity:.25}66%{opacity:.95}}
@keyframes ilPulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes ilBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes ilTicker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes ilAlien{0%{transform:translate(0,0) rotate(-10deg)}25%{transform:translate(820px,-70px) rotate(4deg)}50%{transform:translate(1640px,30px) rotate(-6deg)}75%{transform:translate(2460px,-50px) rotate(8deg)}100%{transform:translate(3280px,10px) rotate(-4deg)}}

/* compositing hints: fixed HUD blocks and the vignette get their own layers so the per-frame
   Z-coordinate text update never repaints the full-screen gradient; scan sweeps stay on the compositor */
#il-vignette,#il-hud-l,#il-hud-r,#il-ft,.il-scan{will-change:transform;}
/* Every 3D plane in the corridor is its own compositor layer; without this hint Chrome re-rasterises
   them whenever the perspective scale changes (i.e. on every scroll frame) and evicts tiles behind
   the camera, which shows up as hitching and checkerboard flashes when the scroll direction reverses.
   Measured: ~2350 → ~300 raster tasks per 100 frames. */
#il-world > div{will-change:transform;}

/* hover states — ported 1:1 from the prototype's style-hover attributes */
.il-hover-1:hover{color:#086b61 !important;}
.il-hover-2:hover{background:rgba(15,157,143,.08) !important;color:#086b61 !important;}
.il-hover-3:hover{background:rgba(244,81,30,.1) !important;color:#a83208 !important;}
.il-hover-4:hover{background:rgba(208,47,168,.08) !important;color:#8e1c72 !important;}
.il-hover-5:hover{background:#ff9636 !important;color:#ffffff !important;}
.il-hover-6:hover{background:linear-gradient(180deg,#ff9057,#ff7a30) !important;color:#ffffff !important;}
.il-hover-7:hover{background:#ffffff !important;}

/* reduced motion — collapse every scene animation to a single instant iteration */
@media (prefers-reduced-motion: reduce){
  #il-scene *{animation-duration:.01s !important;animation-iteration-count:1 !important;}
}