.map-stage{--map-gap: 14px;position:relative;border-radius:var(--h-stage-r);background:radial-gradient(90% 120% at 0% 0%,color-mix(in srgb,var(--card) 70%,transparent),transparent 55%),radial-gradient(70% 90% at 100% 100%,color-mix(in srgb,var(--card) 45%,transparent),transparent 60%),var(--panel);box-shadow:inset 0 0 0 1px var(--line);isolation:isolate;overflow:clip}.map{--map-side: minmax(254px, 280px);display:grid;grid-template-columns:var(--map-side) minmax(56px,1fr) minmax(270px,310px) minmax(56px,1fr) var(--map-side);grid-template-rows:auto auto;row-gap:22px;padding:44px 48px 48px}.map-side{grid-row:span 2;display:grid;grid-template-rows:subgrid;row-gap:22px;min-width:0}.map-link{grid-row:2}[data-map-side=ai]{grid-column:1}[data-map-link=ai]{grid-column:2}.map-center{grid-column:3}[data-map-link=tools]{grid-column:4}[data-map-side=tools]{grid-column:5}.map-label{display:flex;align-items:center;justify-content:center;gap:10px;height:30px;font-size:12.5px;color:var(--ink-soft);text-align:center}.map-label--roger{color:var(--ink)}.map-label--roger .kit-roger-mark{flex:none}.map-list{display:flex;flex-direction:column;gap:var(--map-gap);margin:0;padding:0;list-style:none}.map-list>li{flex:1 1 0}.map-side>:last-child{align-self:center}.map-list--ai{gap:10px}.map-list--ai>li{flex:none}.map-grid{--cols: 4;--tile: 56px;--tgap: 10px;display:flex;flex-wrap:wrap;gap:var(--tgap);justify-content:center;justify-self:center;width:calc(var(--cols) * var(--tile) + (var(--cols) - 1) * var(--tgap));margin:0;padding:0;list-style:none}.map-tile{position:relative;display:grid;place-items:center;width:var(--tile);height:var(--tile);border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line),var(--card-shadow);transition:box-shadow var(--dur-drawer) var(--ease-out),transform var(--dur-drawer) var(--ease-out)}.map-tile img{display:block;width:28px;height:28px}.map-tile:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.map-tile.is-lit{box-shadow:0 0 0 2px var(--roger),0 0 0 6px var(--roger-glow);transform:scale(1.06)}.map-tip{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:3;padding:4px 9px;border-radius:8px;background:var(--ink);color:var(--card);font-size:12px;font-weight:650;line-height:1.3;white-space:nowrap;opacity:0;translate:-50% 4px;pointer-events:none;transition:opacity var(--dur-drawer) var(--ease-out),translate var(--dur-drawer) var(--ease-out)}.map-tile:hover .map-tip,.map-tile:focus .map-tip{opacity:1;translate:-50% 0}.map-ai .kit-logo{flex:none;box-shadow:0 0 0 1px var(--line)}.map-ai{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 12px;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--line),var(--card-shadow);transition:box-shadow var(--dur-drawer) var(--ease-out)}.map-ai__name{font-size:16px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-ai.is-lit{box-shadow:0 0 0 3px var(--roger-glow),var(--card-shadow)}.map-link{position:relative;min-width:0}.map-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-paths path{fill:none;stroke:color-mix(in srgb,var(--ink) 30%,transparent);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:3 6;vector-effect:non-scaling-stroke;transition:stroke var(--dur-drawer) var(--ease-out)}.map-paths path.is-lit{stroke:var(--roger)}@media(prefers-reduced-motion:no-preference){html.motion-js .map-paths path{animation:map-flow 1.2s linear infinite}.map-stage.is-held .map-paths path{animation-play-state:paused}}@keyframes map-flow{to{stroke-dashoffset:-9}}.map-dot{position:absolute;top:0;left:0;width:10px;height:10px;border-radius:50%;background:var(--roger);box-shadow:0 0 0 4px var(--roger-glow);opacity:0;transform:translate(-50%,-50%);will-change:transform}.map-card{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:8px;border-radius:var(--h-card-r);background:var(--card);box-shadow:0 0 0 1px var(--line),var(--hero-shadow);transition:box-shadow var(--dur-drawer) var(--ease-out)}.map-card:before,.map-card:after{content:"";position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--card);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ink) 30%,transparent);translate:0 -50%}.map-card:before{left:-5px}.map-card:after{right:-5px}.map-card.is-lit{box-shadow:0 0 0 1px var(--line),0 0 0 6px var(--roger-glow),var(--hero-shadow)}.map-rows{margin:0;padding:0;list-style:none}.map-row{display:flex;align-items:center;gap:12px;height:42px;padding:0 10px 0 6px;border-radius:12px;font-size:15px;font-weight:600;color:var(--ink);transition:background-color var(--dur-drawer) var(--ease-out)}.map-row__icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--panel);color:var(--ink-muted);flex:none;transition:background-color var(--dur-drawer) var(--ease-out),color var(--dur-drawer) var(--ease-out)}.map-row__label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-row.is-lit{background:var(--roger-tint)}.map-stage:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.map-row.is-lit .map-row__icon{background:var(--card);color:var(--roger)}@media(max-width:1279px){.map{--map-side: minmax(254px, 270px);grid-template-columns:var(--map-side) minmax(40px,1fr) minmax(260px,300px) minmax(40px,1fr) var(--map-side);padding:40px 36px 44px}}@media(max-width:1100px){.map-stage{--map-gap: 12px}.map{--map-side: minmax(164px, 200px);grid-template-columns:var(--map-side) minmax(28px,1fr) minmax(230px,270px) minmax(28px,1fr) var(--map-side);padding:36px 24px 40px}.map-ai__name{font-size:15px}.map-grid{--cols: 3;--tile: 48px;--tgap: 8px}.map-tile{border-radius:14px}.map-tile img{width:24px;height:24px}.map-ai{gap:10px;padding:8px 12px 8px 8px}.map-ai .kit-logo{--s: 34px !important}.map-row{gap:10px;height:40px;font-size:14.5px}}@media(max-width:767px){.map-stage{--map-gap: 8px}.map{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:0;justify-items:center;padding:28px 16px 32px}.map-side,.map-link{grid-row:auto;grid-column:auto}.map-side{display:flex;flex-direction:column;width:100%;max-width:340px;gap:12px}.map-label{height:26px;font-size:12px}.map-center>.map-card,.map-list--ai{align-self:stretch}.map-grid{--cols: 6;--tile: 46px;--tgap: 8px;align-self:center}.map-tile{border-radius:13px}.map-tile img{width:24px;height:24px}.map-list--ai{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.map-ai{gap:8px;padding:6px 10px 6px 6px}.map-ai .kit-logo{--s: 30px !important}.map-ai__name{font-size:14px}.map-paths,.map-card:before,.map-card:after{display:none}.map-link{width:10px;height:40px;margin:14px 0 10px}.map-link:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:0;border-left:1.5px dashed color-mix(in srgb,var(--ink) 30%,transparent);translate:-50% 0}.map-dot{left:50%;transform:translate(-50%)}.map-row{height:44px;font-size:15px}.map-row__icon{width:32px;height:32px}}.map-solo{display:flex;flex-direction:column;align-items:center;gap:12px}.map-solo .map-grid{--cols: 1;--tile: 88px}.map-solo .map-tile{border-radius:24px}.map-solo .map-tile img{width:44px;height:44px}.map-solo__name{max-width:100%;color:var(--ink);font-size:16px;font-weight:700;line-height:1.25;text-align:center}.map-solo__soon{padding:3px 10px;border-radius:var(--radius-pill);background:var(--card);box-shadow:0 0 0 1px var(--line);color:var(--ink-muted);font-size:12px;font-weight:650}
