:root{
  /* Typography compliance: Space Grotesk** for the concurrengine.com wordmark; IBM Plex Sans Condensed** for compact lane labels; an engineered but theatrical voice. */
  --backstage:#07080D;
  --indigo:#171B3F;
  --cyan:#18F2E6;
  --amber:#F6C453;
  --rose:#FF4D7D;
  --violet:#8A5CFF;
  --chalk:#E8EEF2;
  --slate:#596174;
  --font-display:"Space Grotesk","Space",Inter,ui-sans-serif,system-ui,sans-serif;
  --font-serif:Fraunces,Georgia,serif;
  --font-body:"IBM Plex Sans Condensed",Inter,"Arial Narrow",ui-sans-serif,system-ui,sans-serif;
  --font-symbol:"IBM Plex Sans Condensed","Apple Symbols","Segoe UI Symbol",sans-serif;
  --tick:0;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--backstage)}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% 16%,rgba(138,92,255,.18),transparent 31rem),radial-gradient(circle at 14% 82%,rgba(24,242,230,.11),transparent 26rem),linear-gradient(180deg,var(--backstage),#090a13 44%,var(--backstage));color:var(--chalk);font-family:var(--font-body);overflow-x:hidden}
body.synced .out-of-order{letter-spacing:.035em;text-shadow:0 0 24px rgba(24,242,230,.6)}
body.synced .letter-token{animation-name:snapName!important;animation-duration:1.15s!important;animation-fill-mode:forwards!important}
button{font:inherit;color:inherit}
.stage-noise{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.32;background:repeating-linear-gradient(0deg,rgba(232,238,242,.035) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(246,196,83,.025) 0 1px,transparent 1px 19px);mix-blend-mode:screen}
.spotlight{position:fixed;width:36rem;height:36rem;left:var(--mx,50%);top:var(--my,35%);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(246,196,83,.13),rgba(24,242,230,.055) 32%,transparent 66%);filter:blur(9px);transition:left .18s ease,top .18s ease}
.tick-curtain-field{position:fixed;inset:0;pointer-events:none;z-index:4;overflow:hidden}.tick-curtain{position:absolute;top:-10%;bottom:-10%;width:1px;background:linear-gradient(180deg,transparent,var(--chalk),var(--cyan),transparent);opacity:.25;box-shadow:0 0 18px var(--cyan);animation:curtainDrop 8s linear infinite}.t1{left:13%;animation-delay:-1s}.t2{left:31%;animation-delay:-4s}.t3{left:52%;animation-delay:-2s}.t4{left:74%;animation-delay:-6s}.t5{left:89%;animation-delay:-3s}.t6{left:44%;animation-delay:-7s;background:linear-gradient(180deg,transparent,var(--rose),var(--amber),transparent)}
.rigging-header{position:fixed;top:0;left:0;right:0;height:4.2rem;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:linear-gradient(180deg,rgba(7,8,13,.92),rgba(7,8,13,0));font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em}.wordmark-mini{font-weight:800;color:var(--chalk);text-shadow:0 0 20px rgba(24,242,230,.32)}.header-score{display:flex;gap:1.1rem;color:var(--slate);font-size:.72rem}.header-score span.active{color:var(--amber);text-shadow:0 0 14px var(--amber)}
.performance{position:relative;z-index:3}.act{position:relative;min-height:100vh;padding:7rem clamp(1.2rem,4vw,5rem) 4rem;overflow:hidden;border-bottom:1px solid rgba(232,238,242,.08)}.act.in-cue:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at calc(20% + var(--act-intensity)*60%) 48%,rgba(24,242,230,.08),transparent 30rem);opacity:var(--act-intensity)}
.hero-act{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;background:linear-gradient(115deg,rgba(23,27,63,.42),transparent 44%),radial-gradient(circle at 80% 70%,rgba(255,77,125,.08),transparent 25rem)}
.event-apron{position:relative;width:min(78rem,96vw);margin:0 auto;transform:rotate(-1deg)}
.hero-apron{margin-top:2rem}.event-lane{position:relative;height:4.55rem;margin:.55rem 0;border-top:1px solid rgba(232,238,242,.26);border-bottom:1px solid rgba(89,97,116,.25);background:linear-gradient(90deg,transparent,rgba(23,27,63,.72),transparent)}.event-lane:before{content:"";position:absolute;left:-8vw;right:-8vw;top:50%;height:2px;background:repeating-linear-gradient(90deg,rgba(232,238,242,.18) 0 20px,transparent 20px 34px);transform:translateY(-50%)}.rail-glow{position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);filter:blur(1px);animation:railSweep 5.8s linear infinite}.lane-label{position:absolute;left:1rem;top:.3rem;color:var(--slate);font-family:var(--font-body);font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.lane-label.rotated{left:-3rem;top:5rem;writing-mode:vertical-rl;color:var(--amber)}
.actor-token{position:absolute;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50% 50% 45% 45%;background:var(--cyan);color:var(--backstage);font-family:var(--font-display);font-weight:900;box-shadow:0 0 18px rgba(24,242,230,.75)}.actor-token:after{content:"";position:absolute;bottom:-.45rem;width:.55rem;height:.62rem;border-radius:.1rem;background:currentColor;opacity:.45}.letter-token{top:1.15rem;animation:tokenDrift 7s ease-in-out infinite}.l1{left:8%;animation-delay:-2.1s}.l2{left:18%;animation-delay:-1.4s;background:var(--amber);box-shadow:0 0 18px rgba(246,196,83,.75)}.l3{left:27%;animation-delay:-3.8s;background:var(--violet)}.l4{left:36%;animation-delay:-.7s}.l5{left:45%;animation-delay:-4.4s;background:var(--rose)}.l6{left:51%;animation-delay:-2.8s}.l7{left:57%;animation-delay:-5s;background:var(--amber)}.l8{left:63%;animation-delay:-1.8s}.l9{left:69%;animation-delay:-3s;background:var(--violet)}.l10{left:73%;animation-delay:-.3s}.l11{left:77%;animation-delay:-4.1s;background:var(--rose)}.l12{left:81%;animation-delay:-2.2s}.l13{left:84%;animation-delay:-5.3s;background:var(--amber)}.l14{left:87%;animation-delay:-1.1s}.l15{left:90%;animation-delay:-3.4s;background:var(--violet)}.l16{left:93%;animation-delay:-4.8s}.l17{left:96%;animation-delay:-2.7s;background:var(--amber)}
.barrier-gate{position:absolute;right:18%;top:.6rem;width:.35rem;height:3.2rem;background:var(--amber);box-shadow:0 0 20px var(--amber)}.barrier-gate.violet{background:var(--violet);box-shadow:0 0 20px var(--violet)}.ghost-trace{position:absolute;right:5%;top:1.2rem;width:12rem;height:1.6rem;border:1px dashed rgba(232,238,242,.3);border-radius:3rem;opacity:.45}.ghost-trace.wide{left:48%;right:auto;width:22rem}
.hero-title-block{position:absolute;left:clamp(1.5rem,6vw,8rem);top:50%;transform:translateY(-26%);max-width:38rem}.rehearsal-mark,.stage-command,.stage-note{color:var(--slate);text-transform:uppercase;letter-spacing:.08em;font-size:.94rem}.hero-title-block h1{margin:.4rem 0;font:900 clamp(3.6rem,9vw,10rem)/.82 var(--font-display);letter-spacing:-.08em}.out-of-order{display:block;color:var(--chalk);transition:letter-spacing .7s ease,text-shadow .7s ease}.stage-command{max-width:30rem;color:rgba(232,238,242,.78);line-height:1.45}.cue-light{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid rgba(246,196,83,.55);border-radius:999px;background:rgba(246,196,83,.08);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 26px rgba(246,196,83,.18),inset 0 0 18px rgba(246,196,83,.08)}.cue-light .bulb{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber),0 0 34px var(--amber);animation:cuePulse 1.8s ease-in-out infinite}.cue-light b{font-family:var(--font-display);color:var(--amber)}.cue-light.fired{background:rgba(24,242,230,.12);border-color:var(--cyan)}.cue-light.fired .bulb{background:var(--cyan);box-shadow:0 0 16px var(--cyan),0 0 44px var(--cyan)}
.causality-fly-tower{position:absolute;top:6rem;bottom:3rem;width:12rem;border-left:1px solid rgba(232,238,242,.18);border-right:1px solid rgba(232,238,242,.08);opacity:.8}.left-tower{left:2rem}.pulley{width:4rem;height:4rem;border:1px solid var(--slate);border-radius:50%;margin:2rem auto;box-shadow:inset 0 0 25px rgba(138,92,255,.25)}.suspended-label{writing-mode:vertical-rl;margin:auto;color:var(--slate);text-transform:uppercase;letter-spacing:.12em}.dependency-knot{position:absolute;width:2.2rem;height:2.2rem;border:2px solid var(--violet);border-radius:40% 60% 55% 45%;box-shadow:0 0 16px rgba(138,92,255,.5)}.knot-a{top:35%;left:30%}.knot-b{top:52%;right:20%;border-color:var(--rose)}.delay-weight{position:absolute;bottom:9%;left:2rem;padding:.75rem;border:1px solid var(--amber);color:var(--amber);text-align:center;text-transform:uppercase}.observer-pit{position:absolute;left:0;right:0;bottom:0;height:6.2rem;background:linear-gradient(180deg,transparent,rgba(23,27,63,.72));border-top:1px solid rgba(232,238,242,.12);display:flex;align-items:center;gap:1.2rem;padding:0 4rem;color:var(--slate);text-transform:uppercase;letter-spacing:.08em}.observer-pit i{width:.9rem;height:1.8rem;border-radius:1rem 1rem .2rem .2rem;background:rgba(232,238,242,.22)}.observer-pit p{margin-left:auto;color:rgba(246,196,83,.65)}
.act-title{position:relative;z-index:2;max-width:44rem}.act-title small{font-family:var(--font-symbol);color:var(--amber);text-transform:uppercase;letter-spacing:.18em}.act-title h2{margin:.2rem 0;font:900 clamp(4rem,11vw,11rem)/.82 var(--font-display);letter-spacing:-.08em}.deadlock-act .act-title h2,.final-command{font-family:var(--font-serif);font-weight:700;letter-spacing:-.04em}.act-title p{font-size:1.25rem;color:rgba(232,238,242,.74)}.queue-platform{position:relative;margin-top:4rem;min-height:32rem}.crowded{width:115vw;margin-left:-8vw}.crowded .actor-token{top:1.2rem;animation:queueShuffle 4.6s ease-in-out infinite}.crowded .actor-token:nth-of-type(1){left:22%}.crowded .actor-token:nth-of-type(2){left:31%;animation-delay:-1s}.crowded .actor-token:nth-of-type(3){left:39%;animation-delay:-2s}.crowded .actor-token:nth-of-type(4){left:49%;animation-delay:-3s}.crowded .actor-token:nth-of-type(5){left:58%;animation-delay:-4s}.cyan{background:var(--cyan)}.amber{background:var(--amber)}.rose{background:var(--rose)}.violet{background:var(--violet)}.slate{background:var(--slate)}.semaphore-flag{position:absolute;right:12%;top:.8rem;padding:.7rem 1rem;background:var(--amber);color:var(--backstage);font-family:var(--font-display);font-weight:900;clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%)}.delay-sandbag{position:absolute;top:1rem;padding:.45rem .7rem;background:rgba(246,196,83,.2);border:1px solid var(--amber);border-radius:.2rem 1rem .35rem 1rem;color:var(--amber);animation:sandbag 5s ease-in-out infinite}.delay-sandbag:nth-of-type(1){left:24%}.delay-sandbag:nth-of-type(2){left:39%;animation-delay:-1.4s}.delay-sandbag:nth-of-type(3){left:55%;animation-delay:-2.9s}.braid-overlay,.fork-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.braid,.fork-ribbon{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:18 18;animation:drawPath 7s linear infinite}.cyan-line{stroke:var(--cyan)}.amber-line{stroke:var(--amber)}.violet-line{stroke:var(--violet)}
.race-act{background:radial-gradient(circle at 50% 50%,rgba(255,77,125,.18),transparent 30rem)}.diagonal-zone{position:absolute;inset:10% -8%;transform:rotate(-9deg);border-top:1px solid rgba(255,77,125,.35);border-bottom:1px solid rgba(246,196,83,.28);background:repeating-linear-gradient(90deg,rgba(255,77,125,.06) 0 12px,transparent 12px 48px)}.diagonal-zone .act-title{transform:rotate(9deg);margin:5rem 0 0 14%}.collision-prop{position:absolute;left:52%;top:42%;transform:rotate(9deg);width:8rem;height:8rem;display:grid;place-items:center;border-radius:50%;border:2px solid var(--chalk);text-transform:uppercase;text-align:center;background:var(--backstage);z-index:2}.race-spark{position:absolute;top:46%;padding:.6rem 1rem;background:var(--rose);color:var(--backstage);font-family:var(--font-display);font-weight:900;box-shadow:0 0 26px var(--rose);animation:raceA 2.4s ease-in-out infinite}.spark-a{left:18%}.spark-b{right:15%;animation-name:raceB;background:var(--amber);box-shadow:0 0 26px var(--amber)}.rollback-stamp{position:absolute;right:18%;bottom:18%;transform:rotate(21deg);font:900 2rem var(--font-display);color:var(--rose);border:5px solid var(--rose);padding:.8rem;opacity:.8}.collision-halo{position:absolute;left:50%;top:42%;width:15rem;height:15rem;border-radius:50%;background:radial-gradient(circle,rgba(255,77,125,.42),rgba(246,196,83,.12),transparent 68%);animation:halo 2.4s infinite}
.fork-act{background:linear-gradient(90deg,rgba(23,27,63,.7),transparent)}.act-title.side{position:absolute;left:4rem;top:8rem;max-width:24rem}.fork-stage{position:absolute;left:18%;right:3%;top:19%;bottom:12%}.origin-token{left:4%;top:47%;background:var(--violet)}.fork-ribbon{stroke:var(--violet);stroke-width:9;filter:drop-shadow(0 0 14px rgba(138,92,255,.65))}.r2{stroke:var(--cyan);animation-delay:-1.2s}.r3{stroke:var(--rose);animation-delay:-2.4s}.fork-label{position:absolute;right:4%;padding:.45rem .7rem;background:rgba(7,8,13,.75);border:1px solid rgba(232,238,242,.16);color:var(--chalk);text-transform:uppercase;letter-spacing:.07em}.top{top:7%}.mid{top:49%}.bot{bottom:7%}
.rendezvous-arena{position:relative;width:min(38rem,88vw);height:min(38rem,88vw);margin:1rem auto}.barrier-ring{position:absolute;inset:6%;border-radius:50%;border:2px dashed var(--violet);box-shadow:0 0 42px rgba(138,92,255,.24),inset 0 0 42px rgba(24,242,230,.1);animation:ringSpin 16s linear infinite}.gate-door{position:absolute;top:34%;width:8rem;height:11rem;background:linear-gradient(180deg,var(--indigo),var(--backstage));border:1px solid var(--amber);box-shadow:0 0 25px rgba(246,196,83,.25);transition:transform .8s ease}.left-door{left:26%;transform-origin:left}.right-door{right:26%;transform-origin:right}body.synced .left-door{transform:translateX(-2rem) rotateY(38deg)}body.synced .right-door{transform:translateX(2rem) rotateY(-38deg)}.orbit{left:calc(50% - 1rem);top:calc(50% - 1rem);animation:orbit 6s linear infinite}.o2{animation-delay:-1.5s;background:var(--amber)}.o3{animation-delay:-3s;background:var(--rose)}.o4{animation-delay:-4.5s;background:var(--violet)}.gate-caption{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);white-space:nowrap;color:var(--amber);text-transform:uppercase;letter-spacing:.12em}
.deadlock-act{background:radial-gradient(circle at 50% 45%,rgba(89,97,116,.18),transparent 28rem)}.deadlock-set{position:relative;height:36rem}.dead-door{position:absolute;top:8rem;width:13rem;height:19rem;border:2px solid var(--slate);background:linear-gradient(135deg,rgba(23,27,63,.9),rgba(7,8,13,.95));display:grid;place-items:center;text-transform:uppercase;font-family:var(--font-display);box-shadow:0 0 35px rgba(89,97,116,.25)}.door-a{left:18%;transform:rotate(-4deg)}.door-b{right:18%;transform:rotate(4deg)}.wait-thread{position:absolute;top:18rem;height:1px;background:var(--rose);color:var(--rose);text-transform:uppercase;letter-spacing:.1em}.thread-a{left:31%;right:50%;transform:rotate(7deg)}.thread-b{right:31%;left:50%;transform:rotate(-7deg);text-align:right}.silent-baton{position:absolute;left:50%;top:11rem;width:.35rem;height:19rem;background:var(--chalk);transform:rotate(26deg);opacity:.5;box-shadow:0 0 20px var(--chalk)}
.replay-act{background:linear-gradient(180deg,var(--backstage),rgba(23,27,63,.75))}.replay-stage{position:relative;height:32rem;margin-top:2rem}.replay-spiral{position:absolute;left:50%;top:50%;width:25rem;height:25rem;transform:translate(-50%,-50%);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 16px,rgba(24,242,230,.22) 17px 19px,transparent 20px 34px);clip-path:polygon(50% 0,100% 21%,77% 100%,0 84%,10% 18%);animation:ringSpin 20s linear infinite}.run-frame{position:absolute;width:24rem;height:13rem;border:1px solid rgba(232,238,242,.24);background:rgba(7,8,13,.34);display:grid;place-items:center;text-transform:uppercase;letter-spacing:.15em;color:var(--slate)}.f1{left:12%;top:12%;opacity:.25}.f2{left:20%;top:20%;opacity:.4}.f3{left:28%;top:28%;opacity:.6}.f4{left:36%;top:36%;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 30px rgba(24,242,230,.25)}.scrubber{position:absolute;left:10%;right:10%;bottom:2rem;height:2px;background:rgba(232,238,242,.18)}.scrubber span{display:block;width:18%;height:100%;background:var(--amber);box-shadow:0 0 18px var(--amber);animation:scrub 5s ease-in-out infinite}.final-command{position:absolute;right:5rem;bottom:4rem;font-size:clamp(2rem,5vw,5rem);color:var(--amber);max-width:40rem;text-align:right}
@keyframes curtainDrop{0%{transform:translateY(-25%);opacity:0}12%,75%{opacity:.28}100%{transform:translateY(25%);opacity:0}}@keyframes railSweep{0%{transform:scaleX(.2);opacity:.1}50%{transform:scaleX(1);opacity:.8}100%{transform:scaleX(.2);opacity:.1}}@keyframes tokenDrift{0%,100%{transform:translateX(-2.5rem);filter:saturate(.8)}45%{transform:translateX(2rem)}55%{transform:translateX(2rem) scale(.92)}}@keyframes snapName{to{transform:translateX(0) translateY(0) scale(1);filter:saturate(1.5)}}@keyframes cuePulse{50%{transform:scale(.78);opacity:.65}}@keyframes queueShuffle{50%{transform:translateX(5rem)}}@keyframes sandbag{50%{transform:translateY(1.2rem)}}@keyframes drawPath{to{stroke-dashoffset:-180}}@keyframes raceA{50%{left:48%;transform:scale(1.2)}}@keyframes raceB{50%{right:42%;transform:scale(1.2)}}@keyframes halo{50%{transform:scale(1.35);opacity:.25}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes orbit{from{transform:rotate(0deg) translateX(14rem) rotate(0deg)}to{transform:rotate(360deg) translateX(14rem) rotate(-360deg)}}@keyframes scrub{50%{transform:translateX(450%);width:28%}}
@media (max-width:760px){.rigging-header{padding:0 1rem}.header-score{display:none}.act{padding:6rem 1rem 4rem}.causality-fly-tower{display:none}.hero-title-block{position:relative;left:auto;top:auto;transform:none;margin:2rem 0}.hero-title-block h1{font-size:4rem}.event-apron{width:140vw;margin-left:-20vw}.observer-pit{padding:0 1rem;font-size:.7rem}.observer-pit p{display:none}.act-title h2{font-size:4.2rem}.diagonal-zone{inset:7% -50%}.rollback-stamp{font-size:1.1rem}.act-title.side{position:relative;left:auto;top:auto}.fork-stage{left:0;right:0}.dead-door{width:9rem}.door-a{left:3%}.door-b{right:3%}.run-frame{width:15rem}.final-command{right:1rem}}