.code-graph:where(.astro-cykobtba){--graph-ink:#e8f0ed;--graph-muted:#9baaa6;--graph-line:#92aea62e;--graph-panel:linear-gradient(145deg, #192a2af2, #111e20fa);color:var(--graph-ink);margin:2rem 0 1.2rem}.graph-intro:where(.astro-cykobtba){justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.graph-intro:where(.astro-cykobtba) h2:where(.astro-cykobtba){letter-spacing:-.035em;margin:.15rem 0 .35rem;font-size:clamp(1.45rem,3vw,2rem)}.eyebrow:where(.astro-cykobtba){color:#77d6be;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:750}.intro-copy:where(.astro-cykobtba){color:var(--graph-muted);max-width:52rem;margin:0;font-size:.96rem}.graph-stats:where(.astro-cykobtba){min-width:max-content;color:var(--graph-muted);justify-content:flex-end;align-items:baseline;gap:.35rem;font-size:.72rem;display:flex}.graph-stats:where(.astro-cykobtba) strong:where(.astro-cykobtba){color:#d6e8df;font-size:1.05rem}.stat-divider:where(.astro-cykobtba){margin:0 .3rem}.graph-controls:where(.astro-cykobtba){border:1px solid var(--graph-line);background:#152426e6;border-radius:14px 14px 0 0;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.9fr);align-items:end;gap:.7rem;padding:.85rem;display:grid}.search-control:where(.astro-cykobtba){grid-column:1/span 2}.graph-controls:where(.astro-cykobtba) label:where(.astro-cykobtba){color:#aabbb5;gap:.32rem;font-size:.72rem;font-weight:650;display:grid}.graph-controls:where(.astro-cykobtba) input:where(.astro-cykobtba),.graph-controls:where(.astro-cykobtba) select:where(.astro-cykobtba){width:100%;min-width:0;min-height:44px;color:var(--graph-ink);font:inherit;background:#101b1d;border:1px solid #99b9ad45;border-radius:8px;padding:0 .72rem;font-size:.82rem}.graph-controls:where(.astro-cykobtba) input:where(.astro-cykobtba):focus-visible,.graph-controls:where(.astro-cykobtba) select:where(.astro-cykobtba):focus-visible,.code-graph:where(.astro-cykobtba) button:where(.astro-cykobtba):focus-visible,.code-graph:where(.astro-cykobtba) a:where(.astro-cykobtba):focus-visible{outline-offset:2px;outline:2px solid #84dfc5}.focus-controls:where(.astro-cykobtba){color:#aabbb5;grid-template-columns:repeat(2,auto);justify-self:start;align-items:center;gap:.3rem;font-size:.72rem;display:grid}.focus-controls:where(.astro-cykobtba) span:where(.astro-cykobtba){grid-column:1/-1;font-weight:650}.code-graph:where(.astro-cykobtba) button{cursor:pointer;color:#d6e7e0;min-height:42px;font:inherit;background:#1d3031;border:1px solid #99b9ad3d;border-radius:8px;padding:.42rem .68rem;font-size:.76rem;transition:background-color .14s,border-color .14s,transform .14s}.code-graph:where(.astro-cykobtba) button:hover{background:#254441;border-color:#74c8b0}.code-graph:where(.astro-cykobtba) button:active{transform:translateY(1px)}.focus-controls:where(.astro-cykobtba) button:where(.astro-cykobtba)[aria-pressed=true],[data-trace][aria-pressed=true]{color:#eafff4;background:#22524a;border-color:#82dbbe}.search-results:where(.astro-cykobtba){border-right:1px solid var(--graph-line);border-left:1px solid var(--graph-line);background:#142425;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.55rem .8rem;display:flex}.search-results:where(.astro-cykobtba)[hidden],.graph-empty:where(.astro-cykobtba)[hidden],.trace-note:where(.astro-cykobtba)[hidden]{display:none}.results-summary{color:var(--graph-muted);margin-right:.25rem;font-size:.72rem}.search-results:where(.astro-cykobtba) button{min-height:34px;padding:.32rem .55rem;font-size:.7rem}.trace-controls:where(.astro-cykobtba){border-right:1px solid var(--graph-line);border-left:1px solid var(--graph-line);background:#182a2ae6;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.7rem .85rem;display:flex}.trace-controls:where(.astro-cykobtba)>span:where(.astro-cykobtba){color:#aabbb5;margin-right:.2rem;font-size:.72rem;font-weight:650}.trace-buttons:where(.astro-cykobtba){flex-wrap:wrap;flex:auto;gap:.35rem;display:flex}.trace-buttons:where(.astro-cykobtba) button,.trace-controls:where(.astro-cykobtba)>button{min-height:38px;padding:.34rem .62rem;font-size:.72rem}.reset-button:where(.astro-cykobtba){margin-left:auto}.graph-layout:where(.astro-cykobtba){border:1px solid var(--graph-line);background:var(--graph-panel);border-radius:0 0 14px 14px;grid-template-columns:minmax(0,1fr) minmax(15.5rem,19rem);align-items:stretch;gap:0;display:grid;overflow:hidden}.graph-frame:where(.astro-cykobtba){min-width:0;padding:.75rem}.graph-topline:where(.astro-cykobtba){color:#b8cbc4;justify-content:space-between;align-items:center;gap:.5rem;padding:.1rem .25rem .55rem;font-size:.72rem;font-weight:700;display:flex}.graph-hint:where(.astro-cykobtba){color:#788e87;text-align:right;font-size:.65rem;font-weight:450}.graph-canvas:where(.astro-cykobtba){background:radial-gradient(at 48% 46%,#44786929,#0000 54%),linear-gradient(145deg,#102021,#0b1517);border:1px solid #8db0a31f;border-radius:10px;width:100%;min-width:0;height:clamp(450px,62vh,700px)}.graph-empty:where(.astro-cykobtba){border:1px solid var(--graph-line);color:#f1c66f;border-top:0;margin:0;padding:.9rem;font-size:.82rem}.graph-legend:where(.astro-cykobtba){flex-wrap:wrap;gap:.34rem;padding:.65rem .25rem .05rem;display:flex}.legend-item{color:#bdcbc6;border:1px solid #a3bdb329;border-radius:999px;align-items:center;gap:.34rem;padding:.24rem .44rem;font-size:.62rem;display:inline-flex}.legend-item:before{content:"";background:#68a895;border-radius:50%;width:.48rem;height:.48rem}.legend-item.client:before{background:#7192bf}.legend-item.player:before{background:#c49b62}.legend-item.world:before{background:#68a895}.legend-item.voxel:before{background:#98b96f}.legend-item.rendering:before{background:#56b9c2}.legend-item.generation:before{background:#d4a04d}.legend-item.entities:before{background:#aa80c4}.legend-item.persistence:before{background:#d28460}.node-details:where(.astro-cykobtba){border-left:1px solid var(--graph-line);background:linear-gradient(#182a28d6,#101b1df5);min-width:0;padding:1.1rem .95rem}.detail-kicker:where(.astro-cykobtba){color:#77d6be;letter-spacing:.1em;margin-bottom:.42rem;font-size:.63rem;font-weight:760}.node-details:where(.astro-cykobtba) h3:where(.astro-cykobtba){color:#f0f7f4;overflow-wrap:anywhere;margin:0;font-size:1.15rem}.detail-summary:where(.astro-cykobtba){color:#b5c3be;min-height:4.25rem;margin:.5rem 0 .8rem;font-size:.82rem;line-height:1.55}.detail-actions:where(.astro-cykobtba){flex-wrap:wrap;gap:.5rem;margin-bottom:.95rem;display:flex}.detail-actions:where(.astro-cykobtba) a:where(.astro-cykobtba){color:#a8e8d3;border:1px solid #77d6be57;border-radius:7px;align-items:center;min-height:40px;padding:.35rem .55rem;font-size:.72rem;text-decoration:none;display:inline-flex}.detail-path:where(.astro-cykobtba){border-top:1px solid var(--graph-line);border-bottom:1px solid var(--graph-line);gap:.25rem;padding:.7rem 0;display:grid}.detail-path:where(.astro-cykobtba) span:where(.astro-cykobtba),.connection-heading:where(.astro-cykobtba){color:#879c94;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.detail-path:where(.astro-cykobtba) code:where(.astro-cykobtba){color:#d8b778;overflow-wrap:anywhere;white-space:normal;font-size:.67rem}.connection-heading:where(.astro-cykobtba){justify-content:space-between;margin:.8rem 0 .4rem;display:flex}.connection-heading:where(.astro-cykobtba) span:where(.astro-cykobtba):last-child{color:#b9c8c2}.connection-list:where(.astro-cykobtba){gap:.33rem;max-height:230px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.connection-button{text-align:left;gap:.1rem;width:100%;min-height:44px;display:grid;padding:.36rem .5rem!important}.connection-button strong{color:#e0ece6;font-size:.72rem}.connection-button small{color:#94aaa1;overflow-wrap:anywhere;font-size:.61rem}.trace-note:where(.astro-cykobtba){color:#c9d2ce;background:#503e232e;border:1px solid #f1c66f47;border-radius:10px;margin-top:.8rem;padding:.75rem;font-size:.73rem;line-height:1.5}.trace-note:where(.astro-cykobtba)>strong:where(.astro-cykobtba){color:#f1cf83}.trace-note:where(.astro-cykobtba) p:where(.astro-cykobtba){margin:.4rem 0 .55rem}.trace-steps{gap:.28rem;max-height:210px;display:grid;overflow:auto}.trace-steps button{text-align:left;min-height:38px;padding:.32rem .45rem;font-size:.68rem}.graph-footnote:where(.astro-cykobtba){color:#82928d;margin:.5rem 0 0;font-size:.7rem}@media (width<=1020px){.graph-controls:where(.astro-cykobtba){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.search-control:where(.astro-cykobtba){grid-column:1/-1}.node-control:where(.astro-cykobtba){grid-column:1}.focus-controls:where(.astro-cykobtba){grid-template-columns:auto auto auto;justify-self:start}.focus-controls:where(.astro-cykobtba) span:where(.astro-cykobtba){grid-column:auto}.graph-layout:where(.astro-cykobtba){grid-template-columns:minmax(0,1fr)}.node-details:where(.astro-cykobtba){border-top:1px solid var(--graph-line);border-left:0}.detail-summary:where(.astro-cykobtba){min-height:0}.connection-list:where(.astro-cykobtba){grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px}}@media (width<=600px){.code-graph:where(.astro-cykobtba){margin-inline:-.25rem}.graph-intro:where(.astro-cykobtba){flex-direction:column;align-items:start}.graph-stats:where(.astro-cykobtba){justify-content:start}.graph-controls:where(.astro-cykobtba){grid-template-columns:minmax(0,1fr)}.search-control:where(.astro-cykobtba),.node-control:where(.astro-cykobtba){grid-column:auto}.focus-controls:where(.astro-cykobtba){grid-template-columns:1fr 1fr}.focus-controls:where(.astro-cykobtba) span:where(.astro-cykobtba){grid-column:1/-1}.focus-controls:where(.astro-cykobtba) button:where(.astro-cykobtba){min-height:44px}.trace-controls:where(.astro-cykobtba){align-items:stretch}.trace-controls:where(.astro-cykobtba)>span:where(.astro-cykobtba){flex-basis:100%}.trace-buttons:where(.astro-cykobtba){grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.trace-buttons:where(.astro-cykobtba) button{overflow-wrap:anywhere;min-width:0;min-height:44px}.reset-button:where(.astro-cykobtba){margin-left:0;min-height:44px!important}.graph-topline:where(.astro-cykobtba){flex-direction:column;align-items:start}.graph-hint:where(.astro-cykobtba){text-align:left}.graph-canvas:where(.astro-cykobtba){height:480px}.connection-list:where(.astro-cykobtba){grid-template-columns:minmax(0,1fr)}.node-details:where(.astro-cykobtba){padding:.9rem .75rem}}
