.tree-stats{background:#fff;border:1px solid #eaeaea;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;margin-top:1.5rem;padding:1rem;display:grid}.tree-stat{text-align:center}.tree-stat strong{color:#f93;font-size:1.4rem;display:block}.tree-stat span{color:#888;font-size:.78rem}.interactive-tree-page{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.canvas-controls{background:linear-gradient(#f8f8f8 0%,#f0f0f0 100%);border:1px solid #ddd;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.7rem 1rem;display:flex}.ctrl-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.4rem .7rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .1s}.ctrl-btn:hover{color:#b85a00;background:#fff8ef;border-color:#f93}.ctrl-btn.active{color:#fff;background:#f93;border-color:#f93}.help-btn{min-width:32px;margin-left:auto}.zoom-readout{color:#555;text-align:center;min-width:48px;font-family:monospace;font-size:.85rem;font-weight:600}.node-count{color:#888;font-family:monospace;font-size:.8rem}.help-panel{background:#fff8ef;border:1px solid #ffd9b3;border-left:4px solid #f93;border-radius:10px;padding:1rem 1.2rem;font-size:.88rem}.help-panel ul{color:#555;margin:.5rem 0 1rem;padding-left:1.2rem;line-height:1.7}.branch-jumps{background:#fff;border:1px solid #eaeaea;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem;display:flex}.branch-label{color:#888;text-transform:uppercase;letter-spacing:.04em;margin-right:.3rem;font-size:.78rem;font-weight:600}.branch-chip{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .1s;display:inline-flex}.branch-chip:hover{color:#b85a00;background:#fff8ef;border-color:#f93}.branch-chip.active{color:#fff;background:#f93;border-color:#f93}.chip-count{background:#00000014;border-radius:999px;padding:.05rem .4rem;font-size:.7rem;font-weight:700}.branch-chip.active .chip-count{color:#fff;background:#ffffff40}.tree-workspace{grid-template-columns:1fr;gap:1rem;display:grid}.tree-workspace:has(.explain-panel){grid-template-columns:1fr 380px}.tree-workspace .canvas-host{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;max-height:75vh;position:relative;overflow:auto}.tree-workspace .canvas-host canvas{display:block}.explain-panel{background:#fff;border:1px solid #e0e0e0;border-radius:10px;max-height:75vh;overflow-y:auto;box-shadow:0 2px 8px #0000000a}.explain-header{background:linear-gradient(#fafafa 0%,#fff 100%);border-top:5px solid #ccc;gap:.9rem;padding:1.2rem;display:flex;position:relative}.explain-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 2px 6px #00000026}.explain-header h2{margin:0;font-size:1.1rem;line-height:1.3}.explain-position{color:#555;margin:.2rem 0 .5rem;font-size:.85rem}.explain-meta{flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.explain-level{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.explain-party{font-weight:600}.explain-state{color:#666}.close-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.6rem;line-height:1;display:flex;position:absolute;top:.6rem;right:.8rem}.close-btn:hover{color:#333;background:#f0f0f0}.explain-body{padding:0 1.2rem 1.2rem}.exp-section{border-top:1px solid #f0f0f0;margin-top:1rem;padding-top:1rem}.exp-section:first-child{border-top:none;margin-top:.5rem;padding-top:0}.exp-section h3{text-transform:uppercase;letter-spacing:.06em;color:#555;margin:0 0 .5rem;font-size:.78rem;font-weight:700}.exp-section p{color:#333;margin:0;font-size:.88rem;line-height:1.6}.exp-facts{grid-template-columns:1fr;gap:.4rem;display:grid}.exp-fact{background:#fafafa;border-radius:6px;justify-content:space-between;gap:.6rem;padding:.4rem .5rem;font-size:.82rem;display:flex}.fact-key{color:#888;font-weight:600}.fact-val{color:#222;text-align:right}.exp-list{margin:0;padding:0;list-style:none}.exp-list li{color:#333;padding:.35rem 0 .35rem 1.2rem;font-size:.85rem;line-height:1.5;position:relative}.exp-list li:before{content:"▸";color:#f93;font-size:.75rem;position:absolute;top:.4rem;left:0}.exp-list.achievements li:before{content:"★"}.exp-notes{color:#666;background:#fff;border-left:3px solid #e0e0e0;border-radius:4px;padding:.5rem .7rem;font-size:.85rem;font-style:italic}.exp-actions{flex-wrap:wrap;gap:.5rem;display:flex}.exp-link{color:#555;background:#fff;border:1px solid #d0d0d0;border-radius:6px;padding:.4rem .8rem;font-size:.82rem;font-weight:500;text-decoration:none;display:inline-block}.exp-link:hover{color:#b85a00;border-color:#f93;text-decoration:none}@media (max-width:900px){.tree-workspace:has(.explain-panel){grid-template-columns:1fr}.explain-panel{max-height:none}}