.scm{box-sizing:border-box;color:#eafff1;background:linear-gradient(165deg,#0b2118 0%,#081710 45%,#050a08 100%);border:1px solid #ffffff1a;border-radius:20px;max-width:1100px;margin:2.5rem auto 0;padding:16px clamp(14px,3vw,26px);position:relative;overflow:hidden}.scm:before{content:"";pointer-events:none;background-image:linear-gradient(#4ade8012 1px,#0000 1px),linear-gradient(90deg,#4ade8012 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.scm>*{z-index:1;position:relative}.scm__ways{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;display:flex}.scm__ways-label{letter-spacing:.12em;text-transform:uppercase;color:#4ade80;margin-right:4px;font-size:12px;font-weight:700}.scm__way{font:inherit;color:#eafff1b3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;transition:border-color .2s,background-color .2s,color .2s}.scm__way:hover{color:#fff;border-color:#4ade8073}.scm__way:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.scm__way[aria-selected=true]{color:#04140b;background:#34e07a;border-color:#34e07a}.scm__miles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.scm__mile{opacity:.72;background:#ffffff05;border:1px solid #ffffff12;border-radius:8px;align-items:baseline;gap:8px;min-width:0;padding:6px 10px;transition:border-color .25s,background-color .25s,opacity .25s;display:flex}.scm__mile[data-active=true]{opacity:1;background:#4ade801a;border-color:#4ade80}.scm__mile-name{letter-spacing:.08em;text-transform:uppercase;color:#4ade80;white-space:nowrap;font-size:12px;font-weight:700}.scm__mile-sub{color:#eafff199;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.scm__mile-tag{color:#4ade80;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;background:#4ade8024;border:1px solid #4ade8080;border-radius:4px;margin-right:8px;padding:2px 7px;font-family:ui-monospace,Fira Code,Space Mono,monospace;font-size:10.5px;display:inline-block}.scm__shelf{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid;position:relative}.scm__route{pointer-events:none;z-index:0;background:#4ade8047;width:0;height:2px;transition:left .35s,width .35s;position:absolute;top:22px;left:0}.scm__route:after{content:"";height:100%;width:var(--done,0px);background:#4ade80;transition:width .35s;position:absolute;top:0;left:0;box-shadow:0 0 8px #4ade8099}.scm__mod{z-index:1;min-width:0;position:relative}.scm__mod-pick{text-align:left;width:100%;min-width:0;height:100%;color:inherit;font:inherit;cursor:pointer;opacity:.72;background:#08190f;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:auto 1fr;align-content:start;align-items:center;gap:3px 6px;padding:9px 9px 8px;transition:border-color .25s,background-color .25s,opacity .25s,box-shadow .25s;display:grid}.scm__mod-pick:hover{opacity:1;border-color:#4ade8066}.scm__mod-pick:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.scm__mod[data-lit=true] .scm__mod-pick{opacity:1;background:#0b2416;border-color:#4ade8059}.scm__mod[data-active=true] .scm__mod-pick{background:#0e2f1c;border-color:#4ade80;box-shadow:0 0 0 1px #4ade8040,0 0 22px #4ade802e}.scm__mod-dot{box-sizing:border-box;background:#061a10;border:1.5px solid #4ade8080;border-radius:50%;width:9px;height:9px}.scm__mod[data-lit=true] .scm__mod-dot{border-color:#4ade80}.scm__mod[data-done=true] .scm__mod-dot{opacity:.6;background:#4ade80}.scm__mod[data-active=true] .scm__mod-dot{background:#4ade80;box-shadow:0 0 0 3px #4ade8038,0 0 12px #4ade80b3}.scm__mod-step{letter-spacing:.08em;color:#4ade80;min-height:13px;font-family:ui-monospace,Fira Code,Space Mono,monospace;font-size:10.5px}.scm__mod-name{color:#fff;overflow-wrap:anywhere;grid-column:1/-1;font-size:12.5px;font-weight:700;line-height:1.2}.scm__mod-sub{color:#eafff199;overflow-wrap:anywhere;grid-column:1/-1;font-size:10.5px;line-height:1.3}.scm__ways-line{color:#eafff19e;border-bottom:1px solid #4ade802e;margin:10px 0 0;padding:0 0 10px;font-size:13px}.scm__head{align-items:center;gap:12px;min-width:0;margin:12px 0 0;display:flex}.scm__head-text{flex:auto;min-width:0}.scm__num{color:#4ade80;background:#4ade8024;border:1.5px solid #4ade80;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:ui-monospace,Fira Code,Space Mono,monospace;font-size:16px;font-weight:700;display:flex}.scm__stt{color:#fff;font-size:17px;font-weight:700;line-height:1.2}.scm__loc{color:#eafff180;overflow-wrap:anywhere;margin-top:2px;font-family:ui-monospace,Fira Code,Space Mono,monospace;font-size:11.5px}.scm__head-right{text-align:right;flex-direction:column;flex:0 38%;align-items:flex-end;gap:3px;min-width:0;display:flex}.scm__mode{color:#eafff19e;font-size:12px;line-height:1.35}.scm__door{color:#4ade80;white-space:nowrap;font-size:12.5px;font-weight:600;text-decoration:none}.scm__door:hover{text-decoration:underline}.scm__stage{margin:8px 0 0}.scm__stage-inner{min-width:0}.scm__views{letter-spacing:.04em;color:#4ade80bf;justify-content:space-between;gap:12px;margin:0 0 -2px;font-family:ui-monospace,Fira Code,Space Mono,monospace;font-size:10.5px;display:flex}.scm__view{flex:0 46%;min-width:0}.scm__view--right{text-align:right}.scm__svg{width:100%;height:auto;margin:8px 0 2px;display:block}.scm__svg text{font-family:ui-monospace,Fira Code,Space Mono,monospace}.scm__conn{text-align:center;letter-spacing:.04em;color:#4ade80b3;min-height:14px;margin:2px 0 0;font-family:ui-monospace,Fira Code,Space Mono,monospace;font-size:11px}.scm__vis-row{color:#eafff19e;border-top:1px solid #4ade802e;margin:12px 0 0;padding-top:12px;font-size:12.5px;line-height:1.7}.scm__vis-row strong{color:#fff;margin-right:8px;font-weight:700}.scm__vis-row-item a{color:#4ade80;text-decoration:none}.scm__vis-row-item a:hover{text-decoration:underline}.scm__vis-sep{color:#4ade8073;margin:0 8px}.scm__vis{border-top:1px solid #4ade802e;margin:16px 0 0;padding-top:14px}.scm__vis-lead{color:#eafff1b3;margin:0 0 12px;font-size:13.5px;line-height:1.5}.scm__vis-lead strong{color:#fff;font-weight:700}.scm__vis-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.scm__vis-item{background:#4ade800d;border:1px solid #4ade8029;border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.scm__vis-title{color:#fff;font-size:13px;font-weight:700;line-height:1.25}.scm__vis-line{color:#eafff19e;flex:auto;font-size:11.5px;line-height:1.45}.scm__vis-link{color:#4ade80;margin-top:4px;font-size:11.5px;text-decoration:none}.scm__vis-link:hover{text-decoration:underline}@media (max-width:1099px){.scm__mod-pick{padding:8px 7px 7px}.scm__mod-name{font-size:11.5px}.scm__mod-sub{font-size:10px}}@media (max-width:899px){.scm__shelf{-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:6px;display:flex;overflow-x:auto}.scm__mod{flex:0 0 168px}.scm__head-right{display:none}.scm__miles{grid-template-columns:1fr;gap:4px}.scm__mile{padding:4px 10px}.scm__views{display:none}.scm__stage{-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-left:calc(-1*clamp(14px,3vw,26px));margin-right:calc(-1*clamp(14px,3vw,26px));padding:0 clamp(14px,3vw,26px);overflow-x:auto}.scm__stage-inner{min-width:760px}.scm__vis-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:6px;display:flex;overflow-x:auto}.scm__vis-item{scroll-snap-align:start;flex:0 0 min(72vw,240px)}.scm__vis-sep{margin:0 6px}}@media (prefers-reduced-motion:reduce){.scm__way,.scm__mod-pick,.scm__route,.scm__route:after{transition:none}}