#detail{position:fixed;top:calc(var(--nav-h, 3rem) + .75rem);right:.75rem;width:32rem;max-width:calc(100% - 1.5rem);max-height:calc(100vh - var(--nav-h, 3rem) - 1.5rem);overflow-x:hidden;overflow-y:auto;padding:var(--space-3);font-size:var(--fs-md)}#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{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}#detail .node-body>.chain{border-left:1px solid var(--border);padding-left:var(--space-4)}#detail .node-body>.reset-warn{grid-column:1 / -1;margin-bottom:0}#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{position:absolute;top:0;left:0;width:100%}#detail .view.slide-anim{transition:transform var(--slide-ms) var(--slide-ease),opacity var(--slide-ms) var(--slide-ease)}#detail .view-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin-bottom:var(--space-2)}#detail .view-head h2{grid-column:2;margin:0;font-size:var(--fs-base);overflow-wrap:anywhere}#detail .view-back,#detail .view-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--muted);font:inherit;font-size:var(--fs-lg);line-height:1;cursor:pointer}#detail .view-back{grid-column:1;margin-right:var(--space-1)}#detail .view-close{grid-column:3;margin-left:var(--space-1)}#detail .view-back:hover,#detail .view-close:hover,#detail .view-back:focus-visible,#detail .view-close:focus-visible{background:#ffffff1a;color:var(--fg)}#detail .kw{padding:0;border:0;background:none;font:inherit;color:var(--support);cursor:pointer;text-decoration:underline dotted currentcolor;text-underline-offset:.2em}#detail .kw:hover,#detail .kw:focus-visible{text-decoration:underline solid currentcolor}#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);background:transparent;color:var(--fg);font:inherit;font-size:var(--fs-sm);cursor:pointer}#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{display:inline-block;margin-left:var(--space-2);color:var(--muted);font-size:var(--fs-xs);white-space:nowrap}#detail .awakening-link{display:flex;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);background:transparent;color:var(--fg);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer}#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{margin-left:auto;color:var(--muted)}@media(prefers-reduced-motion:reduce){#detail .view.slide-anim,#detail .stack.animating,#detail.panel-sliding{transition:none}}#tree-controls{position:fixed;top:var(--nav-h, 3rem);left:0;z-index:5;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}#toolbar{pointer-events:auto;display:flex;flex-wrap:wrap;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)}#search{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:var(--r-xs);padding:var(--space-2) var(--space-3);min-width:14rem;font:inherit}#filters{display:none;flex-wrap:wrap;align-items:center;gap:var(--space-3)}#filters.open{display:flex}#filters.animating,#filters.animating .filter-group{flex-wrap:nowrap}#filters.animating{overflow:hidden;transition:width var(--t-med) var(--e-spring)}@media(prefers-reduced-motion:reduce){#filters.animating{transition:none}}#filter-clear[data-idle]{visibility:hidden}#filter-clear{flex:none;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}#branch-nav{pointer-events:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-4)}: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:"";flex:none;width:.5rem;height:.5rem;border-radius:var(--r-pill);background:transparent;transition:background-color var(--t-fast) var(--e-out)}#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{position:fixed;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);border-radius:0;box-shadow:none}#detail .view-head h2,#detail .cost{font-size:var(--fs-lg)}#detail .node-body{grid-template-columns:1fr;gap:var(--space-3)}#detail .node-body>.chain{border-left:none;padding-left:0;border-top:1px solid var(--border);padding-top:var(--space-3)}#filters-toggle:after{content:"▾"}#filters{display:none;width:100%;flex-direction:column;align-items:flex-start}#filters.open{display:flex}body:has(#canvas-host) footer{padding-bottom:calc(1rem + var(--chips-h, 3.5rem))}#branch-chips{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--surface-2);padding:var(--space-2);border-top:1px solid var(--border);box-shadow:var(--shadow-3);z-index:5}#branch-chips .chip{padding-inline:var(--space-2)}}@media(prefers-reduced-motion:reduce){#filters-toggle:before,#filters-toggle:after{transition:none}#filter-clear{transition:none}#filter-clear:active{transform:none}}