@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap');
        body { background-color: #0f1117; color: #e2e8f0; overflow: hidden; font-family: 'Orbitron', sans-serif; }
        canvas { background: radial-gradient(circle, #1a1c2e 0%, #0f1117 100%); display: block; }
        .ui-overlay { pointer-events: none; position: absolute; inset: 0; }
        .interactive { pointer-events: auto; }
        .neon-text { text-shadow: 0 0 10px #00f2ff, 0 0 20px #00f2ff; }
        .neon-border { border: 2px solid #00f2ff; box-shadow: 0 0 15px rgba(0, 242, 255, 0.5); }
        .order-card { background: rgba(30, 41, 59, 0.8); border-left: 4px solid #00f2ff; animation: slideIn 0.3s ease-out; }
        @keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }
        .skill-node { background: #1a1c2e; border: 2px solid #334155; transition: all 0.3s; }
        .skill-node.unlocked { border-color: #00f2ff; box-shadow: 0 0 10px #00f2ff; }