.explorer-constellation{border-radius:var(--radius-xl);background-color:var(--primary-soft);background-image:radial-gradient(circle, color-mix(in srgb, var(--primary) 18%, transparent) 1.5px, transparent 1.6px);background-size:18px 18px;height:260px;margin:0;padding:0;list-style:none;position:relative}.explorer-constellation li{place-items:center;display:grid;position:absolute}.explorer-constellation .explorer-icon{border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 16px 32px -18px color-mix(in srgb, var(--tone) 70%, transparent);--icon-soft-tone:var(--tone-soft);padding:10px}.explorer-constellation li:first-child{top:8%;left:8%}.explorer-constellation li:nth-child(2){top:14%;right:10%}.explorer-constellation li:nth-child(3){top:38%;left:calc(50% - 42px);transform:scale(1.25)}.explorer-constellation li:nth-child(4){bottom:8%;left:14%}.explorer-constellation li:nth-child(5){bottom:10%;right:8%}[data-playing] .explorer-constellation .explorer-icon{animation:explorer-float 3.2s var(--ease) infinite alternate}[data-playing] .explorer-constellation li:nth-child(2n) .explorer-icon{animation-duration:2.6s;animation-direction:alternate-reverse}@media (min-width:900px){.explorer-constellation{height:360px}}.explorer-icon .icon-check{fill:none;stroke:var(--surface);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.explorer-trail ol{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:0 8px;margin:0 0 12px;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex}.explorer-trail li{align-items:center;gap:8px;min-height:44px;display:inline-flex}.explorer-trail li+li:before{content:"/";color:var(--line)}.explorer-trail a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.explorer-trail a:hover{color:var(--primary)}.explorer-trail [aria-current]{color:var(--ink)}.explorer-kinds li{grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:18px}.explorer-kinds li .explorer-icon{border-radius:var(--radius-md);background:var(--primary-soft);--icon-soft-tone:var(--surface);grid-row:span 2;padding:4px}.explorer-group+.explorer-group{margin-top:40px}.explorer-group-title{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:14px;font-size:20px;display:flex}.explorer-group-title>span{color:var(--ink-muted);font-size:14px;font-weight:700}.explorer-group-title .explorer-icon{border-radius:var(--radius-sm);background:var(--primary-soft);--icon-soft-tone:var(--surface);padding:2px}.explorer-group-all{min-height:44px;color:var(--ink);align-items:center;gap:6px;margin-top:6px;font-weight:800;text-decoration:none;display:inline-flex}.explorer-group-all span{transition:transform var(--quick) var(--spring)}.explorer-group-all:hover{color:var(--tone)}.explorer-group-all:hover span{transform:translate(4px)}.explorer-cards{gap:12px;margin:0;padding:0;list-style:none;display:grid}.explorer-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);min-height:72px;transition:transform var(--quick) var(--spring), border-color var(--quick) var(--ease);align-content:center;gap:2px;padding:14px 16px 14px 56px;display:grid;position:relative}.explorer-card:before{content:"";background:conic-gradient(var(--tone) 0 72%, var(--tone-soft) 72% 100%);width:28px;height:28px;transition:transform var(--quick) var(--spring);border-radius:50%;position:absolute;top:calc(50% - 14px);left:16px;-webkit-mask:radial-gradient(circle,#0000 8px,#000 8.5px);mask:radial-gradient(circle,#0000 8px,#000 8.5px)}.explorer-card:hover,.explorer-card:focus-within{border-color:var(--tone);transform:translateY(-2px)}.explorer-card:hover:before{transform:rotate(40deg)}.explorer-card h3{font-size:16.5px;line-height:1.25}.explorer-card h3 a{color:inherit;text-decoration:none}.explorer-card h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.explorer-card h3 a:focus-visible{outline:none}.explorer-card:has(a:focus-visible){outline:3px solid var(--tone);outline-offset:2px}.explorer-card p{color:var(--ink-muted);font-size:14px}.explorer-page-hero h1{max-width:16ch}.explorer-free{color:var(--ink-muted);font-size:14px}.explorer-poster{border-radius:var(--radius-xl);background-color:var(--tone-soft);background-image:radial-gradient(circle, color-mix(in srgb, var(--tone) 22%, transparent) 1.5px, transparent 1.6px);background-size:18px 18px;justify-items:center;gap:18px;margin:0;padding:22px 20px 26px;display:grid;position:relative;overflow:hidden}.explorer-poster-family{border-radius:var(--radius-full);background:var(--surface);color:var(--tone);justify-self:start;padding:6px 12px;font-size:13px;font-weight:800}.explorer-poster-stage{place-items:center;width:200px;height:200px;display:grid;position:relative}.explorer-poster-orbit{border:2px dashed color-mix(in srgb, var(--tone) 45%, transparent);border-radius:50%;position:absolute;inset:0}.explorer-poster-orbit:after{content:"";background:var(--tone);border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:calc(50% - 7px)}.explorer-poster .explorer-icon{border-radius:var(--radius-xl);background:var(--surface);box-shadow:0 18px 40px -18px color-mix(in srgb, var(--tone) 60%, transparent);--icon-soft-tone:var(--tone-soft);padding:12px;position:relative}.explorer-poster figcaption{border-radius:var(--radius-md);background:var(--surface);max-width:28ch;color:var(--ink);text-align:center;padding:10px 16px;font-size:15px;font-weight:700}[data-playing] .explorer-poster-orbit{animation:14s linear infinite explorer-orbit}[data-playing] .explorer-poster .explorer-icon{animation:explorer-float 3.2s var(--ease) infinite alternate}@keyframes explorer-orbit{to{transform:rotate(1turn)}}@keyframes explorer-float{0%{transform:translateY(4px)}to{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){[data-playing] .explorer-poster-orbit,[data-playing] .explorer-poster .explorer-icon,[data-playing] .explorer-constellation .explorer-icon{animation:none}.explorer-card,.explorer-card:before,.explorer-group-all span{transition:none}}.explorer-leads{gap:16px;display:grid}.explorer-path{border-radius:var(--radius-lg);background:var(--primary-soft);color:var(--ink);transition:transform var(--quick) var(--spring);gap:6px;padding:20px;text-decoration:none;display:grid}.explorer-path:hover{transform:translateY(-2px)}.explorer-path-label{color:var(--primary);font-size:13px;font-weight:800}.explorer-path strong{font-size:19px}.explorer-path span:last-child{color:var(--ink-muted);font-size:15px}.explorer-decks h3{margin-bottom:10px;font-size:17px}.explorer-decks ul,.explorer-disciplines{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.explorer-decks a,.explorer-disciplines a{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--line);min-height:44px;color:var(--ink);transition:border-color var(--quick) var(--ease), color var(--quick) var(--ease);align-items:center;padding:0 16px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex}.explorer-decks a:hover,.explorer-disciplines a:hover{border-color:var(--primary);color:var(--primary)}.explorer-all{margin-top:20px}@media (min-width:640px){.explorer-kinds li{grid-template-columns:minmax(0,1fr);padding:22px 20px}.explorer-kinds li .explorer-icon{grid-row:auto}.explorer-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.explorer-leads:has(.explorer-path){grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}.explorer-poster-stage{width:240px;height:240px}}@media (min-width:1000px){.explorer-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}