@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@400;500&display=swap";:root{--bg-gradient: linear-gradient(135deg, #090B10 0%, #151928 100%);--panel-bg: rgba(20, 24, 39, .6);--panel-border: rgba(255, 255, 255, .1);--text-main: #FFFFFF;--text-muted: #A0AABF;--accent-color: #00E5FF;--accent-glow: rgba(0, 229, 255, .3);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;overflow:hidden;background:var(--bg-gradient);font-family:var(--font-body);color:var(--text-main);height:100vh;width:100vw}#graph-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:40px}header{pointer-events:auto;display:inline-block}.title-container{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;padding:24px 32px;max-width:500px;box-shadow:0 8px 32px #0006;margin-bottom:20px}.mode-toggles{display:flex;gap:12px;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:30px;padding:6px;width:fit-content;box-shadow:0 4px 16px #0000004d}.toggle-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:.95rem;font-weight:500;padding:10px 20px;border-radius:24px;cursor:pointer;transition:all .3s ease;outline:none}.toggle-btn:hover{color:var(--text-main);background:#ffffff0d}.toggle-btn.active{background:var(--accent-color);color:#000;font-weight:600;box-shadow:0 0 15px var(--accent-glow)}h1{font-family:var(--font-heading);font-weight:800;font-size:2.5rem;letter-spacing:-.5px;background:linear-gradient(90deg,#FFFFFF,var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}p.subtitle{color:var(--text-muted);font-size:1.1rem;line-height:1.5;font-weight:300}#info-panel{pointer-events:auto;align-self:flex-end;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;padding:32px;width:400px;min-height:200px;box-shadow:0 8px 32px #0006,0 0 20px var(--accent-glow);transform:translate(120%);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:16px}#info-panel.visible{transform:translate(0)}#node-title{font-family:var(--font-heading);font-weight:600;font-size:1.8rem;color:var(--accent-color);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}#node-desc{font-size:1rem;line-height:1.6;color:#e2e8f0}.instruction-toast{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 24px;border-radius:30px;border:1px solid rgba(255,255,255,.1);font-size:.9rem;color:var(--text-muted);pointer-events:auto;letter-spacing:.5px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.scene-tooltip{font-family:var(--font-body);background-color:#0a0f1ae6!important;border:1px solid var(--accent-color)!important;border-radius:8px!important;padding:8px 16px!important;color:#fff!important;font-size:14px!important;box-shadow:0 4px 15px #00000080!important;pointer-events:none}#return-hub-btn{position:absolute;top:40px;right:40px;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent-color);color:var(--text-main);padding:12px 24px;border-radius:30px;font-family:var(--font-heading);font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 15px #00000080,0 0 10px var(--accent-glow);transition:all .3s ease;z-index:100;pointer-events:auto}#return-hub-btn:hover{background:var(--accent-color);color:#000;box-shadow:0 4px 20px var(--accent-color)}#return-hub-btn.hidden{display:none}#character-ui{pointer-events:auto;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;padding:24px;width:300px;position:absolute;bottom:40px;right:40px;box-shadow:0 8px 32px #0006;transition:opacity .5s}#character-ui h3{font-family:var(--font-heading);color:var(--accent-color);font-size:1.2rem;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}#character-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.char-opt{padding:10px;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.char-opt:hover{background:#ffffff1a}.char-opt.active{background:var(--accent-color);color:#000;font-weight:600}