*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#a7cdeb;overflow:hidden}body{font-family:Segoe UI,system-ui,sans-serif}html{-webkit-text-size-adjust:100%}.canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;touch-action:none}.rail{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:13px;align-items:flex-end}.stop{display:flex;align-items:center;gap:10px;cursor:pointer;background:none;border:none;padding:2px}.stop .lbl{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#162232bf;opacity:0;transform:translate(6px);transition:opacity .25s,transform .25s;white-space:nowrap;font-family:Segoe UI,system-ui,sans-serif}.stop .dot{width:9px;height:9px;border-radius:50%;border:2px solid rgba(22,34,50,.55);background:transparent;transition:background .25s,transform .25s,border-color .25s;flex:none}.stop:hover .lbl,.stop.active .lbl{opacity:1;transform:translate(0)}.stop.active .dot{background:#14213d;border-color:#14213d;transform:scale(1.25);position:relative}.stop.active .dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid rgba(20,33,61,.6);animation:ping .5s cubic-bezier(.05,.7,.1,1) 1 forwards}@keyframes ping{0%{transform:scale(1);opacity:.55}to{transform:scale(2.6);opacity:0}}.stop.done .dot{background:#16223259;border-color:#16223259}.stop.turn{margin-right:3px;cursor:default}.stop.turn .dot{width:6px;height:6px;border-radius:1px;transform:rotate(45deg);border-color:#16223266}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0e1622;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .65s ease;color:#dce6f5}.loader.fade{opacity:0;pointer-events:none}.loader-title{font-size:clamp(26px,5vw,44px);font-weight:800;letter-spacing:.16em}.loader-sub{font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:#8fa3bd}.loader-bar{width:min(300px,70vw);height:4px;border-radius:4px;background:#22314a;overflow:hidden;margin-top:14px}.loader-bar i{display:block;height:100%;background:linear-gradient(90deg,#2e86de,#6fd0ff);transition:width .25s ease}.loader-pct{font-family:Consolas,monospace;font-size:12px;color:#8fa3bd}.loader-tip{margin-top:24px;font-size:12px;letter-spacing:.14em;color:#5d7191;text-transform:uppercase}@media (max-width: 840px){.rail{right:12px;gap:10px}.stop .lbl{display:none}.loader-tip{padding:0 24px;text-align:center}}@media (prefers-reduced-motion: reduce){.stop.active .dot:after{animation:none;opacity:0}}