#detail{top:calc(var(--nav-h,3rem) + .75rem);width:32rem;max-width:calc(100% - 1.5rem);max-height:calc(100vh - var(--nav-h,3rem) - 1.5rem);padding:var(--space-3);font-size:var(--fs-md);position:fixed;right:.75rem;overflow:hidden auto}#detail h2{margin-top:0}#detail .meta{color:var(--muted);margin:var(--space-1) 0;font-family:var(--font-num)}#detail .warn{color:var(--nature)}#detail .note{color:var(--muted);font-size:var(--fs-xs)}#detail .node-body{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}#detail .node-body>.chain{border-left:1px solid var(--border);padding-left:var(--space-4)}#detail .node-body>.col>:first-child{margin-top:0}#detail .node-body h3{margin-bottom:var(--space-2)}#detail .cost{color:var(--gold);font-size:var(--fs-base);font-weight:700}#detail .stack{position:relative;overflow:hidden}#detail .stack.animating{transition:height var(--slide-ms) var(--slide-ease)}#detail.panel-sliding{transition:top var(--slide-ms) var(--slide-ease)}#detail .view[hidden]{display:none}#detail .view:focus{outline:none}#detail .view.sliding{width:100%;position:absolute;top:0;left:0}#detail .view.slide-anim{transition:transform var(--slide-ms) var(--slide-ease), opacity var(--slide-ms) var(--slide-ease)}#detail .view-head{margin-bottom:var(--space-2);grid-template-columns:auto 1fr auto;align-items:center;display:grid}#detail .view-head h2{font-size:var(--fs-base);overflow-wrap:anywhere;grid-column:2;margin:0}#detail .view-back,#detail .view-close{border-radius:var(--r-sm);width:2rem;height:2rem;color:var(--muted);font:inherit;font-size:var(--fs-lg);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}#detail .view-back{margin-right:var(--space-1);grid-column:1}#detail .view-close{margin-left:var(--space-1);grid-column:3}#detail .view-back:hover,#detail .view-close:hover,#detail .view-back:focus-visible,#detail .view-close:focus-visible{color:var(--fg);background:#ffffff1a}#detail .kw{font:inherit;color:var(--support);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#detail .kw:hover,#detail .kw:focus-visible{text-decoration:underline}#detail .kw-search{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--fg);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0}#detail .kw-search:hover,#detail .kw-search:focus-visible{background:#ffffff1a}#detail .upgrade{margin:var(--space-1) 0 0;color:var(--gold);font-size:var(--fs-sm)}#detail .upgrade .cond{margin-left:var(--space-2);color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;display:inline-block}#detail .awakening-link{align-items:center;gap:var(--space-2);width:100%;margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-left:3px solid var(--support);border-radius:var(--r-sm);color:var(--fg);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;display:flex}#detail .awakening-link:hover,#detail .awakening-link:focus-visible{background:#ffffff0f}#detail .awakening-link .cond{color:var(--muted);font-size:var(--fs-xs)}#detail .awakening-link .chev{color:var(--muted);margin-left:auto}@media (prefers-reduced-motion:reduce){#detail .view.slide-anim,#detail .stack.animating,#detail.panel-sliding{transition:none}}#tree-controls{top:var(--nav-h,3rem);z-index:5;pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:fixed;left:0}#toolbar{pointer-events:auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border);border-right:1px solid var(--border);border-bottom-right-radius:var(--r-md);box-shadow:var(--face-float);flex-wrap:wrap;display:flex}#search{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:var(--r-xs);padding:var(--space-2) var(--space-3);width:11rem;font:inherit}#filters{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:none}#filters.open{display:flex}#filters.animating,#filters.animating .filter-group{flex-wrap:nowrap}#filters.animating{transition:width var(--t-med) var(--e-spring);overflow:hidden}@media (prefers-reduced-motion:reduce){#filters.animating{transition:none}}#filter-clear[data-idle]{visibility:hidden}#filter-clear{white-space:nowrap;background:var(--surface-2);color:var(--fg);border:1px solid var(--border);border-radius:var(--r-xs);padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--fs-xs);cursor:pointer;flex:none}#branch-nav{pointer-events:auto;gap:var(--space-2);padding:var(--space-2) var(--space-4);flex-direction:column;display:flex}:is(#branch-nav,#branch-chips) .chip{color:var(--fg)}:is(#branch-nav,#branch-chips) .branch-dot{opacity:1}#branch-chips{display:none}#filters-toggle{gap:var(--space-2)}#filter-clear{transition:transform var(--t-press) var(--e-out)}#filter-clear:active{transform:scale(var(--p-press))}#filters-toggle:after{content:"▸";color:var(--muted);font-size:var(--fs-xs);transition:transform var(--t-press) var(--e-out)}#filters-toggle[aria-expanded=true]:after{transform:rotate(180deg)}#filters-toggle:before{content:"";border-radius:var(--r-pill);width:.5rem;height:.5rem;transition:background-color var(--t-fast) var(--e-out);background:0 0;flex:none}#filters-toggle.active{border-color:var(--gold)}#filters-toggle.active:before{background:var(--gold)}#filters-toggle.active.none{border-color:var(--nature)}#filters-toggle.active.none:before{background:var(--nature)}@media (max-width:720px){#branch-nav{display:none}#detail{inset:auto 0 var(--chips-h,3.5rem) 0;width:100%;max-width:100%;max-height:55vh;padding:var(--space-4);font-size:var(--fs-base);border:none;border-top:1px solid var(--border);box-shadow:none;border-radius:0;position:fixed}#detail .view-head h2,#detail .cost{font-size:var(--fs-lg)}#detail .node-body{gap:var(--space-3);grid-template-columns:1fr}#detail .node-body>.chain{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:var(--space-3)}#filters-toggle:after{content:"▾"}#search{flex:1 1 0;min-width:0}#filters{flex-direction:column;align-items:flex-start;width:100%;display:none}#filters.open{display:flex}body:has(#canvas-host) footer{padding-bottom:calc(1rem + var(--chips-h,3.5rem))}#branch-chips{background:var(--surface-2);padding:var(--space-2);border-top:1px solid var(--border);box-shadow:var(--shadow-3);z-index:5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}#branch-chips .chip{padding-inline:var(--space-2)}}@media (prefers-reduced-motion:reduce){#filters-toggle:before,#filters-toggle:after,#filter-clear{transition:none}#filter-clear:active{transform:none}}#node-index{border-top:1px solid var(--border);color:var(--muted);font-size:var(--fs-sm);flex:none}#node-index>summary{padding:var(--space-2) var(--space-4);cursor:pointer}main:has(>#node-index[open])>#canvas-host{min-height:30dvh}.node-index-body{max-height:40dvh;padding:0 var(--space-4) var(--space-4);color:var(--fg);overflow-y:auto}.node-index-body h2{margin:var(--space-4) 0 var(--space-2);font-size:var(--fs-base)}.node-index-body dl{max-width:44rem;margin:0}.node-index-body dt{margin-top:var(--space-3);font-weight:700}.node-index-body dd{margin:0}#node-index .note{color:var(--muted);font-weight:400}