.interaction-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px clamp(12px,4vw,64px);background:#08151a;border-block:1px solid #75dbe52d}.interaction-bar button,.spatial-tools button{min-height:44px;padding:8px 14px;border:1px solid #76dce13d;border-radius:4px;background:#11272e;color:#d9faff;cursor:pointer}.interaction-bar button:hover,.spatial-tools button:hover{background:#1c3b43}.interaction-bar small{margin-left:auto;color:#90b6bf}.interaction-bar button:disabled{opacity:.35;cursor:default}.command-dialog{width:min(640px,calc(100vw - 24px));max-height:85dvh;background:#08171d;color:#e7fbff;border:1px solid #87dce859}.command-dialog input{box-sizing:border-box;width:100%;min-height:48px;background:#0d252d;border:1px solid #8bccd744;color:#e9fbff;padding:12px;font:inherit}.command-results{display:grid;gap:8px;margin-top:12px}.command-results button,.checkpoint-row button{min-height:44px;border:1px solid #75cfd638;background:#102932;color:#dcfaff;padding:12px;text-align:left;cursor:pointer}.command-results button:focus-visible,.spatial-tools button:focus-visible,.spatial-graph .node:focus-visible{outline:3px solid #f4d191;outline-offset:3px}.experience-note{font:12px/1.8 ui-monospace,monospace;color:#9fc0c6;margin:12px 0}.checkpoint-row{display:flex;gap:8px;margin-block:8px}.checkpoint-row button{flex:1}.experience-message{min-height:1.5em;color:#e7c480}.checkpoint-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.spatial-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.renderer-state{margin-left:auto;font:10px/1.5 ui-monospace,monospace;color:#90b8bc}.spatial-graph{height:460px!important;min-height:360px!important;padding:0!important;position:relative;touch-action:none;contain:layout paint;background:radial-gradient(ellipse at center,#163a40,#08171d 80%)!important}.spatial-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.spatial-graph #graph-lines,.spatial-graph .graph-center{display:none!important}.spatial-graph #graph-nodes{display:block!important;position:absolute;inset:0;pointer-events:none}.spatial-graph .node{position:absolute!important;transform:translate(-50%,-50%)!important;width:clamp(100px,15vw,142px)!important;min-height:64px!important;max-height:120px;overflow:hidden;padding:10px!important;pointer-events:auto;box-shadow:0 4px 22px #0006;transition:border-color .15s,background .15s}.spatial-graph .node span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.spatial-graph .node[data-focus=true]{border-color:#e6ba78;background:#2a3e3d}.spatial-graph.list-mode{height:auto!important;min-height:0!important;touch-action:auto}.spatial-graph.list-mode #graph-nodes{display:grid!important;position:relative;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;padding:14px}.spatial-graph.list-mode .spatial-lines{display:none}.spatial-graph.list-mode .node{position:static!important;transform:none!important;width:100%!important;max-height:none}.spatial-graph [hidden]{display:none!important}@media(max-width:640px){.interaction-bar{padding:12px}.interaction-bar small{width:100%;margin:0}.interaction-bar button{flex:1;white-space:nowrap}.spatial-graph{height:460px!important}.spatial-graph .node{width:105px!important;font-size:10px!important}.renderer-state{width:100%;margin:0}.checkpoint-row{flex-direction:column}}@media(prefers-reduced-motion:reduce){.spatial-graph .node{transition:none}::view-transition-group(*){animation-duration:0s!important}}