:root{--panel-surface:var(--background-dark);--panel-shadow:0 10px 30px rgba(0, 0, 0, 0.35);--panel-border-color:rgba(255, 255, 255, 0.15)}.node-detail-backdrop{position:fixed;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35),transparent);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1200}.node-detail-backdrop.visible{opacity:1;pointer-events:auto}.node-detail-panel{position:fixed;top:0;right:0;bottom:0;width:100%;padding:20px;background:var(--panel-surface,#10102c);color:#fff;box-shadow:var(--panel-shadow);border:3px solid var(--panel-border-color);border-radius:0;transform:translateX(110%);opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1300;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.node-detail-panel.open{transform:translateX(0);opacity:1}#node-detail-close{align-self:flex-start;background:#f5f5f5;color:#000;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:24px;line-height:25px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);font-weight:#000}#node-detail-close:hover{background-color:rgba(255,255,255,.493);text-shadow:0 0 1px #000}.node-detail-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.node-detail-image-wrapper{display:flex;justify-content:center;width:100%}#node-detail-image{width:min(350px,100%);height:auto;max-height:500px;max-width:70%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:15px double rgba(255,255,255,.2);box-shadow:0 8px 20px rgba(0,0,0,.35);background:#fefefe}.node-detail-name{font-size:1.6rem;font-weight:700;text-shadow:0 0 4px #fff;line-height:1.4;word-break:break-word;color:#000}@media screen and (max-width:768px){.node-detail-panel{top:0;width:100%;bottom:0;border-radius:0}#node-detail-image{width:150px;height:auto}}#node-detail-header{display:inline-block;padding:0 10px}body[lang=EN-en] .node-detail-panel{direction:ltr;text-align:left;left:0;right:auto}