@font-face{font-family:InterTight;src:url('assets/inter-tight.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0b202f;color:#f7fafb;font-family:InterTight,Arial,sans-serif}#vm01{position:relative;width:840px;height:600px;overflow:hidden}.canvas{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#143448,#0b202f 72%)}.clip{position:absolute;inset:0}.wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#657f90;stroke-width:2.5}.wires path{stroke-linejoin:round;stroke-linecap:round}.wires .trace{stroke:#b6f23d;stroke-width:4;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw,0));filter:drop-shadow(0 0 3px #b6f23d55)}.mobile-wires{display:none}.node{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:clamp(10px,1.9vw,16px);border:1.5px solid #657f90;border-radius:16px;background:#07131f;z-index:2}.node small{color:#b1c2cd;font:600 clamp(10px,1.55vw,13px)/1.1 InterTight,Arial,sans-serif;letter-spacing:.06em}.node strong{font-size:clamp(18px,3.1vw,26px);line-height:1.05;font-weight:700}.node span{font-size:clamp(12px,2.1vw,17px);line-height:1.2;color:#c3d0d8}.step{top:8%;width:23%;height:22%}.s1{left:5%}.s2{left:38.5%}.s3{left:72%}.decision{left:34%;top:42%;width:32%;height:20%;text-align:center;border-color:#b6f23d;background:#173526}.decision small{color:#d7eeac}.decision strong{font-size:clamp(19px,3.1vw,26px)}.choice{top:75%;width:23%;height:16%;padding:13px 17px}.c1{left:5%}.c2{left:38.5%}.c3{left:72%}.choice strong{font-size:clamp(17px,3.1vw,26px)}.choice span{font-size:clamp(12px,2vw,17px)}.hint{position:absolute;left:5%;right:5%;bottom:2%;margin:0;text-align:center;color:#b8c9d3;font-size:17px;line-height:1.25}.node{--glow:0;box-shadow:0 0 calc(var(--glow)*24px) #b6f23d25}.embedded #vm01{width:100vw;height:100vh}
@media(max-width:520px){.embedded .desktop-wires{display:none}.embedded .mobile-wires{display:block}.embedded .step{left:12%;width:76%;height:12%;padding:10px 18px;gap:4px}.embedded .s1{top:2%}.embedded .s2{top:21%}.embedded .s3{top:40%}.embedded .node small{font-size:12px}.embedded .node strong{font-size:23px}.embedded .node span{font-size:14px}.embedded .decision{left:12%;top:59%;width:76%;height:12%;padding:10px;gap:5px}.embedded .decision strong{font-size:22px}.embedded .choice{top:83%;height:12%;width:28%;padding:8px 5px;gap:6px;text-align:center}.embedded .c1{left:3%}.embedded .c2{left:36%}.embedded .c3{left:69%}.embedded .choice strong{font-size:17px}.embedded .choice span{font-size:12px}.embedded .hint{bottom:0;font-size:11px}.embedded .wires{stroke-width:2}}

.playback-line{position:absolute;left:5%;bottom:0;width:90%;height:2px;background:#b6f23d;transform-origin:left center}