*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#060612;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#e0e0e0}#canvas{display:block;width:100%;height:100%}#path-toggle{position:fixed;top:20px;left:20px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0a0c1cd1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(90,130,220,.25);border-radius:10px;box-shadow:0 4px 16px #0006;color:#89b;cursor:pointer;z-index:11;transition:opacity .25s ease,transform .25s ease,border-color .15s ease,color .15s ease}#path-toggle:hover{color:#e0e0e0;border-color:#5a82dc80}#path-toggle.hidden{opacity:0;pointer-events:none;transform:translate(-10px)}#path-panel{position:fixed;left:20px;top:72px;width:440px;max-height:calc(100vh - 92px);display:flex;flex-direction:column;padding:28px 24px;background:#0a0c1cd1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(90,130,220,.25);border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:10;transition:opacity .25s ease,transform .25s ease}#path-panel.hidden{opacity:0;pointer-events:none;transform:translate(-20px)}#path-close{position:absolute;top:12px;right:14px;background:none;border:none;color:#89b;font-size:22px;cursor:pointer;line-height:1}#path-close:hover{color:#fff}#path-panel h2{font-size:1.1rem;font-weight:600;margin-bottom:14px;padding-right:24px}#path-select{width:100%;padding:8px 12px;background:#141832e6;color:#e0e0e0;border:1px solid rgba(90,130,220,.3);border-radius:6px;font-size:.88rem;font-family:inherit;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238899bb' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}#path-select:hover{border-color:#5a82dc80}#path-select:focus{border-color:#5a82dc99}#path-select option{background:#0a0c1c;color:#e0e0e0}#path-narrative{flex:1;overflow-y:auto;margin-top:16px}#path-narrative:empty{display:none}#path-narrative p{font-size:.86rem;line-height:1.55;color:#b0bcd0;margin-bottom:12px}#path-narrative p:last-child{margin-bottom:0}#path-narrative::-webkit-scrollbar{width:5px}#path-narrative::-webkit-scrollbar-track{background:transparent}#path-narrative::-webkit-scrollbar-thumb{background:#5a82dc4d;border-radius:3px}#info-panel{position:fixed;top:20px;right:20px;width:360px;max-height:calc(100vh - 40px);overflow-y:auto;padding:28px 24px;background:#0a0c1cd1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(90,130,220,.25);border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:10;transition:opacity .25s ease,transform .25s ease}#info-panel.hidden{opacity:0;pointer-events:none;transform:translate(20px)}#panel-close{position:absolute;top:12px;right:14px;background:none;border:none;color:#89b;font-size:22px;cursor:pointer;line-height:1}#panel-close:hover{color:#fff}#panel-name{font-size:1.3rem;font-weight:600;margin-bottom:6px;padding-right:24px}#panel-meta{display:flex;gap:12px;margin-bottom:16px;font-size:.82rem;color:#89b}#panel-status{text-transform:uppercase;letter-spacing:.06em}#panel-description{font-size:.92rem;line-height:1.55;margin-bottom:18px;color:#c8cfe0}#info-panel h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#6680aa;margin-bottom:6px}#panel-split,#panel-reading{font-size:.88rem;line-height:1.5;color:#b0bcd0;margin-bottom:16px}#panel-reading{font-style:italic}#info-panel::-webkit-scrollbar{width:5px}#info-panel::-webkit-scrollbar-track{background:transparent}#info-panel::-webkit-scrollbar-thumb{background:#5a82dc4d;border-radius:3px}#path-resize-handle{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:1}#path-resize-handle:after{content:"";position:absolute;top:50%;right:3px;transform:translateY(-50%);width:2px;height:32px;border-radius:1px;background:#5a82dc26;transition:background .15s ease,height .15s ease}#path-resize-handle:hover:after,#path-panel.resizing #path-resize-handle:after{background:#5a82dc80;height:48px}#orbit-hint{position:fixed;top:20px;left:50%;transform:translate(-50%);font-size:.88rem;color:#b0bcd0;pointer-events:none;z-index:5;opacity:1;transition:opacity 1s ease}#orbit-hint.fade-out{opacity:0}@media(max-width:768px){#info-panel{width:auto;left:12px;right:12px;padding:20px 18px;background:#0a0c1c99}#path-panel{width:auto;left:12px;right:12px;padding:20px 18px;max-height:calc(100vh - 80px);top:64px}#path-toggle{top:14px;left:12px}#path-resize-handle{display:none}body:has(#info-panel:not(.hidden)) #path-toggle{opacity:0;pointer-events:none}#info-panel,#path-panel{transition:opacity .25s ease,transform .25s ease,background .3s ease}#info-panel.orbit-peek,#path-panel.orbit-peek{opacity:.08;pointer-events:none}}