*{box-sizing:border-box}:root{--brand-primary: #E86B24;--brand-secondary: #1A3A5C;--brand-light: #F8A665;--base-100: #F5F6FA;--base-200: #FFFFFF;--base-300: #E2E8F0;--text-primary: #1E293B;--text-secondary: #64748B}.dark{--brand-primary: #F97316;--brand-secondary: #60A5FA;--brand-light: #FDBA74;--base-100: #0F1115;--base-200: #1D2127;--base-300: #2D3748;--text-primary: #F8FAFC;--text-secondary: #94A3B8}html,body,#root{height:100%;min-height:100%}body{margin:0;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--base-100);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}select,select option,textarea{color:var(--text-primary);background-color:var(--base-200)}textarea::placeholder{color:var(--text-secondary)}.home-stage-layout{width:min(100%,88rem);position:relative;display:flex;justify-content:center;align-items:stretch;gap:clamp(1rem,2.4vw,2rem)}.home-stage-center{width:100%;max-width:80rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center}.home-stage-rail{display:none;width:11rem;flex:0 0 11rem}.home-stage{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:1px;border-style:solid;width:100%;height:100%;min-height:37rem;border-radius:1.75rem;background:radial-gradient(circle at top,color-mix(in srgb,var(--brand-light) 22%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--brand-secondary) 60%,#0d141b),#0f151d);box-shadow:inset 0 1px #ffffff14,0 22px 45px #0f172a2e;position:sticky;top:1.5rem;overflow:hidden;padding:1rem .85rem;cursor:pointer;text-align:left;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-stage:hover,.home-stage.is-focused{transform:translateY(-4px);box-shadow:inset 0 1px #ffffff1f,0 28px 56px #0f172a3d;border-color:color-mix(in srgb,var(--brand-light) 42%,var(--base-300))}.home-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 34px),linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%);pointer-events:none;opacity:.8}.home-stage__meta,.home-stage__skyline,.tower-scene,.bridge-scene{position:relative;z-index:1}.home-stage__meta{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1rem;color:#ffffffe6}.home-stage__meta span{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#ffe5b5b8}.home-stage__meta strong{font-size:.98rem;font-weight:700}.home-stage__skyline{height:2.4rem}.pixel-sun,.pixel-moon,.pixel-cloud{position:absolute}.pixel-sun,.pixel-moon{width:1.1rem;height:1.1rem;border-radius:.3rem;top:.2rem;right:.5rem}.pixel-sun{background:linear-gradient(180deg,#ffd064,#f18f34);box-shadow:0 0 18px #f18f344d}.pixel-moon{background:linear-gradient(180deg,#d0d9e8,#8aa0b8)}.pixel-cloud{height:.55rem;border-radius:999px;background:#ffffff2e;width:2.2rem;top:.9rem}.pixel-cloud.left{left:.4rem}.pixel-cloud.right{right:1.8rem;top:1.4rem;width:1.6rem}.tower-scene,.bridge-scene{position:relative;min-height:28rem;border-radius:1.2rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff08,#080c121f);padding:.8rem;display:flex;align-items:flex-end;justify-content:center}.tower-stack{width:3.8rem;display:flex;flex-direction:column-reverse;gap:.28rem;margin-right:1rem}.tower-level{height:1.65rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.22rem;opacity:.18;transition:opacity .18s ease,transform .18s ease,filter .18s ease}.tower-level span,.bridge-segment{display:block;border-radius:.22rem}.tower-level span{background:linear-gradient(180deg,#d8dfeb,#7f8da2)}.tower-level.is-built{opacity:1}.tower-level.is-flashing,.bridge-segment.is-flashing{filter:brightness(1.25);transform:translateY(-2px)}.tower-crane{position:absolute;left:.9rem;bottom:1rem;width:4.4rem;height:13rem}.tower-crane .mast,.tower-crane .beam,.tower-crane .hook{position:absolute;display:block;background:linear-gradient(180deg,#ebb35d,#9b6a1f);border-radius:.18rem}.tower-crane .mast{left:.8rem;bottom:0;width:.45rem;height:11rem}.tower-crane .beam{left:.8rem;top:.8rem;width:3.3rem;height:.45rem}.tower-crane .hook{right:.28rem;top:1rem;width:.24rem;height:2.8rem;transform-origin:top center}.tower-crane .hook.is-swinging{animation:crane-swing .9s ease-in-out}.tower-dust{position:absolute;bottom:1.4rem;right:1.8rem;width:3rem;height:1.5rem;opacity:0;pointer-events:none}.tower-dust.is-visible{opacity:1}.tower-dust span{position:absolute;width:.35rem;height:.35rem;border-radius:.12rem;background:#e8a765e6;animation:dust-burst .72s ease-out}.tower-dust span:nth-child(1){left:.1rem;top:.7rem}.tower-dust span:nth-child(2){left:.8rem;top:.3rem}.tower-dust span:nth-child(3){left:1.5rem;top:.9rem}.tower-dust span:nth-child(4){left:2rem;top:.2rem}.tower-dust span:nth-child(5){left:2.4rem;top:.8rem}.tower-dust span:nth-child(6){left:1.2rem;top:.5rem}.bridge-scene{overflow:hidden}.bridge-water{position:absolute;inset:auto 0 0;height:5.4rem;background:linear-gradient(180deg,#487fb847,#102c4d85),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 10px,transparent 10px 20px)}.bridge-deck{position:absolute;bottom:5.1rem;left:1rem;right:1rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.28rem}.bridge-segment{height:1rem;opacity:.18;background:linear-gradient(180deg,#bcc9d6,#6a7b90);transition:opacity .18s ease,transform .18s ease,filter .18s ease}.bridge-segment.is-built{opacity:1}.bridge-flag{position:absolute;bottom:6.55rem;right:1.2rem;width:1.4rem;height:1.4rem;border-radius:.3rem;display:grid;place-items:center;font-size:.68rem;font-weight:800;color:#1c2430;background:#ffd564;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.bridge-flag.is-visible{opacity:1;transform:translateY(0)}.pixel-worker{position:absolute;bottom:1rem;left:50%;width:2.8rem;height:4.3rem;transform:translate(-50%)}.pixel-worker.is-bridge{left:34%}.pixel-worker .pixel{position:absolute;display:block;border-radius:.16rem}.pixel-worker .helmet{top:.2rem;left:.72rem;width:1.4rem;height:.72rem;background:#ffbf52}.pixel-worker .face{top:.9rem;left:.92rem;width:1rem;height:.86rem;background:#f3c3a1}.pixel-worker .vest{top:1.9rem;left:.58rem;width:1.7rem;height:1.1rem;background:#ef6e3c}.pixel-worker .arm{top:2rem;right:.18rem;width:.52rem;height:1.1rem;background:#f3c3a1;transform-origin:top center}.pixel-worker .leg{top:3.1rem;width:.55rem;height:1rem;background:#6a87aa}.pixel-worker .leg.left{left:.9rem}.pixel-worker .leg.right{right:.8rem}.pixel-worker.is-active .arm{animation:worker-arm .52s steps(2) infinite}.pixel-worker.is-active .leg.left,.pixel-worker.is-active .leg.right{animation:worker-step .52s steps(2) infinite}@keyframes crane-swing{0%{transform:rotate(0)}30%{transform:rotate(10deg)}65%{transform:rotate(-8deg)}to{transform:rotate(0)}}@keyframes dust-burst{0%{transform:translate(0) scale(1);opacity:.95}to{transform:translate(10px,-12px) scale(.2);opacity:0}}@keyframes worker-arm{0%,to{transform:rotate(6deg)}50%{transform:rotate(-18deg)}}@keyframes worker-step{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(min-width:1280px){.home-stage-rail{display:block}.home-stage-layout{padding-left:clamp(10.5rem,13vw,14rem)}.home-stage-rail-left{position:absolute;left:0;top:0}.home-stage-rail-right{display:none}}@media(max-width:1439px){.home-stage-layout{width:min(100%,84rem)}.home-stage-rail{width:9.75rem;flex-basis:9.75rem}}.text-stage{position:sticky;top:1.25rem;width:100%;min-height:39rem;border-radius:1.9rem;border:1px solid color-mix(in srgb,var(--brand-light) 24%,rgba(255,255,255,.14));background:radial-gradient(circle at top,color-mix(in srgb,var(--brand-light) 14%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--brand-secondary) 72%,#0a0e14),color-mix(in srgb,var(--base-100) 86%,#0a0e14));box-shadow:inset 0 1px #ffffff14,0 24px 70px #040a1447;overflow:hidden;isolation:isolate;transform-style:preserve-3d}.text-stage--left{border:none;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.text-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%,transparent 78%,rgba(255,255,255,.03)),radial-gradient(circle at center,rgba(255,255,255,.02),transparent 60%);pointer-events:none;z-index:0}.text-stage--left:before{display:none}.text-stage__svg{width:100%;height:100%;min-height:39rem;display:block;transform:perspective(1200px) rotateY(-12deg) rotateX(2.5deg)}.text-stage--right .text-stage__svg{transform:perspective(1200px) rotateY(10deg) rotateX(3deg)}.text-stage__backdrop{fill:transparent}.text-stage__layer{mix-blend-mode:screen}.text-stage__rows text{font:600 9.6px Noto Sans SC,sans-serif;letter-spacing:.3em;text-transform:uppercase;fill:#c4d8f099}.text-stage__rows--left text{fill:#ccdae98a}.text-stage__rows--right text{fill:#bbd0ecc7}.text-stage__overlay{pointer-events:none}.text-stage__overlay--left .text-stage__cable-hit,.text-stage__overlay--right{pointer-events:auto}.text-stage__crane-mast,.text-stage__crane-arm,.text-stage__crane-back-arm,.text-stage__crane-support,.text-stage__bridge-tower,.text-stage__bridge-cable,.text-stage__bridge-deck{fill:none;stroke-linecap:round;stroke-linejoin:round}.text-stage__crane-mast,.text-stage__crane-arm,.text-stage__crane-back-arm,.text-stage__crane-support{stroke:#ffb952db;filter:drop-shadow(0 0 10px rgba(255,153,51,.24))}.text-stage__crane-mast{stroke-width:5.5}.text-stage__crane-arm{stroke-width:4.6}.text-stage__crane-back-arm{stroke-width:3.2}.text-stage__crane-support{stroke-width:3.4}.text-stage__crane-support--secondary{opacity:.82}.text-stage__crane-head,.text-stage__crane-cabin,.text-stage__crane-counter,.text-stage__crane-trolley{fill:#ffba54e0;stroke:#ffe9c08f;stroke-width:1}.text-stage__crane-counter{fill:#de9331b8}.text-stage__cable{stroke:#d6e2f08a;stroke-width:2.2}.text-stage__cable-hit{stroke:transparent;stroke-width:18;cursor:pointer}.text-stage__load{fill:#ffb84ee6;stroke:#ffeec7cc;stroke-width:1.2;filter:drop-shadow(0 0 12px rgba(255,163,51,.35));transform-origin:center}.text-stage__load.is-attached{animation:load-sway 4.6s ease-in-out infinite}.text-stage__load.is-dropping{animation:load-drop .84s cubic-bezier(.18,.72,.2,1) forwards,load-spin .84s linear forwards}.text-stage__elevator-rail{fill:#a0bce024;stroke:#bfd0e742}.text-stage__elevator-car{fill:#789accb8;stroke:#e8eff99e;stroke-width:1;animation:elevator-rise 7.4s linear infinite}.text-stage__burst{opacity:0;transform-origin:118px 520px}.text-stage__burst.is-live{animation:burst-fade .86s ease-out forwards}.text-stage__burst circle{fill:#ff7b3f61;stroke:#ffcb60c7;stroke-width:2}.text-stage__bridge-tower{stroke:#f07353bf;stroke-width:6;filter:drop-shadow(0 0 10px rgba(229,106,61,.22))}.text-stage__bridge-cable{stroke:#f4c59099;stroke-width:4}.text-stage__bridge-deck{stroke:#d6e2f08a;stroke-width:6}.text-stage__bridge-segment{fill:#f1b052e0;stroke:#fff1ced1;stroke-width:1.2;transform-origin:center;transition:transform .18s ease;animation:suspended-segment 6s ease-in-out infinite}.text-stage__bridge-segment.is-pulsing{animation:suspended-segment 6s ease-in-out infinite,bridge-segment-pulse 1.2s ease-out}.text-stage__bridge-trolley{fill:#f8ce82eb;animation:bridge-trolley 8s linear infinite}.text-stage__label{position:absolute;left:.2rem;bottom:.7rem;z-index:2;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:#dae4f047;pointer-events:none}@keyframes load-sway{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(4px) rotate(2deg)}75%{transform:translateY(-3px) rotate(-2deg)}}@keyframes load-drop{0%{transform:translate(0) scale(1)}70%{transform:translateY(288px) scale(1.05)}to{transform:translateY(318px) scale(.6);opacity:0}}@keyframes load-spin{0%{rotate:0deg}to{rotate:140deg}}@keyframes burst-fade{0%{opacity:.1;transform:scale(.3)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}@keyframes elevator-rise{0%{transform:translateY(82px)}45%{transform:translateY(-220px)}55%{transform:translateY(-220px)}to{transform:translateY(82px)}}@keyframes suspended-segment{0%,to{transform:translate(0)}50%{transform:translate(3px,6px)}}@keyframes bridge-segment-pulse{0%{transform:translate(0) scale(.92)}50%{transform:translateY(16px) scale(1.08)}to{transform:translate(0) scale(1)}}@keyframes bridge-trolley{0%{transform:translate(-22px)}50%{transform:translate(46px)}to{transform:translate(-22px)}}@media(prefers-reduced-motion:reduce){.text-stage__svg,.text-stage__load,.text-stage__elevator-car,.text-stage__bridge-segment,.text-stage__bridge-trolley,.text-stage__burst{animation:none!important;transition:none!important}}